/* 
    Document   : fcacss
    Created on : Aug 5, 2009, 9:25:17 AM
    Author     : Darrin Turner
    Description:
        CSS for FCA web
*/
body  { background-color: #cbc0db; }

  
#topbanner { position: absolute; top: 0px; left: 0px; 
  width: 100%; background-color: #1a12ae; z-index: 2; font-size: 25pt; font-weight:bold;color: white; padding-left: 250px; padding-top: 25px; padding-bottom: 45px; }

 #navylogo { position: absolute; top: 10px; left: 5px;
  width: 220px; height: 220px; z-index:5;}
  
   #nosclogo { position: absolute; top: 0px; left: 725px;
  width: 230px; height: 230px; z-index:5;}
  
     #fcalogo { position: absolute; top: 200px; left: 400px;
  width: 600px; height: 600px; z-index:1; filter: alpha(opacity = 15); opacity:.15; }

   #leftsidebar { position: absolute; top: 0px; left: 0px;
  width: 15px; height: 100%; z-index:3;}
  

  
  #topfca { position: absolute; top: 110px; left:0px;
  width: 100%;  padding-left: 250px; font-size: 25pt; font-weight:bold;color: black;font-style:italic;
  background-color: #f2f716; color: #111111;z-index:3;}
  
  #sidebar { position: absolute; top: 0px; left:15px; width: 130px; padding-left: 10px; padding-top: 250px; padding-bottom: 395px;
  background-color: #1a12ae; color: #FFFFFF; z-index: 1;}

#welcome { position: absolute; top: 250px; left: 245px;
  width: 400px; color: #000000;z-index:2;text-align: justify;}
  
  #fca { position: absolute; top:250px; left: 245px;
  width: 400px;  color: #000000; z-index: 2; text-align: justify; }
  
  #leftcontent { position: absolute; top:250px; left: 50px;
  width: 425px;  color: #000000;z-index:2;text-align: justify;}
  
  #rightcontent { position: absolute; top:250px; left: 500px;
  width: 425px;  color: #000000;z-index:2;text-align: justify;}
  
    #leftlink { position: absolute; top:250px; left: 50px;
  width: 400px;  color: #000000;z-index:2;}
  
  #rightlink { position: absolute; top:250px; left: 500px;
  width: 400px;  color: #000000;z-index:2;}
  
  #navyball { position: absolute; top: 405px; left: 245px;
  width: 400px;  color: #000000;z-index:2;text-align: justify; }
  
    #sponsor { position: absolute; top:250px; left: 50px;
  width: 800;  color: #000000;z-index:2;text-align: justify;}
  
  
  
  
  
  ul#blue { position: absolute; top: 175px; left: 215px; margin:0; padding:0; list-style-type:none;   } 

ul#blue li {position: relative; float:left; border-top:4px solid #efefef; margin-right: 15px; 
           padding-right: 10px; padding-top: 5px; z-index:5;} 

ul#blue .current { border-top:4px solid #3d496a;} 

ul#blue li:hover { border-top:4px solid #3d496a;} 

ul#blue li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#68759c;} 

ul#blue li a:hover { color:#8895b8; border:none; } 

ul#blue li span{ display:none; position:absolute; top:20px; left:2px; width:160px;  font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px; } 

ul#blue li a:hover span {margin-top: 7px; display:block; color: #111125;}