body
{ background: #CC0000 url(images/bg.gif) top left no-repeat;
  font-family: Verdana,Arial,Sans-serif;
  color: #CC0033; 
  font-size: 10pt;
  text-align:center;}

h1
{ color:#FF0000;
  font-size:13pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:10px;}

h2
{ color:#000000;
  font-size:12pt;
  font-weight:normal;
  margin-top:0;
  margin-bottom:0;}

img  {margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:5px}

ul 
{ list-style:none;
  margin:0 5px;
  padding:0;}

li
{ padding:0 4px 8px 10px;
  background: url(images/arw.gif) 0 3px  no-repeat;}


a:link, a:visited, a:active
{ text-decoration: none; color:#FF9900;}
a:hover
{ text-decoration: underline; color:#FFCC99;}

#header
{ height:150px;
  width:750px;
  margin-left:auto;
  margin-right:auto;  
  border:#CCC 0px solid;
  background: #CC0066 url(images/head_bg.jpg) top left no-repeat;
  color:#FF9900;}

#main
{ width: 750px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  border:#CCC 0px solid;
  background: #FFFF00 url(images/main_bg.jpg) top left no-repeat;
  font-size:10pt;
  color:#000000;}

#content
{ width:510px;
  float:left;
  padding:20px;
  text-align:left;}
  
#nav
{ width:180px;
  float:left;
  margin-right:5px;
  background-color: #CC0000;
  margin-top:20px;}
  
  #nav2
{ width:180px;
  float:left;
  margin-right:5px;
  background-color: #FFFF00;
  margin-top:20px;}
    
#footer
{ height:30px;
  width:750px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:8pt;
  color:#CC0000;
  text-align:center;}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#CC0000;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#ff9900;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}

.logo
{ width:180px;
  float:left;
  text-align:left;
  padding:15px 0 10px 5px;
  overflow: hidden;}
  
.menu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:11pt;
  padding:2px 15px 0 0;
  float: left;
  overflow: hidden;}

.left
{ width:250px;
  float:left;
  margin:10px 15px 2px 0;
  text-align:left;  
  overflow: hidden;}

.mid 
{ width:auto;
  padding:10px 0 0 10px;
  margin-left:auto;
  margin-top:auto;
  overflow: hidden;}
  
.navhead
{ width:170px;
  height:18px;
  padding: 3px 3px 0 5px;
  border:#ddd 1px solid;
  text-align: left;
  font-size:8pt;
  background-color:#CCCC33;
  color:#666;}

.navitem
{ width:172px;
  padding: 15px 3px 0 3px;
  border-bottom:#ddd 0px solid;
  border-right:#ddd 0px solid;
  border-left:#ddd 0px solid;
  text-align: left;  
  font-weight:bold;
  font-size:11pt;}
  
  .navitem2
{ width:172px;
  padding: 15px 3px 0 3px;
  border-bottom:#ddd 0px solid;
  border-right:#ddd 0px solid;
  border-left:#ddd 0px solid;
  text-align: center;  
  font-weight:bold;
  font-size:10pt;}