/* CSS Document */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}
body
		{
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	background-color: #FFFFFF;
	background-image: url(../bg/whites.gif);
		}
a:link {
	color: #036;
	text-decoration: none;
}
a:visited {
	color: #066;
	text-decoration: none;
}
a:hover, a:active
		{
	color: #fff;
	background-color: #036;
	font-style: italic;
	text-decoration: none;
		}
#banner
		{
	height:167px;
	width:100%;
	background-image: url(../bg/logo.gif);
	background-repeat: no-repeat;
	background-position: center;
		}
#top{
	position:absolute;
	display:block; 
	top:10px; left:18px;
	padding:5px;
	}
#topnavcontainer
{
background-color: #036;
border-bottom: solid 1px #000;
}
#topnavcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

#topnavcontainer ul li
{
display: inline;
margin-left: -4px;
}

#topnavcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#topnavcontainer ul li a:hover
{
background-color: #006699;
color: white;
}
#container
		{
			background-image: url(../bg/left1.gif);
			background-repeat: repeat-y;
			padding-left:5px;
		}
		
#container2
		{
			background-image: url(../bg/right.gif);
			background-repeat: repeat-y;
			background-position: right;
			border-top:2px solid #ccc;
			width:925px;
		}
#navigation
		{
	float:left;
	width: 190px;
	padding-top: 2em;
		}
		
#navigation ul
		{
			list-style-type: none;
			padding: 0;
			margin:0;
		}
		
#navigation ul li { 
			margin-top: 4px;
	 }
		
#navigation ul li a
		{
			display: block;
			width: 160px;
			padding: 3px 5px 3px 10px;
			text-decoration: none;
			background-image: url(../bg/nav1.gif);
			background-repeat: repeat-y;
		}
		
#navigation ul li a:hover
		{
	color: #003366;
	background-color: #ccc;
	background-image: url(../bg/nav.gif);
	background-repeat: repeat-y;
	font-style: italic;
		}
#right
		{
			float: right;
			width: 160px;
			margin: 0;
		}
		
#right h3
		{
			margin-top: 0;
			padding: .2em;
		}
#content
		{
			margin-left: 190px;
			margin-right: 200px;
		}
		
#content h2
		{
			font-size: 2em;
			margin: 0;
			padding-top: 1em;
			padding-bottom: .5em;
			font-weight: normal;
}
#content h3
		{
			font-size: 1.5em;
			margin: 0;
			padding-top:.5em;
			padding-bottom: .5em;
			font-weight: normal;
		}	
#content h4
		{
	margin: 0;
	padding-left:0.5em;
	color: #FFF;
	background-color: #036;
	border: 1px solid #FFF;
	font-weight: bold;
		}	

#content { line-height: 150%; }
#content h4 a:link {
	color: #fff;
	text-decoration: none;
}
#content h4 a:visited {
	color: #ccc;
	text-decoration: none;
}
#content h4 a:hover, a:active
		{
	color: #036;
	background-color: #ccc;
	font-style: italic;
	text-decoration: none;
		}
		
#content a:link {
	color: #036;
	text-decoration: none;
}
#content a:visited {
	color: #066;
	text-decoration: none;
}
#content a:hover, a:active
		{
	color: #fff;
	background-color: #036;
	font-style: italic;
	text-decoration: none;
		}
		
#cleardiv
		{
			clear: both;
			height: 1em;
		}
		
#footer
		{
			clear: both;
			padding: .5em 1em;
			border-top: 1px solid #999;
			text-align: right;
		}
		
#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
#footer li
		{
			display: inline;
			margin-right: 1em;
		}