@charset "utf-8";

/* base */
#pageWrapper {margin: 0;width: auto;min-width: 500px;}

html>#pageWrapper{width: auto;min-width: 500px;}

#outerColumnContainer{z-index: 1; border-color: #fff; border-style: solid; border-width: 0 190px;}
#innerColumnContainer{z-index: 2; width: 100%;}
* html #innerColumnContainer{position: relative;}
#contentColumn{margin: 0 -1px; width: 100%; padding:.5em 0;}
#leftColumn, #rightColumn, #contentColumn{float: left; position: relative; z-index: 10;	overflow: visible;}
#rightColumn{ float: right;	width:190px; margin: 0 -190px 0 1px;}
#leftColumn{width:190px; margin: 0 1px 0 -190px;}
#footer{position: relative;}
#masthead h1{display: inline;}

.clear{clear: both; padding-bottom: 1px; margin-bottom: -1px;}
#masthead .inside{text-align:right;}
.hide, #oldBrowserNotice, .ieSixCharDupBug{display: none !important;}
#contentColumn{border-width: 0;}
img {border: none;}	
* html #pageWrapper{word-wrap: break-word;}
#marquee {color:#333;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;font-size:11px;background-color: #eec;padding:2px;}

/* hnav */
.hnav{border-bottom: solid 1px #fff;text-align: center;}
.hnav, .hnav ul li a{padding-top: 3px;padding-bottom: 4px;}
.hnav ul, .hnav ul li{display: inline;list-style-type: none;margin: 0;	padding: 0;}
.hnav ul li a{margin: 0 -1px 0 0; padding-left: 10px; padding-right: 10px; border-left: solid 1px #000;	border-right: solid 1px #000; white-space: nowrap;}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover{text-decoration: none;}
.hnav ul li span.divider{display: none;}
* html .hnav ul li, * html .hnav ul li a{width: 1%;
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV{padding: 0;}

/* vnav */
ul#navlist
{
/*width: 188px;*/
/*\width: 190px*/
/*w\idth: 188px;*/
width: 188px;	/* OP. 5 DOM */
\width: 188px; /* IE 5*/
w\idth: 188; /* DOM */
padding: 0px;
border: 1px solid #cc9;
border-top: 0px;
margin: 0px;
font: bold 86% verdana,helvetica,arial,sans-serif;
background: #cc9;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #cc9;
}

ul#navlist li a
{
display: block;
width: 152px;
\width: 188px;
w\idth: 152px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #885;
background: #ddb;
text-decoration: none;
text-align: left;
}

ul#navlist li a:link {color:#666; }
div#navcontainer li a:visited {color:#666; }

ul#navlist li a:hover{border-color: #ff9000; color: #ffffff; background: #888855;}

body
{
	/*background-color: #cccc99;*/
	background:#cccc99 url("../images/bg.png");
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #eec;	/* left hand column background color */
	border-right-color: #eec;	/* right hand column background color */
}
#masthead
{
	background-color: #fdc42d;
	color: #900;
}

#footer
{
	/*background-color: #fdd35d;*/
	background-color: #fdcb48;
	color: #666;
}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
	background-color: #fff;	/* this sets the background color on the center column */
	color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
	color: #000;
}
.vnav ul li a
{
	color: #336;
	background-color: #cc9;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
	background-color: #336;
	color: #fff;
}
#rightColumn .vnav ul li a
{
	color: #336;
	background-color: #ddb;
}
.hnav, .hnav ul li a
{
	/*background-color: #fdd35d;*/
	background-color: #fdcb48;
	color: #336;
}
.hnav ul li a:hover
{
	background-color: #336;
	color: #fff;
}

#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
	border-color: #bebebe;
}
#masthead
{
	border-bottom-color: #fdcc4d;
}
#contentColumn h5 ,#contentColumn h6
{
border-bottom:1px solid #885;
}
#contentColumn h5 a ,#contentColumn h6 a
{
background: #cccc99 url("../images/tabH5.png") no-repeat right top;
text-decoration:none;
color: #333;
padding:4px 26px 4px 8px;
}
#contentColumn h5 a:hover ,#contentColumn h6 a:hover
{
background: #cccc99 url("../images/tabH5.png") no-repeat right top;
text-decoration:none;
color: maroon;
padding:4px 26px 4px 8px;
}

#contentColumn h3 a 
{
text-decoration:none;
color: #333;
}
table 
{
color:#333;
}
#leftColumn h6 a, #leftColumn h6 a:visited
{
text-decoration:none;
color: #333;
}
h4.blue 
{
color:#095191;
margin-bottom:4px;
margin-top: 0;
}

/* gutters */
body
{
	margin: 0;
	padding: 1em 2em;		/* remove this padding if you want the layout to
				   stretch from edge to edge of the viewport. */
}

p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* specifically define this for Opera's sake,
				   and also for better consistency across 
				   all platforms  */
}
.inside
{
	padding: 0 .3em;	/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   previous selector. */
}
#masthead, #footer {padding: 1em;}
.vnav {	margin: 1em 0;}
html>body #footer { padding-bottom: 1.01em;}
h1, h2, h3, h4, h5 ,h6 { margin:4px 0;}

img.thump { float: left; margin-right: 7px;}
#contentColumn h5 ,#contentColumn h6 { padding-bottom:4px;}

img.logo { margin-right:7em;}

img.banner { margin-right:1em;}

#indexPage{ margin:0; padding:0;}
#rightColumn img{ margin-bottom:4px;}
#leftColumn .inside{ margin-top:7px;}
#leftColumn .inside img{ margin-bottom:4px;}

/* borders */
#pageWrapper
{
	border-style: solid;	/* explicitly defined within eact selector in 
				   case you want change border styles (to mix 
				   it up) between elements */
	border-width: 0 1px;	/* puts a border on the left and right sides of
				   the page. #masthead and #footer will handle 
				   the top and bottom borders */
}
#outerColumnContainer
{
	/* the borders used to create/reserve space for the side columns are
	   now defined in base.css because they are an integral part of
	   the layout. */
}
#innerColumnContainer
{
	border-style: solid;
	border-width: 0 1px;	/* puts borders between center and the side 
				   columns. */
	margin: 0 -1px;		/* compensation for the borders because of
				   100% width declaration on this object */
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. */
	margin-top: -1px;
	border-top: solid 1px #000;
}
#masthead
{
	border-style: solid;
	border-width: 1px 0;	/* handles the top of the layout's border and the
				   bottom of the masthead section */
}
.hnav
{
	border-style: solid;
	border-width: 0 0 1px 0;
}
#footer
{
	border-style: solid;
	border-width: 1px 0;
}

/* fonts */
body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
}
#pageWrapper
{
	font-size: 80%;
}
#footer
{
	text-align: center;
}
/* :root is an invalid pseudo class but mozilla knows it */
:root code
{
	font-size: 120%;	/* monospace fonts are typically smaller that 
				   'normal' fonts under Mozilla. */
}

h1
{
	font-size: 210%;
}
h2
{
	font-size: 180%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 126%;
}
h5
{
	font-size: 110%;
}
h6
{
	font-size: 100%;
}
p.signature
{
font-size:11px;
font-weight:bold ;
font-style:oblique;
}
h4.blue
{
	font-size: 140%;
}
#rightColumn 
{
text-align:center;
}
#leftColumn .inside
{
text-align:center;
}