/* CSS Document */

body  
{
	text-align: center; /*   to fix quirk in some versions to center page in browser window. Otherwise is controled by #container setting of  right and left margin: auto */
	background-image:  url(images/bg_gradredwhite.jpg);
	background-attachment: fixed;
	background-repeat:repeat-x;
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#3C1E00; /*dark brown */
	}
	
/*********** begin universal styles ***********/

a:link {
	color: #663300;
	text-decoration: underline;
}

a:visited{
	color: #993333; /*dark red */
}

a:hover{
	color: #339999;  /* light teal */
	text-decoration: underline;
}

a:active {
	background-color: transparent;
	color: #993333; /*dark red */
	text-decoration: none;
}

h1 {
	color: #660000;
	line-height: normal;
}

h2 {
 	color: #660000;  /* #785C2E golden brown */
 	line-height: normal;
}

h3 {
	 color: #330000;
	 margin: 0px;
	 padding: 0px;
	 text-align: left;
 	line-height: normal;
}

h4 {
	 font-weight: bold;
	 color: #3C1E00;
	 margin: 0px;
	 padding: 0px;
 	line-height: normal;
}

h5{
 color: #000000;
 margin: 0px;
 padding: 0px;
}

p, ul {
	color:#3C1E00; /*dark brown */
}

.imglink img {
border: 1px solid #993333; /*brick red */
}


.imglink:hover img {
border: 1px solid #339999;/* teal */

}

.center {
text-align: center;
}

.cellhilite {
background-color:#ffffee;
}

.right {
text-align: right;
}

/*********** end universal styles ***********/

/* ------- sections ----------- */
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: left;
	background-color: #DBD0AE;
	color: #000;
	border: 1px solid gray;

}

#banner {
	background-color: #fff;
	background-image: url(images/hstitlebkgd500x100.gif);
	background-repeat: repeat;
	margin: 0;
	border: 0;
}

#banner image {
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#addressbar {
	font-size: 90%;
	text-align: center;
	background-color: #785C2E;
	color: #dcd9cb;
	border-top-style: inset;
	border-top-width: 2px;
	border-top-color: #FF9933;	
	border-bottom-style: double;
	border-bottom-width: 2px;
	border-bottom-color: #663300;
	width: 100%;
}
/* leftnav components= search, navLinks */

#leftnav {
	float: left;
	width: 180px; /* when float is used, must specify width */
	margin: 0;
	padding: 0;
	padding-bottom: 20px;	
	border-right: 3px double #660000;  /* or can place line on left of #centercol in case centercol is longer than leftnav */
	border-left: 1px solid #660000;
	border-bottom: 0px solid #660000;	
	background-color: #853629; /* brick red */	
	line-height: normal;
}
/* see #leftnav link styles below at about line  91   */

#rightcol	{
	float: right;
	width: 160px; /* when float is used, must specify width. changed from 180 to 160 on 1/3/2008 */
	margin: 0;
	padding-top: 80px;
	padding-right: 8px; /* was 10px on 12/07 */
	padding-left: 8px;  /* was 10px on 12/07 */
	padding-bottom: 15px;
	}

#centercol	{
	margin-right: 165px;  /* also based on width-- of #rightcol. margin-right  was 200 changed 1/3/08 to 165 */
	margin-left: 185px; /* sets margin from left edge of #container and 5px from right edge of #leftnav when #leftnav width is 180px  */
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #DBD0AE; /*must have border or in IE a gap opens between #leftnav and #footer */
	/* no width is specified because it is elastic between fixed #leftnav and #rightcol, and browser window */
	}

#footer {
	clear: both;
	font-size: 90%;
	color: #dcd9cb;
	background-color: #853629; /* brick red */
	margin: 0;
	padding: .5em 0 .5em 0;
	text-align: center;
}


/*********** #leftnav link styles -- see #lefnav layout at line 49***********/

#leftnav ul a:link, #leftnav ul a:visited {display: block;}
#leftnav ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists-- must include a border-bottom-width of at least 1px  */
#leftnav li {
	background-color: #853629;
	border-bottom-color: #853629;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* fix for browsers that don't need the hack */
html>body #leftnav li {border-bottom: none;}

/* ----------- #navLinks styles in #leftnav ---------  */
		
		.navLinkssection {
			padding: 0px 2px 0px 10px; /* top right bottom left  */
			margin: 0;	/* needed to remove <p> spacing  */
			color: #FFFFee;
			border-top-color: #9f9771;
			border-top-style: double;
			border-top-width: 2px;
			border-bottom-color: #9f9771;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			background-color: #996600;
			font-variant:small-caps;
			}
		
		.navLinks a:link, .navLinks a:visited {
			display: block;
		 /* border-top: 1px solid; 
			border-bottom: 1px solid #9f9771;     */
			padding: 1px 2px 1px 18px;
			color: #fffeee;
			text-decoration: none;
			background-color: #853629;
			/* border-bottom-color:#9f9771;
			border-bottom-style: solid;
			border-bottom-width: 1px; */
			}
		
		.navLinks a:hover {
			background-color: #fffeee;
			color: #990000;
			}
		
		/* ------------------------ */
/************* #search styles in leftnav  ***************/

#search {
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	}

#search form {
	margin: 0px;
	padding: 0px;
	}

#search label {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	}

#search a:link, #search a:visited {
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-decoration:none;
	display: block;
	}
	
#search a:hover {
	color: #660000;
	background-color:#FFFFFF;
	}

/************* #rightcol styles in rightcol  ***************/
	
#rightcol h4 {
	color: #EAE3CE;  /* beige of table backgrd */
	background-color: #785C2E;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-bottom-color: #EAE3CE;  /* beige of table backgrd */
	border-bottom-style:double;
	border-bottom-width: 3px;
	}
/* ------------------------ */

/************* #tableheading styles in table in #centercol  ***************/
.tableheading {
	display: block;
	background-color:#996600;
	font-variant:small-caps;
	padding: 2px;
	padding-left: 6px;
	border-bottom-color: #CCCC99;
	border-bottom-width: 3px;
	border-bottom-style: groove;	
	}

a.tableheading:link, a.tableheading:visited {
	color: #ffffee;
	text-decoration: none;
	}
	
/*********** #footer link styles -- see #footer layout at line 138***********/

#footer a:link, #footer a:visited {
color: #ffffee;
}
#footer a:hover {
	color: #339999;  
	text-decoration: underline;
}