/* global */

body {
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 80%;
		color: #000;
		background-color: #fff;
		margin: 0;
		padding: 0;
}


html			{ overflow:-moz-scrollbars-vertical; }
img			{ border: none; }
table			{ border-collapse: collapse; }
a:link			{ color: #036; }
a:visited		{ color: #066; }
a:hover, a:active, a:focus	{ outline: none; color: #066; }



#container {
		background-color: #fff;
		margin: 0;
}

#banner {
		background-image: url(../images/hdrBcg2.gif);
		background-repeat: repeat-x;
		min-height: 150px;
}

#banner h1 {
		margin: 0;
		padding: .5em 1.4em;
		font-family: helvetica, verdana, arial, sans-serif;
		font-weight: normal;
		font-size: 2em;
		color: #eee;
}
#banner h3 {
		margin: 0.5em;
		padding: 0em 1.4em;
		font-family: helvetica, verdana, arial, sans-serif;
		font-weight: normal;
		font-size: 1.8em;
}
#banner ul {
		list-style-type: none;
		margin-top: 0;
		font-size: .8em;
		font-weight: bold;
		color: #99CC33;
}
#banner ul li {
		display: inline;
		padding: 0;
}
#banner ul li a {
		color: #99CC33;
		text-decoration: none;
		display: inline;
		border-bottom: 1px dotted #99CC33;
		padding: 0;
		margin: .5em 3em 0 0;
		width: 100%;
}
#banner ul li a:hover {
		color: #cf9;
		border-bottom: 1px dotted #cf9;
}
		
		
#nav {
		float: left;
		width: 160px;
		margin: 20px 0 0 0;
		padding: 0 0 2em 2em;
		font-size: .8em; font-weight: bold; 
}
#nav ul {
		margin-top: 0;
		list-style-type: none;
}
#nav ul li {
		display: block;
		margin-left: -2.5em;
		padding: 0;
}
#nav ul li.top {
		background-color: #99cc33;
		color: #fff;
		padding: .3em;
		margin: 2px 0 2px -2.5em;
}
#nav ul li a {
		color: #003366;
		text-decoration: none;
		background-color: #EBF4F8;
		width: 100%;
		display: block;
		padding: .3em;
		margin: 2px 0;
}		
#nav ul li a:hover {
		background-color: #99CC33;
		color: #fff;
}
html>body #nav li a {
		width: auto;
}


#content {
		padding: 0 2em 2em 2em;
		margin: 20px 0 20px 200px;
		background-color: #fff;
		border-left: 1px dotted #99CC00;
		font-size: 0.8em;
}
#content a {
		color: #336699;
		text-decoration: none;
		border-bottom: 1px dotted #336699;
}
#content a:hover {
		color: #99CC33;
		border-bottom: 1px dotted #99CC33;
}
#content a.logo {
		text-decoration none;
		border: 0;
}
#content p.hilite {
		margin-top: 0;
		background-image: url(../images/contentBcg.gif);
		background-repeat: repeat-x;
		padding: .5em 1em;
		font-size: 1.3em;
		font-weight: bold;
		color: #369;
}
#content p {
		padding: .5em 0;
}
#content h3 {
		color: #336699;
		font-weight: bold;
		font-size: 1.1em;
		background-image: url(../images/h3Bcg.gif);
		background-repeat: repeat-x;
		padding: .5em;
}
#content h4 {
		color: #336699;
		font-weight: bold;
		font-size: 1em;
		padding: .5em 2em;
		font-style: italic;
}

#content img {
		float: right;
}
#footer {
		clear: both;
		padding: 2em;
		text-align: right;
		min-height: 20px;
		background-image: url(../images/ftrBcg.gif); background-repeat: repeat-x;
		font-size: .7em;
		color: #fff;
}
#footer a {
		text-decoration: none;
		color: #fff;
		border-bottom: 1px dotted #fff;
}
#footer a:hover {
		color: #ccc;
		border-bottom: 1px dotted #ccc;
}