/* 
CSS 
*/
 
body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #9CD1F1; margin: 0; line-height: 1.4em; 
letter-spacing: 0.02em; text-align: center; }
html { }
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.contacttable {font-size: 100%; font-weight: bold; }

#wrapper { width: 800px; margin: 10px auto 0 auto; border: 1px solid #fff; background: #fff; padding: 2px; }
#header {  width: 800px; height: 200px; margin: 0; text-align: left; font-size: 65%; color: #666; background:  url(images/header.jpg); }
#tel {  float: right; width: 255px; margin: 4px 0 0 0; font-size: 110%; color: white; }
.logo { margin: 5px; } 
.photo { border: 1px solid #9CD1F1;  }
#photos { float: right; margin: 20px 10px 0 10px;}
.formerror {color: red;}
.submit { color: #fff; background: #0C73B1; width: 100px; height: 30px; border: none 0;}
hr { text-align: left; height: 1px; color: #9CD1F1; background: #9CD1F1; border: none 0; }
#top {float: right; }


input { width: 180px; height: 20px; font-size: 16px; color: #333; border-top: 1px solid #999; border-left: 1px solid #999; }
textarea { width: 180px; height: 100px; border-top: 1px solid #999; border-left: 1px solid #999;}
#main { float: left; width: 520px; margin: 35px 0 0 22px; font-size: 70%;  text-align: left;}
#main_photos { float: left; width: 650px; margin: 35px 0 0 22px; font-size: 70%;  text-align: left;}
#footer { padding: 5px; font-size: 55%;  background: #0C73B1; margin-top: 30px; color: #fff; text-align: center; line-height: 1.8em; border-top: 1px solid #333;}
h1 { font-size: 160%; color: #333; font-weight: bold; margin: 0 0 20px 0;}
h2 { font-size: 110%; font-weight: bold; color: #0C73B1; margin:0; padding: 2px; text-decoration: underline;}
h3 { font-size: 100%; font-weight: bold; color: #333; margin:0; padding: 2px; }

a:link { color: #0C73B1; text-decoration: none;}
a:active { color: #0C73B1; text-decoration: none;}
a:hover { color: #9CD1F1; text-decoration: none; }
a:visited { color: #0C73B1; text-decoration: none;}

#footer a:link { color: #fff; text-decoration: none;}
#footer a:active { color: #fff; text-decoration: none;}
#footer a:hover { color: #9CD1F1; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none;}

/*TOPNAV*/
#topnavcontainer { width: 800px; height: 23px; background: #0C73B1; border-bottom: 1px solid #333; font-size: 70%; margin-top: 1px;}
#topnav { }
#topnavlist li
{
display: inline;
list-style-type: none;
padding: 0 20px 0 30px;
}
ul#topnavlist { margin: 0 ; padding: 0; }
#topnavlist a:link { color: #fff; text-decoration: none;}
#topnavlist a:active { color: #fff; text-decoration: none;}
#topnavlist a:hover { color: #9CD1F1; text-decoration: none;}
#topnavlist a:visited { color: #fff; text-decoration: none;}


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}