body { font-family:verdana; font-size: 12pt; color: #333; margin: 0; background: #f6f3f3; text-align: left; line-height: 1.4em; }
html { }

#wrapper { width: 800px; margin: 15px auto 0; background-color:white; padding: 5px; border: 4px solid #e2e0e0;} 
#header { float:left; background-image:url(images/header.jpg); background-position:top left; background-repeat:no-repeat;  width:800px; height:300px;}

#tel { float: left; width: 800px; height: 20px;  font-size: 70%; color: #666;  }
#telp { float: right; }
#date { float: left; }
#imagehead { float: left; width:800px; height:300px;}
.index-image { background-image:url(images/home-image.jpg); }
.photo {float: left; margin: 0 10px 10px 0; border: 4px solid #e2e0e0;}
.tbl {background-color: #ccc; border-bottom: 1px solid #999;}	
#content { float: left; width: 520px; padding: 0; margin: 105px 0 10px 0; font-size: 70%; text-align: left; }
/*#content_sub { float: left; width: 800px; padding: 0; margin: 105px 0 10px 0; font-size: 70%; text-align: left; }*/
#right{ float: left; width:240px; padding: 8px; margin: 95px 0 0 20px; font-size: 70%; text-align:left; color: #666;}


h1 { font-size: 170%; color: #fff; font-weight: bold; background:#92191c; padding: 4px; margin: 0 0 20px 0; border-bottom: 1px dashed  #999;}
h2 { font-size: 120%; color: #660000; font-weight: bold;  margin: 0 0 10px 0;}

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

#footer {width: 800px; height: 33px; padding: 10px; color: #333; clear: both; font-size: 70%; margin: 1px auto;}
#foot-text { float: left; margin-top: 70px;}
#footer a:link, a:visited { color: #990000; font-weight: normal;}

/*NAV*/
#nav { float: left; margin: 1px 0 0 0; background: #333; width: 800px; height:34px; text-transform:uppercase; font-family:arial; 
text-align: center; background: url(images/nav.jpg); }

ul#nav { padding: 0; margin: 0;}
li#nav { padding: 0; margin: 0;}

#nav li 
{
border-right: 1px solid #666; 
float: left;
margin: 5px 0 0 0;
}

#nav ul {
list-style-type: none; 
padding: 0;
margin: 0; 

}

#nav a
{color: white;
text-decoration: none;
font-weight: normal;
font-size: 70%; 
margin: 3px 20px 0px 20px;

}
#nav li#active { color: white; }
#nav a:hover { color:#ffcd33; }
/*current page highlight link*/#home .home, #c .c, #q .q, #u .u, #cu .cu, #sl .sl, #ethos .ethos { font-weight: normal; color:#FFCC00;}

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

/*FORM*/
fieldset {border: 1px dotted #92191c; padding:0; padding: 4px; width: 510px; background: #f6f3f3;}
legend {font-weight:bold;}
.input {
height: 25px; 
width: 188px;
border: 1px solid #666;
padding: 1px;
font-size: 14px;
}

.option {
height: 30px; 
width: 193px;
border: 1px solid #666;
padding: 1px;
font-size: 14px;
}
.submit { color: #fff; background: #666; width: 110px; height: 35px; border:1 px groove #333333;}
.textarea { width: 200px; height: 130px; border: 1px solid #666; font-size: 16px; color: #333;}
.blank{display:none;}

#form { float: left; width: 510px; margin: 10px 0 0 0; text-align: left; font-size: 100%; font-weight: normal; color:#333;}
#address {float: left; width: 510px; margin:0; text-align: left; padding: 4px; font-size: 100%; font-weight: normal; color:#333; background: #f6f3f3; border: 1px dotted #92191c;}