@charset "utf-8";
/* CSS Document */

body {
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 20px;
	background: url(../images/bg.gif) repeat #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: none;
}

.site {
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}
.footer {
	font-size:11px;
	color:#FFF;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height:50px;
	padding-bottom:3px;
}

.footerINFO {
	font-size:12px;
	color:#CCCCCC;
	margin: 0 auto;
	overflow: hidden;
	height:50px;
	padding-bottom:3px;
}

.above_divide{
	border-top:1px dotted #D8D8D8;
	border-bottom:1px dotted #D8D8D8;	
	margin-bottom:10px;
	padding-top:14px;
	padding-left:14px;
	height:30px;
	font-family: Arial, Tahoma, "Trebuchet MS", Verdana;
	font-size:11px;
	color: #333;
}

.content{
	width:100%;
	background-color:#FFFFFF;
	float:left;
	margin-left:1px;
	padding-top:14px;
	padding-left:14px;
	padding-bottom:20px;
	font-size:12px;
	color: #000;
}

.logo {float:left; margin:0px; padding:0px; width:700px; height:157px; background:url(../images/logo.gif); border:0 0 0 0;}
.bus {float:right; padding-right:21px; width:229px; height: 157px; background:url(../images/school_bus.png);}

/* -------------------------------  navigation menu */

#menu{
	float:left;
	width:100%;
	margin-top:-3px;
	margin-left:1px;
	padding-left:10px;
	background: #FFF;
	text-transform:uppercase;
}

#menu ul
{
  margin: 0px -5px 0px 0px;
  text-transform:uppercase;
} 

#menu li
{ float: left; 
  margin: 0px -10px 0px 0px; 
  padding: 0px;
  list-style: none;

} 

/* ------------------------------- drop down menu */

.dropz{
width: 100%;
margin-left:0px;
}

.dropz:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.dropz ul{
width: 100%;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.dropz ul li{
display: inline;
}

.dropz ul li a{
color: #0054a6;
margin: 0;
text-decoration: none;
}

.dropz ul li a:hover, .dropz ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #6dcff6; /*THEME CHANGE HERE*/
/*border-top-width: 0;*/
font:normal 12px helvetica, Arial, sans-serif;
font-weight: bold;
line-height:18px;
z-index:100;
background:#FFF ;
width: 150px;
visibility: hidden;

}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 0px solid #FFF; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #0054a6;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #6dcff6;
}

#left_side{
	float:left;
	width:450px;
	margin-top:0px;
	margin-right:1px;
	padding-left:14px;
}

<!------- index page ------------------>
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
	background:#fff;
}

#left {
	float: left;
	width: 200px;
}

#right {
	float: right;
	width: 340px;
}

#content { 
	float: left;
	width: 43%;
}

 
#left_side-gallery{
	float:left;
	width:650px;
	margin-top:0px;
	margin-right:1px;
	padding-left:14px;
}

#summer_fun{
	float:left;
	width:910px;
	margin-top:0px;
	margin-right:1px;
}

#right_side{
	float: right;
	width:350px;
	margin-top:8px;
	margin-right:1px;
	padding-right:50px;
}

#right_side-gallery{
	float: right;
	width:150px;
	margin-top:8px;
	margin-right:1px;
	padding-right:50px;
}

.gallery-list{
	font-size:14px;
	font-weight:bold;	
}

.bottom{
	float:left;
	width:100%;
	background: url(../images/bottom.png) no-repeat;
	height:40px;
}


/* ------------------------------- Calendar */

.calendar-blurb{
	float:left;
	margin-bottom:10px;
	width:100%;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight:bold;
}

.calendar-date{
	width:100%;
	float:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
}

.calendar-todays-date{
	background: #DDF5FF;
}

/* ------------------------------- Posts */

.post-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	margin-left:4px;
	margin-bottom:5px;
}

.post-date{
	text-transform:uppercase;
	font-size:11px;
	color:#999999;
	margin-left:4px;	
	margin-bottom:3px;
	padding-top:20px;
}

.post-by{
	font-size:11px;
	color: #999999;
	text-transform:uppercase;
	padding-bottom:20px;
	border-bottom: dotted 1px #CCCCCC;	
	margin-left:4px;
}

.post-content{
	font-size:12px;
	color:#000;
	margin-bottom:5px;
	margin-left:4px;
}
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 20%;
			left: 30%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}