/* 
CSS 
*/
 
body { font-family: tahoma; color: #333; background: #336699; margin: 0; line-height: 1.4em; letter-spacing: 0.01em;}
html { text-align: center; }

#wrapper { width: 800px; padding: 2px; background: #fff; margin: 1.0em auto 0 auto; }
#header { width: 800px; height: 100px; margin: 0; background: url(images/header.jpg);} 

#right_content { float: right; width: 260px; margin: 60px 0 0 0; padding: 0 20px 20px 20px; text-align: left; font-size: 70%; border-left: 1px solid #ccc;  color: #336699;}
#main { float: left; width:450px; padding: 20px; text-align: left; font-size: 70%;  margin: 10px 0 0 0;}
#main_sub { float: left; padding: 20px; margin: 0; text-align: left; font-size: 70%;}
#tel { width: 770px; margin: 0 0 0 19px; text-align: left; font-size: 60%; color: #999; }
.image { float: left; margin-right: 15px; } 

#footer { padding: 20px 20px 0 20px; font-size: 60%;  margin-top: 30px; color: #999; text-align: left; }

h1 { font-size: 170%; color: #336699; font-weight: bold; margin: 0;}
h2 { font-size: 100%; font-weight: bold; color: #333; margin: 8px 0 5px 0;}

a:link { color: #336699; text-decoration: none;}
a:active { color: #336699; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
a:visited { color: #333; text-decoration: none;}

#navcontainer { float: left; width: 800px;  height: 35px; margin: 0; padding: 0;  background: #F6F6F6; 
text-align: left; font-size: 70%;  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

#navlist li
{
display: inline;
list-style-type: none;
padding: 5px 15px 5px 20px;
height: 15px; 
border-right: 1px solid #ccc;
}
ul#navlist { margin: 6px 0 0 0 ; padding: 0; }

#navlist a:link { color: #333; text-decoration: none; font-weight: bold;}
#navlist a:active { color: #333; text-decoration: none;}
#navlist a:hover { color: #336699; text-decoration: none;}
#navlist a:visited { color: #333; text-decoration: none; font-weight: bold;}


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

/*form styles*/
#form { font-size: 11px; padding: 2px; margin: 0 0 0 130px; width: 500px; text-align: left; line-height: 2.0em; }
#form_details {  padding: 5px; float: left; width: 200px; margin: 0 50px 0 0 ; }
#form_event {  padding: 5px; float: left; width: 200px; }
.field { width: 180px; height: 20px;  border-top: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { width: 180px; border-top: 1px solid #999; border-left: 1px solid #999;}
.button { width: 70px; height: 25px; border: 1px solid #999; }
label { font-weight: normal; font-size: 11px; color: #336699; }