/*
 * File: rcl.css
 * Author: James Brock
 * Date: November 11, 2009
 * Description: Style sheet for the Reconfigurable computing lab website
 *
 */

   /* Top-level formatting ****************************************************/
   * { margin:0; padding:0; }
   body, div, span, p, a, img, ul, ol, li, table, th, tr, td { border:0 }

   body { 
      padding: 0; 
      background: #fff;
      font: 0.8em/1.5 "arial",sans-serif; 
      color: #303030; 
      text-align: center; 
   }

   /* Anchor formatting *******************************************************/
   a {color:#882020; text-decoration: none; }
   a:hover {color:#882020; text-decoration: underline;}

   /* Header formatting *******************************************************/
   h1, h2, h3, h4, h5, h6 { margin:0px 0px 0px 0px; }
   h1 { font-size:200%; }
   h2 { font-size:170%; }
   h3 { font-size:150%; }
   h4 { font-size:120%; }
   h5 { font-size:100%; }

   /* Text layour style *******************************************************/
   #layout { width:100%; margin:0 auto; text-align:left; }

  	/* Header styles ***********************************************************/
  	#header { position:relative; background: #FFFFFF; margin-bottom: 0px; }
  
   #title {
      font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      position: center; 
      width: 100%; height: 50px;
      font-size:300%;
      margin: 0;
      text-align: center;
      vertical-align: text-bottom;
      padding: 0px 0px 0px 0px;
   }

   #title a{
      text-decoration: none;
      color: #333;
      font-weight: normal;
   }

   #subtitle {
      font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      position: center;
      width: 100%; height: 50px;
      font-size:125%;
      margin: 0;
      text-align: center;
      text-decoration: none;
      color: #333;
      font-weight: normal; 
      padding: 0px 0px 0px 0px;
      vertical-align: top;  
   }

   #navigation{
      position: center;
      text-align: center;
      width: 100%;
      color:#882020;
      padding:0px 0px 0px 0px;
      font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      font-weight: normal;
      font-size: 150%;
      margin: 0;
      border-bottom: 2px solid #333;
      border-top: 2px solid #333;
   }

   #navigation ul { list-style-type:none; margin:0; padding:0px; }
   #navigation ul li { display:inline; margin-right:6px; margin-left:6px; }
   #navigation a { color:#882020; text-decoration:none;  }
   #navigation a:hover {  text-decoration:underline; } 
   
   #subnav{
      position: center;
      text-align: center;
      width: 100%;
      color:#882020;
      padding:0px 0px 0px 0px;
      font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      font-weight: normal;
      font-size: 120%;
      margin: 0;
      border-bottom: 2px solid #333;
      border-top: none;
   }

   #subnav ul { list-style-type:none; margin:0; padding:0px; }
   #subnav ul li { display:inline; margin-right:10px; margin-left:10px; }
   #subnav a { color:#882020; text-decoration:none;  }
   #subnav a:hover {  text-decoration:underline; } 

  	/* News/Updates box styles *************************************************/
   .rbroundbox { background: #882020; }
   .rbcontent { margin: 0 10px; font-size: 125%; }
   .rbroundbox { width: 75%; margin: 1em auto; color: #FFFFFF; margin-bottom: 20px;}
   .rbroundbox a { color: #FFFFFF; text-decoration: underline; }

   /* Main content style ******************************************************/
   #main { padding: 0 10% 0 5%; position: left; }
   #main img { padding: 0 0 0 0; position: right; float: right; }
   #main table { position: center; text-align: left; }
   #main div { float: right; }

   /* List styles *************************************************************/
   ul { display:block; margin:0 0 15px 40px; }
   li { display:list-item; font-size:125%; }
   ul li a { text-decoration:none; }
      
   /* Footer style ************************************************************/
   #footer { background: #FFFFFF; color: #333333; border-top: 2px solid #333; }
   #footer a { color: #333333; }
   #footer-inside {
      width: 95%;
      margin: 0 auto;
      padding: 26px 0;
   }
   #copyright { float: left; width: 50%; text-align: left; }
   #neu-logo { float: right; width: 45%; text-align: right; }

/* END STYLE SHEET */