@charset "iso-8859-1";
TD, OPTION, SELECT, BODY, P, .fbody { color: #444444; font-size: 11px; font-family: Arial, Verdana, sans-serif; }
INPUT, TEXT, TEXTAREA, SELECT, SUBMIT { color: #444444; font-size: 11px; font-family: Arial, Verdana, sans-serif; }

body
{
	font-size: 100.1%;
}
html>body
{
	/* Opera's default font size is typically 10% smaller than IE or Mozilla
	 * so we correct for this here, since we're using percentages 
	 * everywhere. And we do this because pixel-based fonts don't resize
	 * under IE/Win and percentages/ems are essentially the same, and I like
	 * percentages for fonts.
	 */
	font-size: 110%;
}
* html body
{
	text-align: center;	/* hack to center this under IE5 */
}

body:last-child, * html body
{
	/* of course the previous selector for Opera's fix is caught by more 
	 * than a few other browsers, so we reset that value here.
	 */
	font-size: 100.1%;
}


/**********************************************************************************************************************/

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */

#pageWrapper, #masthead /*#innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a*/
{
	border-color: #000000;
}
body
{
	background-color: #fff;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
/****************************** PAGE WIDTH DETERMINED HERE **************************************************/
{
	/*font-size: 70%;*/	/* set your default font size here. */
	/*margin-left: 4%;
	margin-right: 4%;*/
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
/****************************** PAGE WIDTH DETERMINED HERE **************************************************/
#masthead
{
	background-color: #DED7BD;
	color: #000000;
}
.hnav
{
	background-color: #DED7BD;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #E7E3C6;	/* left column background color */
	border-right-color: #E7E3C6;	/* right column background color */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #E7E3C6;
	color: #000;
}
.vnav ul li a:hover
{
	text-decoration: none;
	background-color: #DED7BD;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #DED7BD;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #E7E3C6;
	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%;
}
#middleColumn .inside h1 
{
font-family: Verdana, arial, Sans-Serif;
	font-weight: bold;
	font-size: 150%;
	color: #666666;
	border-bottom: 0px solid #ccc;
	margin: 0 0 0 0;
	padding-bottom:2px;
	padding-left:11px;
	padding-top:3px;
}
#middleColumn .inside h2 
{
font-family: Verdana, arial, Sans-Serif;
	font-weight: bold;
	font-size: 130%;
	color: #666666;
	border-bottom: 0px solid #ccc;
	margin: 0 0 0 0;
	margin-bottom:5px;
	margin-top:1px;
	margin-left:11px;
	width:97%	
}
.inside h1 {
	
	font-family: arial;
	font-weight: bold;
	font-size: 180%;
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0.3em 0;
	}
.inside h2 
{
	padding-top:15px;	
font-family: arial;
	font-weight: bold;
	font-size: 145%;
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0.3em 0;
	}
	.inside h4 
{
	padding-top:3px;	
	font-family: verdana, arial, Sans-Serif;
	font-weight: normal;
	font-size: 80%;
	padding-left:11px;
	}

.TopSiteText
{
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-align: left;
	font-family: verdana, arial, Sans-Serif;
	font-weight: normal;
	font-size: 1px;
}
#footer
{
	background-color: #BDB6A5;
	color: #fff;
	text-align: center;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	/*margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;*/
}
h1
{
	font-family: Verdana, arial, Sans-Serif;
	font-weight: bold;
	font-size: 150%;
	color: #666666;
	border-bottom: 0px solid #ccc;
	margin: 0 0 0 0;
	padding-bottom:8px;
	padding-left:11px;
}
h2
{
	font-size: 120%;margin-bottom:5px;margin-top:0px;
}
h3
{
	font-size: 160%;
}
h4
{
	padding-top:3px;
	font-size: 98%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

/******************************************************************************/
