/* green: ccffff
   lighter bg green f3fffd
    red: e80000;
 */
        html, body { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding:0; margin: 0;}
        body{background: #ccffff; color: #333; }
        #main{width:960px; background: #fff; margin: 0 auto 0 auto;}
        #header{width: 960px; height:125px; background: url(../images/bg_header1.jpg) no-repeat bottom left;}
        #header img{padding: 40px 0 5px 20px;}
        
        #footer{  width: 960px; font-size: 0.8em; color: #666; border-top: 1px solid #eee; padding: 5px 0;}
        #footer ul{list-style-type: none; float: left; }
        
        a{color:#333; text-decoration: none; }
        a:hover{color: #666; border-bottom: 1px solid #ccc;}
        h1{color: #e80000; font-size: 1.9em}
        h2{color: #e80000; font-size: 1.5em;}
        h3{color: #e80000; font-size:1.3em;}
        .red, .hotLink{color: #e80000;}
        .floatLeft{ float: left;}
        .floatRight{float: right;}
        .floatNone{float: none;}
        .clearAll{clear: both;}
        em{position: absolute; left: -999px;}
        .pageBreaker{border-top: 1px dashed #ccc; padding: 6px 0 6px; clear: both;}
        .pageBreakerSM{border-top: 1px dashed #ccc; padding: 3px 0 3px; clear: both;}
        
        #navigation{width: 960px;border-top: 1px solid #eee;}
        ul.nav{list-style-type: none; font-size: 0.9em; margin: 5px 0 10px 30px;}
        ul.nav li{display: inline;}
        ul.nav li:after{content:" |"; color: #ccc;}
        
        #sub-navigation ul.nav{list-style-type: none; font-size: 0.9em; margin:0; padding: 0 0 0 200px; }
        #sub-navigation ul.nav li a{color: #666; }        
        
        #page{width: 900px; padding: 5px; margin: 0 auto 0 auto;}
        .left{float: left; width: 600px; background: #fff; border-top: 1px solid #eee; padding: 10px;}
        .left img{ border-top: 1px solid #ccc; margin-right: 6px; }
        
        .left tbody td {padding: 5px;}
        .left tbody td img{border: none;}
        .left tbody td a:hover{border: none; text-decoration: none;}
        .odd {background-color: #f3fffd;}
        .left thead td, .left thead th{border-bottom: 1px dashed #ccc; padding-bottom: 12px;}
        .left th{padding-right: 12px; text-align: left;}
        
        .right{float: right; width: 250px; }
        .right .box { width:250px; margin-bottom: 10px; background: #f3fffd; border-top: 1px solid #eee; padding:0 10px 2px 10px;}
        .right .box ul{padding-left:0;}
        .right .box h3{margin-bottom: 5px;}
        .right h3 a{color: #e80000;border: none;}
        .right h3 a:hover{color: #666;border: none;}
        .right p.top{padding-top: 5px; border-top: 1px dashed #ccc;}
        .right ul{list-style-type: none;}
        
        .calendar{padding-left: 30px; background: url(../images/icn_calendar.gif) top left no-repeat; }
        .tick{padding-left: 30px; background: url(../images/icn_tick.gif) top left no-repeat; }
        .plus{padding-left: 30px; background: url(../images/icn_plus.gif) top left no-repeat; }
        .docs{padding-left: 30px; background: url(../images/icn_docs.gif) top left no-repeat; }
        
        ul.blankList{list-style-type: none;}
        li.pdf {background: url(../images/list_pdf.gif) top left no-repeat; padding-left: 20px;}
        
        .clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }