/* global */



html{height: 100%}







body



{ font-family: verdana;



  padding: 0px;



  margin: 0px;



  font-size: 10px;

  

  line-height: 14px; 



}



p



{ margin: 0px;



  padding: 0px 0px 16px 0px;





}







h1



{ font-family: sans-serif;



  font-size: 10px;



  letter-spacing: 2px;



}







h2



{ margin: 0px;



  padding: 0px 0px 4px 0px;



  font-size: 10px;

  

}







img{border: 0px;}







a{outline: none;}







/* image positioning - left, right and center */



.left



{ float: left; 



  padding: 0px 8px 0px 0px;



}







.right



{ float: right; 



  padding: 0px 0px 0px 8px;



}







.center



{ display: block;



  text-align: center;



  margin: 0 auto;



}







/* block quote */



blockquote



{ margin: 20px 0px 20px 0px; 



  padding: 10px 20px 0px 20px;



  border-left: 8px solid;



}







/* unordered list */



ul



{ margin: 8px 0px 0px 16px;



  padding: 0px;



}







ul li



{ list-style-type: square;



  margin: 0px 0px 11px 0px; 



  padding: 0px;



}







/* ordered list */



ol



{ margin: 8px 0px 0px 24px;



  padding: 0px;



}







ol li



{ margin: 0px 0px 11px 0px; 



  padding: 0px;



}







/* margin lefts / margin rights - to centre content */



#main, #links, #footer, #logo, #menu, #content



{ margin-left: auto; 



  margin-right: auto;



}







/* main container */



#main{width: 780px;}







/* links above the logo / footer */



#links, #footer



{ width: 726px;



  height: 25px;



  font-size: 9px;

  

  letter-spacing: 1px;

  

  text-transform: lowercase;



  padding: 13px 21px 0px 19px;

  

  font-family: sans-serif;

  

}







#links

{ text-align: right;



  font-family: sans-serif;

  

  font-size: 9px;

  

  letter-spacing: 1px;

  

  text-transform: lowercase;

  

  text-decoration: none; 

}







#footer



{ text-align: center; 



  border-top: 2px solid;



}







#links a, #footer a{text-decoration: none;}







#links a:hover, #footer a:hover{text-decoration: underline;}







/* logo */



#logo



{ width: 766px;



  height: 125px;



  border-top: 2px solid;



  border-bottom: 2px solid;



}







#logo h1, #logo h2



{ margin: 0px;



  letter-spacing: 3px;



}







#logo h1



{ padding: 28px 0px 0px 19px;



  font-size: 14px;



}







#logo h2



{ font-family: sans-serif;



  padding: 5px 0px 0px 19px;



  font-size: 11px;



}







/* navigation menu */



#menu



{ height: 30px;



  width: 766px;



  margin-top: 0px;



  position: relative;



}







#menu ul{margin: 1px auto;} 







#menu li



{ float: left; 



  margin: 0px 0px 0px 0px; 



  padding: 1px;



  list-style: none;



} 







#menu li a 



{ font-family: sans-serif;



  font-size: 10px;

  

  text-align: center;

  

  letter-spacing: 1px;

  

  display: block; 



  float: left; 



  height: 18px;

  

  width: 83px;



  text-decoration: none; 



  padding: 6px 0px 2px 0px;

  

  text-transform: uppercase;

  



} 







/* main content */



#content



{ width: 766px;  



  overflow: hidden;

} 







/* column 1 - contains sidebar items */



#column1



{ width: 150px;

  height:100%;

  margin: 0px 0px 0px 0px;



  float: right;



  padding: 15px 15px 5px 5px;



}







.sidebaritem



{ text-align: center;



  float: right;



  margin: 0px 0px 0px 0px;



  border: 1px solid;

  

  overflow: auto;



  padding: 5px 5px 5px 5px;



}





.filler

{ text-align: left;



  float: left;



}







.sidebaritem h1



{ margin: 0px; 



  font-size: 10px;



  font-weight: normal;



  padding: 0px 0px 16px 0px;



  text-transform: uppercase;



}





.sidebaritem p



{  padding: 0px 0px 5px 0px;



}







.sidebaritem a, .sidebaritem a:hover



{ padding: 0px 0px 2px 19px;



  text-decoration: none;



}







.sbilinks{padding: 0px}







.sbilinks ul{margin: 0px auto;} 







.sbilinks li 



{ margin: 0px; 



  float: left; 



  list-style: none; 



} 







.sbilinks li a , .sbilinks li a:hover



{ float: left; 



  height: 16px;



  text-decoration: none; 



  padding: 5px 0px 4px 19px;



  width: 149px;



} 







/* column 2 - page content */



#column2



{ text-align: justify;



  width: 508px;



  float: left;



  padding: 2px 3px 15px 19px;



}



#column2 h1



{ margin: 0px; 



  font-size: 10px;



  font-weight: normal;



  padding: 0px 0px 16px 0px;



  text-transform: uppercase;



}



#column2 a, #column2 a:hover



{ padding: 0px 0px 2px 0px;



  text-decoration: none;

}





#column2 a:hover{ }





#column2 strong, strong:hover { 



  text-decoration: none;

  

  font-weight: normal;



  border-bottom: 1px dashed; 



}





#column2 strong:hover{border-bottom: 1px solid;}



.submit



{ font-family: verdana, arial, sans-serif;



  font-size: 100%; 



  border: 1px solid;



  width: 70px;



  height: 22px;



  cursor: pointer;



}





/* contact page - form layout */

form{margin-top: 0px;}



div.row

{ clear: both;}



div.row span.formlabel 

{ float: left;



  text-align: left;



}



div.row span.forminput

{ float: right;



  text-align: right;



} 



div.spacer { clear: both;}



input, textarea

{ font-family: verdana;

 

   font-size: 10px;

  

   border: 1px solid;

  

   margin: 2px;



}



.submit

{ font-family: verdana;

  

   font-size: 10px; 

  

   border: 1px solid;

  

   cursor: pointer;

}