body{
background-color: #999999;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:100%;
}

#wrapper{
width: 770px;
background-color: #fff;
margin: 10px auto;
/*border: 1px solid #000000;*/
text-align: left;
}

#banner{
	height: 100px;
	background-color: #FF0000;
	background-image: url(../images/big_logo.jpg);
	background-repeat: no-repeat;
	background-position: 230px 0px;
}

#nav{
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#nav ul {
	background-color:#666666;
	margin: 0px;
	padding: 0px;		
}

/* Hide from IE-Mac \*/
#nav ul {
	background-color:#666666;
	margin: 0px;
	padding: 0px;		
}
/* End hide */

/* Hide from IE-PC Gecko only */ 
html>body #nav ul {
	background-color:#666666;
	margin: 0px;
	padding: 5px 0px;		
}
/* End hide */

#nav ul li{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#nav ul li a{
	font-size: 80%;
	text-align: center;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	padding: 5px 25px;
	width: 128px;
}

#nav ul li a:hover, nav ul li a:focus{
	background-color: #FF0000;
}

#nav ul li.selected a, nav ul li.selected a:hover{
	color				: #FFFFFF;
	background-color	: #000000;
}

#content{
margin-left: 200px;
width: 550px;
}

#content p{
font-size: 80%;
margin: 20px;
}

#content h1{
font-size: 120%;
color: #333333;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #666666;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

#content h4{
font-size: 100%;
color: #000000;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

#content h5{
font-size: x-small;
font-weight: normal;
color: #CCCCCC;
text-align: right;
padding: 0;
margin: /*100px 0 0*/ 5px 20px;
}

#content ol{
	font-size: 80%;
	list-style-type: decimal;
	list-style-position: outside;
}

#content ul{
	font-size: 80%;
	list-style-type: square;
	list-style-position: outside;
}

#content ul li {
	margin-bottom: 10px;
	margin-right: 20px;
}

#content ul li a{
	color: #666666;
	text-decoration: none;
}

#content a:hover, #content #nav a:focus { 
color: #000000;
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 150px;
}

/*.clearit{
clear: both;
display: block;
background-color:#00FF66;
width: 200px;
}*/

#footer{
	border-top: 1px solid #000000;
	background-color: #666666;
	color: #FFFFFF;
	clear: both;
	text-align: center;
}

#footer a{
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover, #footer a:focus {
color: #000000;
}

#footer p{
padding: 10px;
margin: 0;
font-size: 70%;
}

#leftcol{
margin-left: 10px;
margin-top: 20px;
width: 170px;
margin-bottom: 20px;
float: left;
}

#leftcol ul {
	font-size: 80%;
	list-style-type: disc;
	list-style-position: outside;
}

#leftcol ul li {
	margin-bottom: 5px;
}

#leftcol ul li a{
color: #666666;
text-decoration: none;
}

#leftcol a:hover, #leftcol #nav a:focus { 
color: #000000;
}

#content p.right{
float: right;
}

.container{
width: 99%; 
float:right;
}

.container a{
color: #666666;
text-decoration: none;
}

.container a:hover, .container a:focus {
color: #000000;
}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
#banner p {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding: 44px 0px;
	margin: 0px;
}