/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) top repeat-x #F9F8F4;
	color:#99918B;
	font-family: "Trebuchet MS";
	line-height:20px;
	font-size:12px;
	}
	
a:link, a:active, a:visited {
	color:#524B45;
	text-decoration:underline;
	}
	
a:hover {
	color:#DA842E;
	}
	
#main {
	width:864px;
	margin:0;
	padding: 0;
	text-align:left;
	}
	
#banner {
	background:url(images/banner.jpg) no-repeat top;
	height:124px;
	}
	
#topnav {
	width: 864px;
	height: 23px;
	margin-top:-16px;
	*margin-top:0;
	}
	
ul#top {
	margin-left:-40px;
	}

li.top {
	list-style-type:none;
	display:inline;
	float:left;
	}
	
a.aboutus:link, a.aboutus:active, a.aboutus:visited {
	height: 23px; 
	display: block; 
	width:66px;
	background: url(images/button_aboutus.jpg) 0px 0px no-repeat;
	}
	
a.aboutus:hover {
	background-position: 0px -23px;
	}
	
a.programs:link, a.programs:active, a.programs:visited {
	height: 23px; 
	display: block; 
	width:73px;
	background: url(images/button_programs.jpg) 0px 0px no-repeat;
	}
	
a.programs:hover {
	background-position: 0px -23px;
	}	
	
a.admissions:link, a.admissions:active, a.admissions:visited {
	height: 23px; 
	display: block; 
	width:81px;
	background: url(images/button_admissions.jpg) 0px 0px no-repeat;
	}
	
a.admissions:hover {
	background-position: 0px -23px;
	}	
	
a.inthemedia:link, a.inthemedia:active, a.inthemedia:visited {
	height: 23px; 
	display: block; 
	width:83px;
	background: url(images/button_inthemedia.jpg) 0px 0px no-repeat;
	}
	
a.inthemedia:hover {
	background-position: 0px -23px;
	}
	
a.contact:link, a.contact:active, a.contact:visited {
	height: 23px; 
	display: block; 
	width:60px;
	background: url(images/button_contact.jpg) 0px 0px no-repeat;
	}
	
a.contact:hover {
	background-position: 0px -23px;
	}
	
a.tellafriend:link, a.tellafriend:active, a.tellafriend:visited {
	height: 23px; 
	display: block; 
	width:100px;
	background: url(images/button_tellafriend.jpg) 0px 0px no-repeat;
	}
	
a.tellafriend:hover {
	background-position: 0px -23px;
	}
	
#container {
	background:url(images/containerbg.jpg) no-repeat top;
	min-height:500px;
	height: auto !important;
	height: 500px;
	width:864px;
	}
	
#content {
	width:824px;
	float:left;
	margin-left:18px;
	margin-right:38px;
	padding-top:20px;
	*padding-top:25px;
	height: 320px;
	}
	
#homeleft {
	width:404px;
	height:280px;
	float:left;
	}
	
#homeright {
	width:404px;
	height:280px;
	float:right;
	}

#videobutton {
	margin-top:7px;
	*margin-top:0px;
	}
	
#bookbutton {
	margin-top:2px;
	*margin-top:0px;
	}
	
#bottombuttons {
	width:824px;
	height:159px;
	margin-top:45px;
	margin-left:18px;
	margin-right:38px;
	float:left;
	padding-top:20px;
	*padding-top:20px;
	margin-bottom:60px;
	}
	
ul#bottom {
	margin-left:-40px;
	}

li.bottom {
	list-style-type:none;
	display:inline;
	float:left;
	}
	
a.logo:link, a.logo:active, a.logo:visited {
	height: 89px; 
	display: block; 
	width:208px;
	background: url(images/clearbrooklogo.jpg) 0px 0px no-repeat;
	}
	
a.logo:hover {
	background-position: 0px -89px;
	}
	
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index:2000;
     text-align:center;
	 background-color: #e3e3e3;
	 filter:alpha(opacity=60);
	 -moz-opacity: 0.65;
	 opacity:  0.65;
}


#lightbox{
	position: absolute;
	top: 190px;
	left: 0;
	width: 100%;
	z-index: 100;

	text-align: left;
	}

#outerContainer{
	position: relative;
	background-color: #fff;
	border: 1px solid #353535;
	width: 350px;
	height: 150px;
	margin: 0 auto;
	}

#innerContainer{
	
	font-family:Verdana;
	font-size:12px;
	color:#000000;	
}

.contentScroll {
	width:404px;
	height:280px;
	float:right;
	overflow: scroll;
	}
	
#media_picture {
  width: 404px;
  height: 280px;
  background: url(/images/media_pic_bkg.jpg) no-repeat;
  position: relative;
}

#media_picture img{
  display: block;
  position: absolute;
  top: 7px;
  left: 8px;
}