/* CSS Document */

body {
	background-color:#000033;
	color:#000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /*IE hack to center wrapper*/
	font-size: 100%;
}

#wrapper{
width: 900px;
background-color:#FFFFFF;
margin:10px auto;
border: 1px solid #000000;
text-align: left; 
}

#banner{
height:225px;
background-image:url(images/banner.htm);
background-repeat:no-repeat;
}
/*
#leftcol #nav {
	border-bottom: 1px solid #000;
}
*/
#leftcol #nav ul{
background-color:transparent;
list-style-type:none;
padding:0;
margin:0;
font-size:80%;
border: 1px solid #000000;
}

#leftcol #nav ul li{
/*display: inline;*/
padding: 0;
margin: 0;
}

#leftcol #nav ul li a{
background-color:#9999FF;
border-bottom: 1px solid #000000;
color: #000000;
display: block; /*makes the links active for the whole width*/
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%; /*hack for IE*/
}

#leftcol #nav ul li a:hover,  #leftcol #nav ul li a:active, #leftcol #nav ul li a:focus{
background-color: #FFFFFF;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #000033;
}

#content {
/*background-color:#FF0000;*/
margin-left:170px;
width:715px;
}

#content p{
	font-size: 80%;
	margin: 10px 15px;
	text-align: justify;
	}

#content h1{
font-size: 130%;
color:#99F;
padding: 0;
margin: 20px 15px;
/*background-color:#660000;*/
}

#content h2{
font-size: 110%;
color: #000;
padding: 0;
margin: 10px 15px;
/*background-color:#660000;*/
}

#content a{
	color:#000000;
	font-weight: bold;
}

#content a:hover, #content a:focus{
color:#ffffff;
background-color:#000033;
}

#content ul{
font-weight:normal;
font-size:80%;
}

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

.rightimage{
float: right;
margin-left: 10px;
border: 1px solid #000000;
/*width: 150px;*/
}

.clearit{
clear: both;
display: block;
}

#footer{
clear:both;
border-top: 1px solid #000000;
background-color:#000033;
color: #FFFFFF;
}

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

#leftcol{
  width: 150px;
  float:left;
  margin-top:20px;
  margin-left:10px;
  }
  
/* 
#leftcol h1{
font-size:70%;
color:#9900FF;
}

#leftcol p{
font-size:50%;
color:#FF6600;
} */

.container{
width:99%;
float:right;
}
#footer ul{
padding:0;
margin:0;
background-color:#9999FF;
}
#footer ul li{
display: inline;
padding: 0;
margin: 0;
}
#footer ul li a{
font-size: 80%;
color: #000000;
background-color: #9999FF;
text-decoration: none;
padding: 0 23px 0 23px;
border-right: 1px solid #000000;
text-align: center;
width: 9em;
} 
#footer ul li a:hover, #footer ul li a:focus{
background-color:#FFFFFF;
color:#000033;
}