html{ margin: 0px; padding: 0px; height: 100%; }
body{ margin: 0px; padding: 0px; height: 100%;  
  background: #000; font: 9pt Arial,Verdana,sans-serif; }

img{ border: none; }
img.photo{ border: 1px solid #000080; padding: 2px; }

a:link{    text-decoration: none; color: #000080; }
a:visited{ text-decoration: none; color: #000080; }
a:hover{   text-decoration: none; color: #c8af00; }
a:active{  text-decoration: none; color: #c8af00; }

p{ text-align: justify; }

table{ border: 1px solid #000080; border-collapse: collapse; }
th{ font: bold 9pt Arial,Verdana,sans-serif; background-color: #000080; 
  color: white; padding: 3px 5px; }
td{ font: 9pt Arial,Verdana,sans-serif; background-color: #addfff; 
  color: black; padding: 2px 5px; }

sup{ font-size: 6pt; }

hr{ border: none; border-top: 1px dotted #000080; }

.photo{ text-align: center; }
.photoright{ float: right; margin-left: 10px; }


#frame { width: 780px; min-height: 100%; height: auto !important; height: 100%; 
  margin: 0px auto; padding: 0px; background-color: white; text-align: left;
  border-left: 1px solid black; border-right: 1px solid black; 
  background: url('../images/bg_frame.png') repeat-y; }
  
  
#header{ width: 530px; height: 52px; background: black; margin: 0px; 
  padding: 0px 0px 0px 250px; color: white; border-top: 1px solid black; }
#logo{ width: 400px; height: 36px; margin: 15px 0px 0px; padding: 0px;
  background-image: url('../images/logo.png'); background-repeat: no-repeat; }
#languages{ margin: 15px 10px 10px; padding: 0px; }
#languages img{ margin: 0px 5px; padding: 0px; }
  

#leftside{ float: left; width: 249px; margin: 0px; padding: 175px 0px 10px; 
  background: top left no-repeat; text-align: right; }
.menuitem{ margin: 0px 8px 6px; padding: 0px; }


#mainframe{ margin: 0px 0px 0px 260px; }
#title{ float: right; margin: 12px 5px; padding: 0px; }
#content{ margin: 0px 45px 0px 20px; padding: 30px 0px 0px; min-height: 400px; }

#content .info{ display: none; }

#content h1{ margin: 0px 0px 10px; padding: 0px; font: bold 14pt Arial,Verdana,sans-serif; }
#content h2{ margin: 0px 0px  5px; padding: 0px; font: bold 10pt Arial,Verdana,sans-serif; }
#content p{ margin: 10px 0px 15px; padding: 0px; font: 9pt Arial,Verdana,sans-serif; }
#content ul { margin: 10px 0px 0px 20px; padding: 0px; }
#content ul li.link{ list-style-image: url('../images/link_arrow.png'); margin: 0px 0px 10px;
  padding: 0px; font:9pt Arial,Verdana,sans-serif; }
#content li.link a, #content li.link b{ 
  font: bold 9pt Arial,Verdana,sans-serif; }

#content #weather{ width: 355px; overflow: hidden; margin: 0px 5px; padding: 0px; }
#content #snow{ margin: -3px 0px 10px -360px; padding: 0px 5px; }
#content #liability{ font-size: 8pt; padding: 0px 5px; }
#content #powered{ text-align: right; border-top: 1px solid #55a; padding: 5px 15px; }

#content #showgallery{ width: 440px; height: 360px; margin: 0px; padding: 0px; 
  overflow: hidden; border-bottom: 1px dotted #000080; }

#footer{ width: 780px; height: 18px; background: black; margin: -26px auto 0px; 
  text-align: right; color: white; font-size: 8pt; padding: 4px 2px; }


#intro, #intro_title{ margin: 0px auto; padding: 0px; text-align: center; }
#intro_title{ padding: 5px 0px; }


#contactform{ margin: 0px 15px; position: relative; }
#contactform .line{ position: absolute; left: 0px; }
#contactform .label{ position: absolute; top: 2px; left: 0px; font-weight: bold; text-align: right; width: 70px; }
#contactform .field{ position: absolute; top: 0px; left: 75px; }
#contactform .buttons{ text-align: right; width: 330px; }
#contactform .button{ font-size: 7pt; padding: 1px 5px; border: 1px solid #0f1273; }
#contactform .textfield{ font-size: 8pt; padding: 1px 2px; width: 250px; 
  border: 1px solid #0f1273; font-family: Arial,Verdana,sans-serif; }
#contactform textarea{ height: 100px; }