/* CSS Document */


#bodyWrapper, #pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #FFFF99;
}
body
{
	background-color: #330000;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
	border-color: #802E07;	/* should match masthead's background color */
	border-width: 0 5px 5px 5px;
	background-color: transparent;
}
#masthead
{
	border: none;
	margin: 0 -5px;
	background-color: #802E07;	/* should match pageWrapper's border color */
	color: #fff;
}
.hnav
{
	background-color: #FFB753;
	font-size: 90%;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-variant: small-caps;
}
#bodyWrapper
{
	border-style: solid;
	border-width: 0 1px;
}
#outerColumnContainer
{
	border-left-color: #ca7;	/* left column background color */
	border-right-color: #ca7;	/* right column background color */
}
#innerColumnContainer, #middleColumn
{
	background-color: #ffe;
	color: #000;
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#footer
{
	border-width: 1px;
	text-align: center;
	font-size: 90%;
}
#footer, .hnav, .hnav ul li a
{
	background-color: #FFBF4F;
	color: #330000;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-variant: small-caps;
	font-weight: bold;
	padding: 3px;
}
.hnav ul li a:hover
{
	color: #FFFF99;
	border-bottom: 3px solid #bbb;
	cursor: pointer;
	background: #eee;
	background-color: #587239;
	border-bottom-color: #003300;
}
 #navlist li a#current, #navlist li a#current:link
 {
	color: #003300;
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #999;
	border-bottom-color: #FFFF99;
 }

 #navlist li a#current:hover
 {
	border-bottom: 3px solid #f90;
	background: #eee;
	background-color: #FFFF99;
 }




#leftColumn .vnav ul li a, #rightColumn .vnav ul li a
{
	background-color: #a85;
	color: #fff;
}
#leftColumn .vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	background-color: #edb;
	color: #300;
}

/******************************************************************************/
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 2;
}
.hnav ul li a
{
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 0px 3px 0px 3px;
}
* html .HNAV ul li a
{
	/* \*/
		width: 1%;
	/* holly hack for IE5/Win inline padding. this hack fixes different 
	 * rendering bugs in 5.0 and 5.5. Width is used instead of height 
	 * because if the document is too long, these elements become very tall
	 * and disrupt the look of the document. too wide an element is better, 
	 * visually, than too tall. */
}
.hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li a:visited
{
	text-decoration: none;
	color: #660000;
}

#footer a
{
	color: #663300;
	text-decoration: none;
} 
#footer a:hover
{
	text-decoration: underline;
	color: #996633;
} 
#footer a:visited
{
	text-decoration: none;
	color: #996633;
} 

.copyright 
{
	font-size: 70%;
	text-decoration: none;
	font-variant: normal;
	text-transform: capitalize;
	padding: 3px;
	padding-top: 3px;
	line-height: 75%;
}
.copyright a
{
	color: #663300;
	text-decoration: none;
} 
.copyright a:hover
{
	text-decoration: underline;
	color: #996633;
} 
.copyright a:visited
{
	text-decoration: none;
	color: #996633;
}