/* General css*/

*{
 padding-top:0px;
 margin:0px;
 }
body {
  background-color:#000000;
  } 
h2,h3 {
   color:#FF0000;
   }  
 
#main {
  width:900px;
  margin-left:auto;
  margin-right:auto;
  }
  
#header {
 margin-top:0px;
 margin-left:0px;
 height: 180px;
 width:900px;
 background-image:url(../images/fred/raw/header.jpg)}   

.logo {
 float:left;
 margin-left:10px;
 width:200px;
 margin-top:75px;
 }
 
.navigation {
  float:right;
  margin-right:10px;
  margin-top:150px;
  width:600px;
  height:30px;
  } 
.navigation ul{
   width:100%;
   margin-left:0px;
   list-style-type:none;
   }
.navigation a {
   float:left;
   width:auto;
   margin-top:7px;
   text-decoration:none;
   padding:0.0em 0.8em;
   font-weight:bold;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   border-right:#000 1px solid;
   font-size:13px;
   color:#fff;
   }      
   
.navigation li {
   display:inline;
   }   
.navigation a:hover {
    color:#FF0000;
	}      
  
#banner {
   float:left;
   height:300px;
   margin-top:5px;
   width:900px;
   }  
   
#content {
  margin-top:10px;
  margin-left:20px;
  width:850px;
  font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:18px;
   word-spacing:3px;
   color:#CCCCCC;
  }   
#content a {
  text-decoration:none;
  color:#993300;
  }  
  
.box1 {
  float:left;
  margin-left:10px;
  #margin-left:5px;
  margin-top:15px;
  width:270px;
  }  
  .box2 {
  float:left;
  margin-left:10px;
  #margin-left:5px;
  margin-top:15px;
  width:270px;
  } 
  .box3 {
  float:left;
  margin-left:10px;
  #margin-left:5px;
  margin-top:15px;
  width:270px;
  } 
  
#footer {
   float:left;
   margin-left:0px;
   margin-top:10px; 
   width:900px;
   height:30px;
   border-top:#666666 1px solid;
   } 
 .afro a {
   float:left;
   margin-left:400px;
   text-decoration:none;
   color:#990000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   }  
/*-------------------------------------------*/   
 /*  sub page css*/
 
#leftcolumn {
  float:left;
  margin-top:15px;
  margin-left:0px;
  width:220px;
   }
  
 #subnav {
  float:left;
  margin-top:10px;
  width:220px;
  border:#666666 1px solid;
  background-color:#333333;
  }
 #subnav ul {
  float:left;
  list-style-type:none;
  width:100%
  }
#subnav a {
  width:auto;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  padding:0.6em 0.8em;
  color:#FFFFFF;
  }
#subnav li {
  display:block;
  }         
#subnav a:hover{
  text-decoration:underline;
  }   
    
#central {
   float:left;
   margin-top:15px;
   margin-left:7px;
   #margin-left:5px;
   width:600px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:18px;
   word-spacing:3px;
   }
.text {
   float:left;
   width:550px;
   margin-left:10px;
   }
   
/*------Profiles------------------ */

#profiles {
   float:left;
   margin-top:0px;
   margin-left:0px;
   width:900px;
   color:#ccc;
   }
.leftpanel {
  float:left;
  width:300px;
  margin-left:20px;
  margin-top:10px;
  background-color:#666666;
  }
.rightpanel {
  float:left;
  width:530px;
  margin-top:10px;
  margin-left:10px;
  font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:18px;
   word-spacing:3px;
  }  
.picture {
  float:left;
  width:700px;
  margin-left:100px;
  # margin-left:60px;
  margin-top:20px;
  }