/* global */


html{height: 100%;}





body


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


  padding: 0px;


  margin: 0px;


  font-size: .68em;


}





p


{ margin: 0px;


  padding: 0px 0px 16px 0px;


  line-height: 1.7em;


}





h1


{ font-family: arial, sans-serif;


  letter-spacing: .1em;


}





h2


{ margin: 0px;


  padding: 0px 0px 4px 0px;


  font-size: 100%;


}





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;


}





/* main container */


#main


{ width: 780px;


  margin-left: auto; 


  margin-right: auto;


}





/* links above the logo / footer */


#links, #footer


{ margin-left: auto; 


  margin-right: auto;


  padding: 10px 21px 0px 19px;


  width: 720px;


  height: 26px;


  font-size: 94%;


  text-transform: uppercase;


}





#links{text-align: right;}





#footer{text-align: center;}





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





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





/* logo */


#logo


{ margin-left: auto; 


  margin-right: auto;


  width: 760px;


  height: 100px;


  text-align: left;


}





#logo h1


{ margin: 0px;


  padding: 41px 0px 0px 19px;


  font-size: 150%;


  letter-spacing: .2em;


}





/* navigation menu */


#menu


{ height: 42px;


  width: 760px;


  margin-left: auto; 


  margin-right: auto;


}





#menu ul{margin: 0px auto;} 





#menu li


{ float: left; 


  margin: 0px; 


  padding: 0px;


} 





#menu li a 


{ display: block; 


  float: left; 


  height: 37px;


  text-decoration: none; 


  padding: 3px 19px 2px 19px;


  text-transform: uppercase;


} 





/* main content */


#content


{ margin-left: auto; 


  margin-right: auto;


  width: 760px;


  height: auto;


  padding: 0px;


  overflow: hidden;


} 





/* column 1 - contains sidebar items */


#column1


{ width: 207px;


  float: right;


  padding: 16px 0px 15px 0px;


}





.sidebaritem


{ text-align: left;


  width: 188px;


  float: left;


  margin: 0px 0px 25px 0px;


}





.sbihead


{ height: 14px;


  width: 188px;


  padding: 5px 0px 5px 19px;


  text-transform: uppercase;


}





.sbihead h1


{ padding: 0px; 


  margin: 0px; 


  font-weight: bold;


  font-size: 112%;


}





.sbicontent{padding: 14px 8px 8px 19px;}





.sbicontent p


{ line-height: 14px; 


  padding: 0px 0px 8px 0px;


}





.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: 188px;


  border: 0px;


} 





/* column 2 - page content */


#column2


{ text-align: justify;


  width: 512px;


  float: left;


  padding: 12px 3px 15px 19px;


}





#column2 h1


{ padding: 6px 0px 4px 0px; 


  margin: 0px 0px 12px 0px; 


  border-bottom: 1px solid;


  font-size: 150%;


  text-transform: uppercase;


  font-weight: normal;


}





.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover


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


  text-decoration: none;


  border-bottom: 1px dashed;


}





.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}





/* contact page - form layout */


form{margin-top: 0px;}





div.row


{ clear: both;


  width: 448px;


}





div.row span.formlabel 


{ float: left;


  width: 150px;


  text-align: left;


}





div.row span.forminput


{ float: right;


  text-align: right;


} 





div.spacer


{ clear: both;


  width: 80px;


}





input, textarea


{ width: 259px; 


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


  border: 1px solid;


  font-size: 100%;


  margin: 2px;


}





.submit


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


  border: 1px solid;


  width: 70px;


  height: 22px;


  cursor: pointer;


  font-size: 100%;


}