/*
*************************************************
    CBTech
    General Style Sheet

    Created by Andrew Phillips
    http://www.cbtech.co.uk
*************************************************
*/

/*-------------------------------------------    
    Reset all styles 
-------------------------------------------*/

      @import url(reset.css);
      
      
/*-------------------------------------------    
    Typography and Links
-------------------------------------------*/
    body {
      font-family: "Arial";
    }

    p {
      line-height: 20px;
      font-size: 14px;
      padding: 10px;
    }
    
    h2 {
      font-size: 22px;
      padding: 10px;
      margin-top: 30px;
    }
    
    h3 {
      font-size: 18px;
      padding: 10px;
      color: #266791;
    }  
    
    h6 {
      font-size: 12px;
      text-align: left;
      font-weight: normal;
    }
    
    a {
      text-decoration: none;
      color: #069;
    }
    
    a:hover {
      color: #09c;
    }
    
    #navigation ul, #subnavigation ul {
      font-size: 16px;
    }
    
    #maincontent ul {
      padding: 10px;
      margin-left: 20px;
    }
    
    #maincontent #breadcrumb ul li {
      list-style-type: none;
      padding: 0;
    }
    
    #maincontent #breadcrumb ul {
      margin: 0;
    }
    
    #maincontent li {
      list-style-type: disc;
      font-size: 14px;
      padding: 5px;
    }
    
    #navigation li.off:hover ul li a {
      font-size: 14px;
    }
    
    #breadcrumb a {
      font-size: 12px;
      padding: 3px;
      font-weight: normal;
      color: #000;
    }
    
    #footernav a {
      font-size: 11px;
      color: #222;
      font-weight: normal;
    }
    
    #footernav a:hover, #footer h6 a:hover {
      border-bottom: 1px dashed #555;
    }
    
    #footer h6 {
      color: #666;
    }
    
    #footer h6 a {
      color: #666;
    }
         
            
/*-------------------------------------------    
    General 
-------------------------------------------*/

    body {
      background: #ccc;
    }
    
    #maincontent {
      clear:both;
      float: left;
      background: url(../img/bg.jpg) no-repeat;
    }
          
/*-------------------------------------------    
    Header  
-------------------------------------------*/

    #header {
      background: url(../img/header.jpg) no-repeat;
      height: 139px;
      width: 749px;
    }
    
    #header h1 {
      text-indent: -9999px;
    }
/*-------------------------------------------    
    Navigation and Sub-Navigation 
-------------------------------------------*/      

    #breadcrumb {
      clear: both;
      margin-top: 3px;
    }
    
    #navigation {
      width: 100%;
      height: 30px;
      background: #266791;
    }
    
    #navigation li {
      float:left;
      display: block;
      padding-left: 13px;
      padding-top: 7px;
    }
    
    #navigation li a {
      display: block;
      color: #fff;
    }
    
    #navigation li.off ul {
      display: none;
    }
    
    #navigation li.off:hover ul{
      display: block;
      position: absolute;
      padding-top: 6px;
      width: 130px;
    }
    
    #navigation li.off a{
      padding-bottom: 2px;
    }
    
    #navigation li.off:hover a{
      padding-bottom: 1px;
    }
        
    #navigation li.off:hover ul li{
      float: none;
      display: block;
      background: #266791;
      padding: 5px;
    }
    
    #navigation li.off:hover ul li:hover {
      background: #1B4F6F;
      display: block;
    }
    
    #navigation li.off:hover ul li a {
      clear: both;
      display: inline;    
    }
/*-------------------------------------------    
    Structure
-------------------------------------------*/

    #wrapper {
      width: 749px;
      margin: 0 auto;
      margin-top: 25px;
      background: #fff;
      margin-bottom: 25px;
      z-index: 5;
    }
    
    #alpha {
      float: left;
      width: 75%;
      min-height: 350px;
    }
    
    #beta {
      float: left;
      width: 25%;
      margin-top: 40px;
      min-height: 350px;
      
    }
    
    
    h6.email {
      clear: both;
      width: 98%;
      text-align:right;
      font-size: 20px;
      margin-bottom: 15px; 
      margin-right: 2%;
      padding: 2px;
    }
    
/*-------------------------------------------    
    Form
-------------------------------------------*/

    #form {
      margin-left: 10px;
      font-size: 14px;
    }
    
    label {
      display: inline;
    }
    
    input {
      display: list-item;
      margin: 10px;
      width: 200px;
    }
    
    input#submit {
      width: 100px;
    }
    
    
/*-------------------------------------------    
    Footer
-------------------------------------------*/

    #footer h6.left {
      float: left;
      width: 40%;
      display: inline;
      margin-left: 10px;
    }
    
    #footer h6.right {
      float: right;
      width: 50%;
      display: inline;
      clear: none;
      text-align: right;
      margin-right: 10px;
    }

    #footer {
      margin-top: 25px;
      clear: both;
      height: 47px;
      background: #F8F9FD url(../img/base.jpg) repeat-x;
    }
    
    #footernav {
      float: left;
      width: 100%;
      margin: 0 auto;
    }

    #footernav ul li{
      float: left;
      display: inline;
      padding: 15px;
    }

    #footer h6 {
      width: 100%;
      clear: both;
      padding-top: 20px;
    }