html, body{
	margin: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container{ width: 760px; height: 100%; margin: 0 auto; }

html>body #container{
	height: auto;
	min-height: 100%;
}
		
		
#header { background-image: url(../images/banner.jpg); width: 760px; height: 133px; margin: 0 auto; border-width: 0; }
		
#contents{
	padding: 10px 10px 100px 20px;
}


#footer{ position: relative; bottom: 0; margin: -100px auto 0; height: 20px; width: 760px; border-top: 1px solid #333; }
#footer p{ font-size: 9px; text-align: center; padding-top: 12px; }
	
img {
	display: block;
	border: solid 1px #000;
	}
	
p	{
	margin-top: 5px;
	margin-bottom: 1em;
	line-height: 140%;
	}
    
    h1, h2, h3, h4, h5, h6	{ font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
	
	.small { font-size: 10px; }

h1	{ color: #330; margin-top: 0; margin-bottom: 10px; font-size: 15px; line-height: 140%; margin-left: -20px; }

h2	{ color: #330; font-size: 14px; margin-top: 15px; margin-bottom: 10px; letter-spacing: 1px; line-height: 140%; margin-left: -20px; }

h3	{
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 20px; 
	text-transform: lowercase;
    }

h4	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	text-transform: lowercase;
	background: transparent;
	color: #665;
	}
	.containingbox
		{ width: 650px; padding-top: 10px; padding-bottom: 25px; }
		.containingbox p
		{
			

		}	
.floatimgleft { float:left; margin-top:0; margin-right:5px; margin-bottom: 0; }
.floatimgright {float: right; margin: 0 0 5px 5px;}
	
	.floatimgleft2 { float:left; margin-top:5px; margin-right:5px; margin-bottom:5px; padding-left: -64px; }
	
#navcontainer
{ background-color: white; width: 760px; margin-right: auto;  margin-left: auto; }

 #navlist
 {
 padding: 2px 0;
 margin-left: 0;
 border-bottom: 1px solid #000;
 font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-color: #663300;
 font-weight: bold;
 }

 #navlist li
 {
 list-style: none;
 margin: 0;
 display: inline;
 }

 #navlist li a
 { padding: 2px 1.5em; margin-left: 5px; background: #cc9; text-decoration: none; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom-style: none; border-bottom-width: medium; }

 #navlist li a:link { color: #663; }
 #navlist li a:visited { color: #663; }

 #navlist li a:hover
 {
 color: #330;
 background: #ffffff;
 border-color: #330;
 }

 #navlist li a#current
 {
 background: white;
 border-bottom: 1px solid white;
 }

#resources ul { list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em; }
	
	#resources-gen ul li:before {
	content: "\00BB \0020";
	}

ul2 { list-style-type: disc; margin: 1.2em 0 1.2em 20px; padding-left: 5px; }

#bread {
	color: #666;
	padding: 3px;
	margin-bottom: 10px;
	fontsize: 9px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
	#bread a:link{
	
	color: #999;
	}
#bread a:hover { color: #c93; text-decoration: none; }
	#bread a:visited { color: 663; }
#bread a:active { color: red; }

a:link { color: #369; text-decoration: underline; }
a:active { color: red; }
a:visited { color: #663; }
a:hover { color: #c93; text-decoration: none; }