/* 
CSS 
*/
 
body { font-family: arial; color: #666; background: #C2D5E6; margin: 0; line-height: 1.4em; letter-spacing: 0.01em;}
html { text-align: center; }
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
table {font-size: 100%;}
#wrapper { width: 800px; padding: 2px; background: #fff; margin: 1.0em auto 0 auto;}
#header { width: 800px; height: 361px; margin: 0;} 
#head_inner { background: url(images/header.jpg); width: 800px; height: 295px;}
#head_inner_garage { background: url(images/header-garage.gif); width: 800px; height: 295px;}
#header_bottom { background: #ececec; text-align: center; font-size: 60%; color: #666; border-bottom: 1px solid #B7B7B7; padding:2px; }
#popup { background: #ececec; text-align: center; font-size: 70%; color: #666; border-bottom: 1px solid #B7B7B7; padding:2px; }

.altdiv {}
.image {float:right; margin: 7px; }
.image-team {float:left; margin: 20px; border: 2px solid #ececec;}
.classich3 {color: #FF9900;}
hr { height: 1px; }

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

span#button a:link, span#button a:visited, span#button a:active { 
padding: 8px; 
border-top: 1px solid #ececec; 
border-right: 1px solid #ececec; 
border-bottom: 1px solid #333; 
border-left: 1px solid #ccc;
background: #fff;
color: #333; 
}
span#button a:hover { 
padding: 8px; 
border-top: 1px solid #ccc; 
border-right: 1px solid #333; 
border-bottom: 1px solid #333; 
border-left: 1px solid #ccc;
background: #CC0000;
color: #fff;
text-decoration: none; 
}

/*listing style*/
#listing { }
.listingphoto { float: right; border: none;}
div#listing a:link, div#listing a:visited, div#listing a:active { 
display: block; 
float: left;
padding: 8px; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
background: #ececec;
color: #333; 
text-decoration: none; 
margin-top: 10px;
}
div#listing a:hover { 
position: relative;
padding: 8px; 
border-top: 1px solid #EAEAEA; 
border-bottom: 1px solid #EAEAEA; 
background: #F4F4F4;
color: #333;
text-decoration: none; 
}
/*listing style end*/

#right_content { float: right; width: 150px; margin: 50px 0 0 0; padding: 0 20px 20px 20px; text-align: left; font-size: 70%; 
border-left: 1px solid #ccc;  }
#right_content_garage { float: right; width: 150px; margin: 70px 0 0 0; padding: 0 20px 20px 20px; text-align: left; font-size: 70%;}
#main { float: left; width:560px; padding: 20px; margin: 30px 0 0 0; text-align: left; font-size: 70%;  }
#main_coaches { float: left; width:760px; padding: 20px; margin: 30px 0 0 0; text-align: left; font-size: 70%;}
#main_coaches li { list-style-type: circle; margin: 0 0 0 8px; padding: 0;}
#photos { width: 400px; float: right; padding: 2px; margin: 30px 0 0 0;}
.photo { margin: 2px; }
#footer { padding: 20px 20px 0 20px; font-size: 70%;  margin-top: 30px; color: #999; text-align: left; }

td { font-size: 100%; }
h1 { font-size: 160%; color: #666; font-weight: bold; margin: 0;}
h2 { font-size: 100%; font-weight: bold; color: #666;}
#right_content h2 { font-size: 110%; font-weight: bold; color: #fff; background: url(images/h2.jpg); padding: 2px; margin: 8px 0 5px 0; text-align: center; border-bottom: 1px solid #999;}
h3 { font-size: 120%; font-weight: bold; color: #CC0000; border-top: 1px solid #ececec; margin: 0;}
#photos h2 { font-size: 110%; width: 375px;font-weight: bold; color: #fff; background: url(images/h2.jpg); padding: 2px; margin: 8px 0 5px 0; text-align: center; border-bottom: 1px solid #999;}


/*NAV STYLES*/ 
#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 160px; 
background-color: #fff;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
/*
width: 12.5em;
*/
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 70%; 
background-color: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80); 
border: 1px solid #ccc;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid #ccc;
background-color: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
font-size: 70%; 
list-style-type: none;
}
#menu li {
text-align: center;
list-style-type: none;
background-color: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
/*END*/

/* form styles */
#form { font-size: 11px; padding: 2px; margin: 30px 0 0 0px; width: 650px; text-align: left; line-height: 2.0em; }
#form_details { background: #ececec; padding: 5px; float: left; width: 240px; margin: 0 0 0 0 ; border: 1px solid #ccc;}
#form_event { background: #ececec; padding: 5px; float: left; width: 240px; border: 1px solid #ccc; margin-right: 40px;}
.field { width: 180px; height: 20px;  border: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { width: 180px; border: 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: #333;}


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