/********************************************************************
   This file is used to render all the basic fonts, positioning and 
   colours used on the site.   
   *******************************************************************/
/* Default elements     */
 table.chart {
   border: 2px;
   border-color: #CCCCCC;
   border-style: solid;
   border-collapse: collapse;
   text-align: center;
   }
body  { color: #000000; font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; margin: 5px }
p   { color: #000000; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 6px 0 }   
table  { font: 12px Verdana, Arial, Helvetica, sans-serif; border: none 0px }
td {
   font: 12px Arial,Helvetica,sans-serif;
   color: #000000;
   }   
h1 {
   font: normal bold 15px Arial,Helvetica,sans-serif;
   margin: 7px 0 0 0;
   }   
h2 {
   color: #999999;
   font: normal bold 13px Arial,Helvetica,sans-serif;
   margin: 15px 0 7px 0;
   }   
h3 {
   color: #333333;
   font: normal bold 12px Arial,Helvetica,sans-serif;
   margin: 10px 0 0 0;
   }   
h4 {
   color: #666666;
   font: normal bold 12px Arial,Helvetica,sans-serif;
   margin: 10px 0 0 0;
   }   
a {
   font: 12px Arial,Helvetica,sans-serif;
   color: #003366;
   text-decoration: underline;
   }
a:hover {
   color: #003366;
   }   
ul  { color: #000000; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 10px }   
li  { margin-left: 10px }   
ol {
   font: 12px Arial,Helvetica,sans-serif;
   color: #000000;
   margin-top: 5px;
   margin-bottom: 10px;
   }
div.info {
   background-color: #ecf5fa;
   border: 1px solid #cccccc;
   margin: 7px 5px;
   }   
div.info p {
   margin: 5px 10px 7px 10px;
   color: #000000;
   }
h1.title2 {
   margin-top: 2px;
   font-size: 15px;
   }   
.disclaimer  { color: #666666; font: 12px Verdana, Arial, Helvetica, sans-serif }   
p.nets {
   line-height: 1px;
   font-size: 1px;
   margin: 0;
   }   
p.disclaimer  { color: #666666; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 5px 0; width: 760px }   
h1.title {
   font: normal bold 15px Arial,Helvetica,sans-serif;
   margin: 10px 0 10px 0;
   }   
h1.feature {
   color: #00468C;
   font: normal bold 12px Arial,Helvetica,sans-serif;
   margin: 0 0 8px 0;
   }
a.breadcrumb {
   color: #333333;
   font-size: 11px;
   text-decoration: underline;
   }   
.breadcrumbSelected {
   color: #333333;
   font-size: 11px;
   text-decoration: none;
   }             
div.lnavL1  { margin: 0 10px; border-top: 1px dotted #cccccc }
div.lnavL1Sel {
   border-top: 1px dotted #cccccc;
   margin: 1px 10px 1px 0px;
   }
div.lnavL1Sel p {
   margin: 1px 0 0 0;
   padding: 3px 0 3px 3px;
   }
div.lnavL2 {
   margin: 0;
   }
div.lnavL2 p {
   margin: 0;
   padding: 2px 0 3px 13px;
   }
div.lnavL3 p {
   margin: 0;
   padding: 1px 0 1px 20px;
   }
div.lnavL4 p {
   margin: 0;
   padding: 1px 0 1px 30px
   }
div.lnavSelect {
   margin: 0;
   padding-left: 10px;
   }
div.lnavSelect p {
   margin: 3px 0;
   }
div.lnavSelect h2 {
   margin: 3px 0;
   }
a.nav    { color: #000000; font-weight: normal; font-size: 12px; text-decoration: none; display: block; padding-left: 0px }   
a.nav:hover {
   text-decoration: underline;
   }   
a.navsel  { font-weight: bold; font-size: 12px; text-decoration: none; display: block; padding-left: 14px } 
a.navsel:hover {
   text-decoration: underline;
   }   
a.disclaimer  { color: #666666; font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; margin-top: 5px }
   
/* homepage */
                 
div.homeLNav {
   font: bold 14px Arial,Helvetica,sans-serif; 
   background-color: #DEDFDE;
   color: #ffffff;
   margin: 0;
   }
div.homeLNav a {
   color: #969696;
   }
div.homeLNav a:hover {
   text-decoration: underline;
   color: #696969;
   }
.homeLNav {
   font: bold 14px Arial,Helvetica,sans-serif; 
   color: #ffffff;
   text-decoration: none;
   display: block;
   width: 100%;
   }
td.homeLNav a {
   font: bold 14px Arial,Helvetica,sans-serif; 
   color: #969696;
   text-decoration: none;
   }
div.homeLNavLink {
   border-top: 1px dotted #ffffff;
   text-decoration: none;
   margin: 0 5px 0 10px;
   padding: 2px 0 3px 0; 
   }  
div.homeLNavSub {
   color: #969696;
   padding: 0 0 10px 0;
   width: 100%;
   } 
div.homeLNavSub a {
   color: #969696;
   background-color: #DEDFDE;
   text-decoration: none;
   margin: 0 5px 0 10px;
   padding-top: 2px;  
   display: block;
   width: 90%;
   }
div.homeLNavSub a:hover {
   text-decoration: underline;
   color: #696969;
   }
.homeLNavSub {
   font: bold 12px Arial,Helvetica,sans-serif; 
   background-color: #DEDFDE;
   color: #ffffff;
   }
div.disclaimerHome {
   color: #666666;
   background-color: #efefef; 
   }   
div.disclaimerHome p  { color: #666666; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 10px 0 25px }   
div.homelnavcurve {
   height: 1px;
   }    
.homeRNav {
   font: bold 11px/14px tahoma,Helvetica,sans-serif; 
   color: #666666;
   text-decoration: none;
   display: block;
   margin: 0;
   }
.homeRNav:hover {
   color: #333333;
   text-decoration: underline;
   }
div.homeRNavDiv {
   padding: 12px 0 10px 0;
   margin: 0;
   }
div.homeRNavDivd {
   padding: 5px 0 0 0;
   margin: 0;
   }
.homeRnavdots {
   margin: 3px 0;
   clear: both;
   }
.homeFeature {
   margin: 0;
   }
@media all {
   .imgwide {
      margin: 10px 7px 0 0;
      }
   }
div.ftdisc {
   width: 760px;
   margin: 0;
   }
div.ftcurve {
   margin: 0;
   }
div.ftbanner {
   margin: 0 0 1px 0;
   }
div.menuAbout {
   background-color : #669933;
   border-left: 1px solid #ffffff;
   width: 178px;
   }
div.head {
   width: 760px;
   height: 38px;
   text-align: right;
   }
table.menu {
   margin: 0 0 -1px 0 ;
   }  
td.menuwt {
   background-color: #ffffff;
   }  
#menu01 td.menutd {
   background-color: #669933;
   }
#menu02  td.menutd {
   background-color: #993333;
    }
#menu03 td.menutd {
   background-color: #00468C;
   }

/* Explore */

div.explore h1 {
   font-size: 15px;
   line-height: 100%;
   }
div.rnavcurve { margin: 0 0 20px; padding: 0; width: 145px }
div.sidebar   { background-color: #f0f0f0; padding: 0 0 10px; width: 145px; marigin: 0  }
a.sidebar {
   font: 11px Arial,Helvetica,sans-serif;
   color: #333333;
   text-decoration: underline;
   }   
div.sidebar p {
   font: 11px Arial,Helvetica,sans-serif;
   color: #666666;
   margin: 3px 0 10px 10px;
   }
div.sidebar td {
   font: 11px Arial,Helvetica,sans-serif;
   color: #666666;
   }   
div.sidebar h1 {
   font-size: 13px;
   margin-left: 10px;
   }
div.sidebar h2 {
   color: #00468C;
   font-size: 12px;
   margin: 5px 0 0 0;
   }
div.sidebar h1.shop {
   color: #00468C;
   }
div.sidebar h1.shopShort {
   color: #00468C;
   margin-top: 0;
   }
div.sidebar h1.about   { color: #bdb76b }
div.sidebar h1.aboutShort   { color: #bdb76b; margin-top: 0 }
div.sidebar h1.info {
   color: #993333;
   }
div.sidebar h1.infoShort {
   color: #993333;
   margin-top: 0;
   }
div.sidebar h1.util {
   color: #3399cc;
   }
div.sidebar h1.utilShort {
   color: #3399cc;
   margin-top: 0;
   }   
div.sidebar a {
   font: 11px Arial,Helvetica,sans-serif;
   color: #666666;
   text-decoration: underline;
   }   
div.sidebar li {
   margin-bottom: 2px;
   }   
div.articles ul {
   font: 11px Arial,Helvetica,sans-serif;
   margin-top: 0px;
   margin-left: 40px;
   margin-bottom: 0px;
   }
            
/* Form Elements */
  
form {
   margin-top: 0px;
   margin-bottom: 0px;
   }
img {
   border: none;
   border: 0px;
   }

/* Miscellaneous */
   
.right {
   text-align: right;
   }   
.flright {
   float: right;
   }   
.left {
   text-align: left;
   }   
.flleft {
   float: left;
   }   
.leftFloat {
   float: left;
   }
.rightFloat {
   float: right;
   }
.center {
   text-align: center;
   }   
.smallFont {
   font-size: 11px;
   }   
.smallMargin {
   margin: 0 0 5px 0;
   }   
.bold {
   font-weight: bold;
   }   
.bottom {
   vertical-align: bottom;
   }
.clear {
   clear: both;
   }  
div.spacer {
      clear: both;
      }
.subtextgrey {
   font: 11px Arial,Helvetica,sans-serif;
   color: #cccccc;
   }
.subtext {
   font: 11px Arial,Helvetica,sans-serif;
   color: #000000;
   }
.textbrown {
   font: 12px Arial,Helvetica,sans-serif;
   color: #000000;
   line-height: 120%;
   }
.textblack {
   font: 12px Arial,Helvetica,sans-serif;
   color: #000000;
   line-height: 120%;
   margin: 3px 0 6px 0;
   }
.textblackbold {
   font: bold 12px Arial,Helvetica,sans-serif;
   color: #000000;
   line-height: 120%;
   }
.atextblack {
   font: 12px Arial,Helvetica,sans-serif;
   color: #000000;
   line-height: 120%;
   }
.textwhite {
   font: 12px Arial,Helvetica,sans-serif;
   color: #FFFFFF;
   }
.textwhite:hover {
   color: #cccccc;
   }
.textwhite:visited {
   color: #FFFFFF;
   }
.textblue {
   color: #0066CC;
   font: bold 14px Arial,Helvetica,sans-serif;
   line-height: 100%;
   margin: 15px 0 5px 0;
   }
.textred {
   font: 12px Arial,Helvetica,sans-serif;
   color: #ff0000;
   line-height: 120%;
   }
.headblue {
   color: #0066CC;
   font: 13px bold Arial,Helvetica,sans-serif;
   line-height: 40px;
   }