/* CSS Document */
body {
  	   width:100%; 
	   font-family: Arial, Verdana, Serif;
	   font-size: 12px;
	   background: url(../images/header_back.gif) repeat-x; 
	   margin:0;
}
p, table, td, th {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; color: #666666;}
  
#main {
  	   width:800px;
	   margin:0 auto;
	   text-align:left; 
}
  
  h1 { font-size:1.6em; color:#339933; }
  h2 { font-size:1.2em; color:#339933; font-weight:bold; margin:0 0 0 0; padding:20px 0 0 0;}
  h3 { font-size:1.0em; color:#339933; text-decoration:underline; margin:0 0 0 0; padding:5px 0 0 0;}
    
  #middle {
  		  width:800px;
	   	  text-align:left;	
  }
  
p { margin:10px 0 0 0; padding:0; text-align:justify; }
p.small { font-size:0.8em; }
p.nav { font-weight:bold; color:#339933;}
  

#header { width:800px; height:123px;}  
#logo { width:530px; height:60px; margin:12px 0 0 0; float:left;}
#headerman1 { width:20px; height:70px; margin:12px 0 0 110px; float:left;}
#headerman2 { width:117px; height:78px; margin:4px 0 0 0; float:left;}
#headerman3 { width:117px; height:41px; margin:0 0 0 0; float:left;}
#headerman4 { width:130px; height:50px; margin:0 0 0 10px; float:right;}
#headernet { width:660px; height:35; background:url(../images/header_net.gif) no-repeat; margin:0 0 0 0; float:left; }
#topnav { height:20px; margin:12px 10px 0 0; float:right; }
#sidenav { width:130px; height:450px; background:url(../images/sidenav_back.gif) repeat-x; float:left; margin:0 0 0 0; padding:0; }
#sidenavback { width:130px; background:url(../images/sidenavbar_back.gif) repeat-y; float:left; margin:50px 0 0 0; padding:0;}  
#sidenavbar {width:110px; float:left; margin:0px 0 0 5px; padding:0; text-align:left;} 

#pagemiddle { width:460px; text-align:left; float:left; margin:50 0 0 40px; }
#sidesponsor { width:140px; height:450px; float:right; margin:0 0 0 0; padding:0; text-align:center; }
#credits { width:800px; text-align:left; margin:10px 0 0 0; float:left;}
  
  
  #contact {
  		  width:400px;
		  height:100px;
	   	  text-align:left;		  
  		  background-color:#ccff66;
		  border:1px solid #339933;
		  font-size:0.8em; 
		  color:#336699;
		  text-align:left;  
		  padding:10px;
  }
  
a:link {text-decoration: none; color: #339933;}
a:visited {text-decoration: none; color: #339933;}
a:hover {text-decoration: underline; color: #999999;}

a.nav1:link {text-decoration: none; color: #339933;}
a.nav1:visited {text-decoration: none; color: #339933;}
a.nav1:hover {text-decoration: underline; color: #999999;}
a.nav2:link {text-decoration: none; color: #999999;}
a.nav2:visited {text-decoration: none; color: #999999;}
a.nav2:hover {text-decoration: underline; color: #999999;}
a.nav3:link {text-decoration: none; color: #ffffff;}
a.nav3:visited {text-decoration: none; color: #ffffff; }
a.nav3:hover {text-decoration: underline; color: #ffffff;}

ul { line-height: normal; list-style-type:disc; padding: 0px 0px 0px 1px; margin:0px 0px 4px 15px; color:#666666}
ul.sidenav { line-height: normal; list-style-type:disc; padding: 0px 0px 0px 1px; margin:0px 0px 4px 15px; color:#339933; }
li { margin:0 0 0 0; padding:2px 0 0 0; font-weight:bold;}
li.sidenav { margin:0 0 0 0; padding:8px 0 0 0; font-weight:bold;}

img { border:0; }
img.lft  { border:0; float:left; }
img.rht { border:0; float:right; }
img.pic { border:0; float:left; margin:10px 0 10px 0; }
img.pic-rht { border:0; float:right; margin:10px 0 0 10px; }


ul#menu {
  width: 100px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color:#339933;
}

ul#menu ol {
  display: none;
  text-align: right;
  list-style-type: none;
  margin: 0;
  padding:0 5px 0 5px;
  color:#339933;
}

ul#menu li {
  border-bottom: solid 1px #999999;
  line-height: 15px;
  padding:2px 0 2px 0;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "- ";
}