html, body{ 
 margin:0; 
 padding:0; 
 background-color: #16365d;
 font-family: arial, sans-serif;
 } 
 
a img{
border: none;
}

#pagewidth{ }
 
#header{
 position:relative; 
 height:85px; 
 background-color:#16365d; 
 width:100%;
 vertical-align: middle;
} 

#header h1{
 background-image: url('../img/bbhlogo.gif');
 background-repeat: no-repeat;
 height: 85px;
 width: 287px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#header h1 span{
 display: none;
}

#header h2{
 color: #FFFFFF;
 font-size: 200%;
 float: right;
 margin: 10px;
 height: 65px;
 padding: 0px;
}

#leftcol{
 width: 20%; 
 float:left; 
 position:relative; 
 background-color: #16365d;
  }
 
#maincol{
 background-color: #16365d;  
 float: right; 
 display:inline; 
 position: relative; 
 width: 80%
 }
 
#footer{
 height:10px; 
  background-color:#16365d; 
 clear:both;
 text-align: center;
 color: #FFFFFF;
 margin-bottom: 48px;
 } 

#footer a{
 color: #FFFFFF;
 text-decoration: none;
}
 
.content{
 background-color:#7DA7D8;
 width: 90%;
 margin: 40px auto 0px auto;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: none;
 padding: 10px;
 }

#cal{
margin: auto;
width: 700px;
height: 525px;
}

.insp{
margin: auto;
width: 700px;
height: 412px;
}

#trophimg{
margin: auto;
width: 700px;
height: 525px;
position: relative;
}

#juncamp06{
width: 110px;
height:300px;
position: absolute;
border: solid black 1px;
left: 415px;
top: 140px;
cursor: pointer;
}

#csvolleyball08{
width: 120px;
height:350px;
position: absolute;
border: solid black 1px;
left: 274px;
top: 75px;
cursor: pointer;
}

#csxcountry08{
width: 110px;
height:200px;
position: absolute;
border: solid black 1px;
left: 164px;
top: 255px;
cursor: pointer;
}

.dispbox{
width: 700px;
height: 120px;
margin: auto;
}

.dispbox h3{
margin:0px;
padding: 0px;
}

#menu {
 width: 90%;
 margin: 0px auto 0px auto;
 text-align: center;
}

#menu ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

#menu li{
 display: inline;
 background-color:#7DA7D8;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin: 0px 5px;
 padding: 5px;
 cursor: pointer;
}

#leftcol ul{
 list-style: none;
 padding: 0px;
 margin-top: 40px;
}

#leftcol li{
 display: block;
 width: 150px;
 }

#leftcol li.cur{
 background-color:#151E5D;
 color:#FFFFFF;
}
 
span.navi {
 color: #000000;
 text-decoration: none;
background-color:#7DA7D8;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin: 5px 5px;
 padding: 5px;
 width: 140px;
 display: block;
 cursor: pointer;
}

#leftcot li.cur a{
 color: #FFFFFF;
 text-decoration: none;
 width:140px;
}

#years25 {
position: fixed;
right: 0px;
top: 0px;
width: 160px;
height: 120px;
}

#years125 {
position: fixed;
right: 10px;
bottom: 10px;
width: 164px;
height: 164px;
}

#iebtm {
position: fixed;
left: 0px;
bottom: 0px;
height: 24px;
width: 100%;
background-image: url('../img/iebtm.gif');
background-repeat: repeat-x;
color: black;
font-size: 12px;
margin: 0px;
padding: 0px;
}

#iebtm p{
margin: 5px 0px 0px 5px;
padding: 0px;
}

#iebtm a{
color: #000000;
text-decoration: underline;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}