/* div { border:1px solid black ; margin-top:10px} */

  /* colours */
  /* windworker logo - #FFE002 */
  /* background - light yellow #FFF7BF */
  /* navigation - dark kharki #544E1C */
  /* mouse over light kharki #A99C39 */
    
  
 body { background-color: #FFF7BF ; margin:0px ; padding:0px}

 p { color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
     font-size: 12px ; text-align:left ; word-spacing:0.2em 
      }
 .p1 { color: #A99C39 ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
     font-size: 12px ; text-align:left ; word-spacing:0.2em 
      }
      
 h1 { color: #544E1C ; text-align:center ;
      font-family: "Arial", Verdana, Helvetica, sans-serif   ;
      font-size: 18px ; word-spacing:0.2em  ; }
      
 h2 { color: #544E1C ; text-align:left ;
      font-family: "Arial", Verdana, Helvetica, sans-serif   ;
      font-size: 14px ; word-spacing:0.2em  ; }     

 h3 { color: #544E1C ; text-align: center ;
      font-family: "Arial", Verdana, Helvetica, sans-serif    ;
      font-size: 14px ; word-spacing:0.2em ; }

 h4 { color: #544E1C ; text-align: left ;
      font-family: "Arial", Verdana, Helvetica, sans-serif    ;
      font-size: 12px ; word-spacing:0.2em ; }

 h5 { color: #544E1C ; text-align: right ;
      font-family: "Arial", Verdana, Helvetica, sans-serif    ;
      font-size: 12px ; word-spacing:0.2em ; } 
 
 h6 { color: #544E1C ; text-align: justify ;
      font-family: "Arial", Verdana, Helvetica, sans-serif    ;
      font-size: 12px ; word-spacing:0.2em ; }      

   /* div */
   #screen { background-color:white ;
             margin:0px ; padding:0px ;
             width:955px ; margin:auto ;  }
         
   #header img { border:none ; float:left }
   #side  { float:left ;  }
   #currDate {color:#000000 ; font-size:12px ;  padding-left:5px ;
              padding-top:15px ; margin:0px ; font-family: "Arial", Verdana, Helvetica, sans-serif ; }     
              
       
   #main {  width:95% ; padding:10px ; text-align:left ; margin:auto ; clear:both  } 
   #main img { border:none ; padding:10px ; }
   #main a { color:blue }   
   
   #main80 {  width:80% ; padding:10px ; text-align:left ; margin:auto ; clear:both  } 
   #main80 img { border:none ; padding:10px }
   #main80 a { color:blue } 
   
   #contact { font-family: "Arial", Verdana, Helvetica, sans-serif ; 
             color : #544E1C ; font-size : 14px ; word-spacing:0.2em ;  
             text-align:left ;  }
   #footer { background-color:#A99C39 ; clear:both ;  
             padding-left:10px ;   }
   #footer p {font-family: "Arial", Verdana, Helvetica, sans-serif ; 
            color : #FFFFFF ; font-size : 12px ; word-spacing:0.2em ;  
            text-align:left ; }
   #footer a:link { color : #FFFFFF ; text-decoration: none }             
   #footer a:visited { color : #FFFFFF ; text-decoration: none }     
   
   #form1 {  padding:5px ; color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
              font-size: 12px ;  width:80% ; } 
   
    /* links */
   a {text-decoration:none ; color:#544E1C ; font-size:12px ; font-family: "Arial", Verdana, Helvetica, sans-serif }
   a:visited { color:#544E1C ; font-size:12px ; font-family: "Arial", Verdana, Helvetica, sans-serif }
   a:hover {background-color:#A99C39 ; color:#FFFFFF ; font-size:12px ; font-family: "Arial", Verdana, Helvetica, sans-serif }
   
   
   /* the noPrint class is used so the hyperlinks don't show on the printed page */
   /* but is also used to set the font etc for the back to top links */ 
   .noPrint { color : #6495ED ; font-size : 12px ; text-align:left ;  }   
      
               
  .click {  background-color: #FFF7BF ;  }     
  .science  { padding:2px ; color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
              font-size: 12px ; text-align: left ; width:90% ; margin-left:15px }
              
  .installVents  { padding:2px ; color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
              font-size: 12px ; text-align: left ; width:95% ; margin-left:15px }            
 
  .saffir  {  padding:2px ; color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
              font-size: 12px ; text-align: center ; width:100% ; border:1px solid #544E1C}    
  .saffir td { border:1px solid #A99C39 ; padding:5px ;  }                    
   
  .patent  {  padding:2px ; color: #544E1C ; font-family: "Arial", Verdana, Helvetica, sans-serif  ;
              font-size: 12px ; margin:auto ; text-align: center ; width:60% ; border:1px solid #A99C39 }    
  .patent td { border:1px solid #A99C39 ; padding:5px ;  }   
 
  /* menu */
.ddsmoothmenu{
font-family: "Arial", Verdana, Helvetica, sans-serif  ; font-size: 12px ;
background: #FFF7BF ; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #FFF7BF ; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #544E1C ;
}


.ddsmoothmenu ul li a:hover{
background: #A99C39; /*background of menu items during onmouseover (hover state)*/
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #544E1C ; 
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family: "Arial", Verdana, Helvetica, sans-serif  ; font-size: 12px ;
width: 150px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
filter : alpha (opacity=70) ;
opacity: 0.7 ; 
}