/* -- WebSite Accelerator 3.0.0.0 ----- */

/*
  WSA Stylesheet Master
  Copyright  2005 PowerServe International.
  All Rights Reserved.
  Creation Date: 2004.12.13
  Last Modified: 2005.02.08
*/

/* WSA Global Styles - DO NOT REMOVE! */
  @import url("/common/wsaglobal.css");

/*
Core Styles
*/
  body {
  	background:url("/images/whr-bg.jpg") top center;
	color:#000;
	font:normal 1em verdana,tahoma,sans-serif;
	margin:0;
	padding:0;
	text-align:center; }
  	/*	devnote: If using 'text-align:center;' to center your layout, you must use a
		container (see below) to fix a browser glitch. -ch */

  a {color:#FF6600; text-decoration:none;}
  a:hover {color:#ffff000;}

h2 a {color:#FF6600; text-decoration:none;}
h2 a:hover {color:#ffff000;}


/*
Container / Header
*/
  #container {
	margin:0 auto;
	text-align:left;
	width:770px;
	}
  	/*	devnote: '#container' The combination of margin:0 auto; and text-align:left; fixes a bug in
		IE 5/6 that causes text to inherit centering from the body selector. -ch */
  #pageheader {
  	valign:top;
	border:0px solid #000ccc;
	margin:0 auto;
	text-align:center;
	background:;
	height:137px; 
	}
  #header2 {
   background:url("/images/header2.jpg") top left no-repeat;
   height:133px;
   margin:0 auto;
   text-align:left;
   }
  #header3 {
   background:url("/images/header3.jpg");
   height:27px;
   margin:0 auto;
   text-align:left;
   }

   /*
Left Navigation
*/
  #leftnav {
	background:url("/images/left-nav-bg.gif");
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:top;
	width:170px;
	float:left;
	border-bottom:1px solid #BC8D5A; }
  #leftnav .leftnavcontent {
	text-align:center;
	border:0px solid #000;
	display:block;
	width:160px;
	background:;
	margin:0 auto;
	padding: 2px 1px 2px 1px;
	}
  #leftnav #left-nav-top {border:0px solid #fff; height:36px;}
  #leftnav .leftnavcontent .text {
  	color:#ccc;
	font-size:10px;
	margin:10px 0 0 0;
	padding:0; }
  #leftnav a {
  	font-weight:bold; }
  #leftnav span {
	display:block;
	padding:2px 0 2px 0;
	margin:0 auto;
	width:160px; 
	text-align:left;}
  #leftnav .nav1, #leftnav .nav2, #leftnav .nav3 {
  	background:url("/images/left-nav-link.gif") repeat-y top center;
	color:#000; }
  #leftnav .nav1:hover, #leftnav .nav2:hover, #leftnav .nav3:hover {
  	background:url("/images/left-nav-link.gif") repeat-y top center;
	color:#900; }
  #leftnav .nav1 {
  	display:block;
	border:1px solid #555;
	font-size:13px;
	margin:0;
	padding:8px 3px 8px 5px; }
  #leftnav .currentnav1 {color:#fff;
  	display:block;
  	background:url("/images/left-nav-link.gif") repeat-y top center;
	border:1px solid #555;
	font-size:13px;
	margin:0;
	padding:8px 3px 8px 5px; }
  #leftnav .nav2, #leftnav .currentnav2 {
  	display:block;
  	background:url("/images/whr-bullit.gif") left no-repeat;
	font-size:11px;
	margin:0;
	padding:3px 3px 3px 15px;}
  #leftnav .nav3, #leftnav .currentnav3 {
  	display:block;
  	background:url("/images/whr-bullit.gif") left no-repeat;
	border:1px solid #555;
	font-size:11px;
	margin:0;
	padding:4px 3px 4px 20px; }
 #leftnav .currentnav2, #leftnav .currentnav3 {
	color:#fff; }
 #leftnav .nav2, #leftnav .nav3 {
  	background:url("/images/whr-bullit.gif") left no-repeat;
	color:#fff; }
  #leftnav .nav2:hover, #leftnav .nav3:hover {
  	background:url("/images/whr-bullit.gif") left no-repeat;
	color:#e86a19; }

/*
Top Navigation
*/
  #topnav {
	background:url("/images/whr-top-nav-bg.gif") top center no-repeat;
	color:#fff;
	height:33px;
	font-size:11px;
	margin:0;
	padding:10; 
	font-weight:bold;
	}

/* Tabbed Top Nav	
	#topnav .nav { margin:0; padding:0 0 0 10px; }
	#topnav .nav span.tab { background:#20621A; border-bottom:1px solid #4c784c; margin:0; padding:5px 15px 5px 0; }
	#topnav .nav span.tab span { background:#20621A; margin:0; padding:5px 0 5px 15px; }
	#topnav .nav span.tab span a { color:#fff; }
	#topnav .nav span.tab span a:hover { color:#fc0;  }
	#topnav .nav span.tabactive { background:#FFE001; border-bottom:1px solid #4c784c; margin:0; padding:5px 15px 5px 0; }
	#topnav .nav span.tabactive span { background:#FFE001; margin:0; padding:5px 0 5px 15px; }
	#topnav .nav span.tabactive span a { color:#20621A  }
	
	* html #topnav .nav span.tab { background:#20621A; border:solid #20621A; border-width:1px 1px 0 1px; border-bottom:1px solid #20621A; height:22px; margin:0; padding:0; }
	* html #topnav .nav span.tab span { background:#20621A; height:22px; margin:0; padding:0; }
	* html #topnav .nav span.tab span a { display:inline; padding:0 15px; position:relative; top:4px; }
	* html #topnav .nav span.tabactive { border:solid #698c4e; border-width:1px 1px 0 1px; border-bottom:1px solid #4c784c; height:22px; margin:0; padding:0; }
	* html #topnav .nav span.tabactive span { background:#FFE001; height:22px; margin:0; padding:0; }
	* html #topnav .nav span.tabactive span a { color:#900; display:inline; padding:0 15px; position:relative; top:4px;  }
*/	

 #topnav td {
  	border:solid #000;
	border-width:0;
	}
  #topnav .nav {
	padding:0 10px 0 20px;
	text-align:right; 
	height:33px; 
	}
  #topnav .nav a {
    color:#e86a19;
	background:url("/images/whr-bullit.gif") left no-repeat;
	border-right:1px solid #772d1a;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:7px 15px; 
	}
*html #topnav .nav a {
    color:#e86a19;
	background:url("/images/whr-bullit.gif") left no-repeat;
	border-right:1px solid #772d1a;
	font-weight:bold;
	margin:0;
	padding:8px 15px 0px 15px; 
	height:33px; 
	}

  #topnav .nav a:hover {
    color:#fff;
	font-weight:bold;
	margin:0;
	padding:7px 15px;
	}
*html #topnav .nav a:hover {
    color:#fff;
	font-weight:bold;
	margin:0;
	padding:8px 15px 6px 15px; 
	}
	
  #topnav .nav strong {
	font-size:12px;
	font-weight:bold;
	background:;
	margin:0;
	padding:5px 0px 7px 0px; 
	color:#fff;
	font-weight:bold; 
	}
*html #topnav .nav strong {
	font-size:12px;
	font-weight:bold;
	background:;
	margin:0;
	padding:5px 0px 7px 0px; 
	color:#fff;
	font-weight:bold; 
	}
/* Set the menu background to align left.  The first class will remove the background for the first menu item. */
  #topnav .nav .first {
    color:#e86a19;
	background:url("/images/whr-bullit.gif") left no-repeat;
	border-left:0px solid #772d1a;
	font-weight:bold;
	margin:0;
	padding:7px 15px; 
	}
*html #topnav .nav .first {
    color:#e86a19;
	background:url("/images/whr-bullit.gif") left no-repeat;
	border-left:0px solid #772d1a;
	font-weight:bold;
	margin:0;
	padding:8px 15px 6px 15px; 
	}

/*
Content Area
*/
  #pgcontenttop {
  	background:url("/images/hwhr-top-pg-bg.gif") bottom center no-repeat;
  	padding:10px 0 0 0;
	height:23px;}
  #pgcontentbottom {
  	background:url("/images/whr-bottom-pg-bg.gif") top center no-repeat;
  	padding:0 0 10px 0;
	height:25px;}
  #pgcontent {
  	background:url("/images/whr-pg-bg.gif") top center repeat-y;
  	padding:0 21px 0 25px;
	vertical-align:top; }
  #pgcontent #pagemain { background:#fff;
  	border:0px dotted #900;
	width:540px;
	margin:0 0 0 4px;
	float:left;
	padding:0 0 0 7px;}
  #pgcontent .text a {
  	color:#900; }
  #pgcontent .text a:hover {
  	color:#667; }
  #pgcontent .contentsearch {
	font-size: 10px;
	}
  #pgcontent td table { font-size:13px; padding:0; margin:0;}
  
/*Home page content*/
#homeleft { background:url("/images/upcoming-events-bg.gif") top center repeat-y;width:214px; border:0px dotted red; float:left; text-align:center;}
	#homeleft .upcoming { background:url("/images/upcoming-events-par.gif") top center repeat-y; margin:5px auto; padding:2px 0 0 0;}
	#homeleft .upcoming table {padding:5px; margin:0;}
	#homeleft .upcoming .h2 {margin:0; padding:5xp 0 0 5px;}
#homecenter {background:url("/images/welcome-bg.gif") top center repeat-y;width:289px; float:left; margin:0 4px 0 4px; text-align:center;}
	#homecenter #welcomemain { background:; margin:0 auto; border:0px dotted red; width:275px;}
#homeright {background:url("/images/gallery-bg.gif") top center repeat-y;width:208px; border:0px dotted red; float:left; text-align:center;}
	#homeright #gallerymain { background:; margin:0 auto; border:0px dotted red; width:195px;}
	#homeright #gallerymain .small {font-size:9px; color:#ccc; padding:0; margin:0;}

#clear { clear:both; padding:0; margin:0;}

.text{ font-size:12px; font-weight:normal; font-style: normal;}
.textital, .italtext, em, i { font-size:12px; font-style: italic; }
.boldtext, strong, b { font-size:12px; font-weight:bold; }
.small { font-size:9px; }
.boldsmallertext { font-size:9px; font-weight:bold; }

/* Used for stylizing text on FEEDBACK.ASP forms */
  #feedback { 
	font-size:10px; 
	font-weight:bold; 
  	padding:5px 10px 10px 10px;
	margin:10px auto;
	width:80%;
	}
  #pagemain .forms { 
	font-size:10px; 
	font-weight:bold; 
  	padding:5px 0px 5px 0;
	margin:0;
	}
#pagemain .forms td { 
	font-size:10px; 
	font-weight:bold;
	 padding:0;
	}
#pagemain .forms td .h1{ 
	font-size:23px; 
	font-weight:normal;
	}
#pagemain .forms td .text{ 
	font-size:12px; 
	font-weight:normal;
	}

/*
Footer Styles
*/
  #footer {
  	background:url(/images/whr-footer.gif) top center no-repeat;
	height:42px;
	}
  #footer2 {
	color:#ccc;
    font-size:10px;
	font-weight:normal;
	text-align:center;
	padding:0; 
	}
  #footer2 a {
  	color:#f60;
	font-size:10px;
	font-weight:normal;
	}
  #footer2 a:hover {
  	color:#f00; 
	}
  #footer2 .text {
  	color:#fff;
	font-size:10px;
	}

/*
Heading Styles
*/

  #pgcontent .h1, h1, heading1, .heading1, boldlargetext, .boldlargetext, .imagegallerytitle { font-family:Georgia,"Times New Roman",Times, serif; font-weight:normal; font-size:23px; color:#900; 
  padding:3px 0 0 0; margin:0;}
  #pgcontent .h2, h2, heading2, .heading2 { font-family:Georgia,"Times New Roman",Times, serif; font-size:15px; font-weight:bold; text-transform:normal; color:#900; padding:5px 0 0 0; margin:0; }
  #pgcontent .h3, h3, heading3, .heading3 { font-size:15px; font-weight:bold; font-style:italic; color:#f60; padding:0 0 0 0; margin:0; }
  #pgcontent .h4 { font-size:13px; font-weight:bold; padding:0 0 0 0; margin:0; }
  #pgcontent .h5 { font-size:13px; font-weight:normal; padding:0 0 0 0; margin:0; }
  #pgcontent .h6 { font-size:13px; font-weight:bold; font-style:italic; padding:0 0 0 0; margin:0; }
  #pgcontent  .subheader { font-size:17px; font-weight:bold; color:#c00; padding:0 0 0 0; margin:0; }

/*
Hot Lists are still used for POLL items. Other RightNav items use rightbar.
*/

  .hotlisttable {
    margin:0 0 10px 0;
	padding:0 0 10px 0; }
  .hotlisttable .hotlisttitle {
  	background:#014171;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:7px;
	text-align:left; }
  .hotlisttable .hotlistitem {
    padding:1px; }
  .hotlisttable tr td table {
	vertical-align:middle; padding:0; margin:0; font-size:10px; color:#5A0000;
	border-width:0 1px 1px 1px; border-style:solid; border-color:#014171; }
  .hotlisttable .hotlistitem a {
	font:normal 10px; padding:3px auto; display:block; color:#fff; }
  .hotlisttable .hotlistitem a:hover {
	color:#c00; }
/*
RightBar
*/
#rightbar {
	margin:0;
	padding:0;
	}
#rightbar .list {
	background:url("/images/right-sidebar-bg.gif") top left repeat-y;
	border:solid #BC8D5A;
	border-width:0 0 1px 0;
	color:#667;
	margin:0;
	padding:0;
	width:100%;
	}
#rightbar .list h3 {
	background:url("/images/right-sidebar-hd.gif") top center no-repeat;
	color:#000;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding:7px 0 0 0;
	text-align:center;
	height:33px;
	margin:0;
	}
#rightbar .list ul {
	list-style:none;
	margin:0;
	text-align:left;
	padding:0 0 7px 0;
	width:165px; 
	}
#rightbar .list ul li {
	display:block;
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	}
#rightbar .list a {
	border:0px solid #fff;
	color:#ccc;
	font-size:10px;
	margin:0 0 0 0;
	padding:0 0 0 12px;
	}
#rightbar .list a:hover {
	background:url("/images/whr-bullit.gif") no-repeat left;
	color:#f60; 
	}
	
/* -- | image gallery | -------------------------------------- */

	.caption, .rsccaption { text-align:center; vertical-align:top; font-size:70%; font-weight:bold; padding:0 0 20px 0;}
	.captionfield { text-align:center; vertical-align:top; font-size:11px; width:450px; height:40px; }
	.imagegallery { text-align:center; vertical-align:top; padding:0 5px 0 5px;}
	.imagegallery td { text-align:left; }
	.imagegallery2 { vertical-align:top; font-size:10px; font-weight:bold;}
	.imagegallerymain { text-align:left; }
/*	.imagegallerytitle { border-bottom:1px solid #9B0D1B; color:#9b0d1b; font-weight:bold; padding:0; margin:0; }*/

/* Styles TEXT on main photos */
	TD.rsccaption { TEXT-ALIGN: center; vertical-align: top; font-size:70%; }

/*
Miscellaneous / Legacy Styles
*/

.adminlink, .adminmsg {
 font:normal 11px "lucida grande", tahoma, verdana, sans-serif;
 color:#000;
 background:#e6e6e6;
 border:1px solid #ccc;
 display:block;
 padding: 10px;
 margin:0px auto 10px auto;
 text-align:left;
 width:760px;
 }


/* Weekly Calendar styles */
#weekly { width:80%;}
tr.eventodd { font-size:9px; background:#ccc; color: #fff; }
tr.eventeven { font-size:9px; background:#fff; color: #fff; }
tr.calhdr { background:#ccc; }  
td.calhdrfont { font-size:16px; }
.calendar { margin:0; padding:3px; }
.calendar .event1 { font-size:9px; line-height:1em; margin:0 0 10px 0; padding:0; }
.info-off { font-size:12px; line-height:1em; margin:0 0 5px 0; padding:0; }
.info-on { font-size:12px; color:#c00 ; line-height:1em; margin:0 0 5px 0; padding:0; }

/* Calendar styles */
		  #calendar {
		  	width:97%;
			border-color:#BC8D5A;
			font-size:10px;
			border-collapse:collapse;
			margin:0 0 0 3px;
			}
		  #calendar th {
			background:url("/images/calendar-hd.gif");
			height:30px;
			color:#fff;
			border:1px solid #BC8D5A;
			}
		  #calendar tr.even {
			background:#fff;
			}
		  #calendar tr.odd {
			background:#e6e6e6;
			}
		  #calendar .odd td,#calendar .even td {
			border-color:#BC8D5A;
			}
		  #calendar .date {
			background:#333;
			color:#fff;
			font-size:9px;
			}
		  #calendar .today {
			background:#c00;
			}
		  #calendar .events li {
			border-color:#BC8D5A;
			font-size:9px;
			}
 		  #calendar strong {
			font-size:9px;
			}
		/* Event Details - !MODIFY ONLY! - Added by CH 3.25.05 */
		  #eventdetail {
			border-color:#BC8D5A;
			}
		  #eventdetail .info {
			color:#000;
			font-size:12px;
			}
		  #eventdetail .resource {
			border-color:#BC8D5A;
			}
		  #eventdetail .type {
			background:url("/images/left-nav-link.gif");
			border-color:#900;
			color:#000;
			font-size:10px;
			font-weight:bold;
			}
		  #eventdetail td {
			border-color:#BC8D5A;
			}
		/* End Event Details */
		
		/* Event Type Selector - !MODIFY ONLY! - Added by CH 3.25.05 */
		  #eventtype {
		  	width:97%;
			border-color:#BC8D5A;
			font-size:10px;
			margin:0px 0px 0px 3px;
			}
		  #eventtype td {
			background:#f7f7f7;
			}
		  #eventtype th {
			background:url("/images/calendar-hd.gif");
			color:#fff;
			height:30px;
			}
		/* End Event Type Selector Styles */

.logo { font-size:16px; color:#fff; background:#808080; }
.poll { color:#000; background:#ccc; }
.pollitem { font-size:11px; color:#000; text-align:left; }
.gutter { background:#090; }
.copyright { font-size:9px; }
.content { color:#000; }
.header { font-size:10px; color:#fff; background:#000; }
.sorted { font-size:10px; color:#ff0; background:#000; }
.detail0 { font-size:10px; background:#fffadc; }
.detail1 { font-size:10px; background: #eee8aa; }

/* NoMenus.asp style */
#nomenus {
  margin:0px;
  background:#FFF;
  padding:0px 0px 0px 0px;
  height:20px;
  }

#nomenus .popheader {
  margin:0px;
  background:#63937D;
  padding:10px 0px 0px 0px;
  height:10px;
  }
#nomenus .popcontent {
  margin:0px;
  background:#CCC;
  padding:10px 10px 10px 10px;
  }
#nomenus .popfooter {
  margin:0px;
  background:url(/images/bluebg.gif) yes-repeat top left;
  padding:10px 0px 0px 0px;
  }

/* miscellaneous styles */
.button { font-size:10px; }
.error { color:#c00; }
.header { color:#fff; font-size: 15px; }
.info { color: #900; }
.reccnt { color:#900; }
.sorted { font-size:10px; color:#ff6; }
.tblhead { font-weight:bold; background:#ccc; }

.divider { background:#000; }
.question { font-weight:bold; font-size:14px; color:#fff; background:#900; }
.forum { font-size:12px; color:#fff; background:#333; }
.forumsub { font-size:12px; color:#fff; background:#ccc; }

  .resource { margin:15px; }
  img.resource { margin:3px; border:0px; }

.pdfname {font-size:10px;}
.pdfname a {color:#FF6600}
.pdfname a:hover {color:#ff0000;}
.pdfname img {border:none; padding:0 5px; float:left;}