body {
	background-color: #00236F;
}
body, td, th {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	font-weight:normal;
}
a, a:hover{
	color:#296DA4;
	font-weight: bold;
	outline: none;
	text-decoration:none;
}
	 a:hover{
	 	text-decoration:underline;
	 }

ul{
	padding-left:20px;
}
li{
	padding-left: 1px;
}
#wrap {
	width: 920px;
	margin:0px auto;
	background: url(img/wrap_bg.gif) repeat-y left top;
}
/*Website Header*/
	.header{
		width: 920px;
		height: 287px;
		background: url(img_gallery/header.jpg) no-repeat left top;
	}
	.header a, .header a:hover{
		width: 387px;
		height: 271px;
		padding: 16px 0 0 269px;
		display: block;
		outline: none; /*hide outline from firefox*/ 		
	}
		.header a span{
			position: absolute;
			left: -10000px;
		}
/*Yellow Bar*/
.yellow-bar{
	margin-top: 1px;
	padding-right: 10px;
	height: 52px;
	background: url(img/yellow-bg.gif) repeat-x left top;
	text-align: right;
}

/*Main Content*/
.main-content{
	margin: 0 11px;
}
	/*Main Menu*/
	.main-menu{
		height: 41px;
		padding: 7px 0 5px 6px;
		background: url(img/menu_bg.gif) no-repeat left top
	}
	
/*Box Container*/
.left-column{
	width: 474px;
	float: left;
}
	.home-content{
		background: url(img/home-cotent_bg.gif) no-repeat left top;
	}
	
	/*News*/
	.news{
		margin-top: 11px;
	}
	.latest-news{
		padding: 73px 16px 9px 20px; 
		background: url(img/latest-news-top_bg.gif) no-repeat left top;
	}
	.latest-news li{
		margin: 10px  10px 0 10px; 
		list-style-image: url(img/bullet.gif);
	}
		.latest-news li a,.latest-news li a:hover, .school-calendar li a, .school-calendar li a:hover{
			font-size: 14px;
			font-weight: bold;
			color: #4C82AF;
			text-decoration: underline;
			display: block;
		}
		.newscont{
			padding: 6px 0 0 10px;
		 }
 	.show-nws a, .show-nws a:hover{
		padding: 0 0 0 30px;
		font-size: 12px;
		font-weight: bold;
		color: #4C82AF;
		text-decoration: underline;
		display: block;
	}
	
	/*Nws Style*/ 
	.news-headline{
		height: 15px;
		padding: 17px 20px 29px;
		background: url(img/page_title.gif) no-repeat left top;
		font-family: Georgia, Arial, Helvetica, sans-serif;		
		font-size: 20px;
		font-weight: normal;
		color: #FFFFFF;
	}
	.read-more, .read-more:hover{
		color: #4C82AF;
	}
	.nws-title{
		color:#4C82AF;
		display:block;
		font-size:14px;
		font-weight:bold;
		text-decoration: none;
	}
	.nws-date{
		font-size: 10px;
		font-weight: bold;
		color: #000000;
	}
	.nw-sdesc{
		font-size: 11px;
		color: #000000;
		font-weight: bold;
	}

	/*Album Style*/
	.photo-title, .photo-title:hover, .post_comment a, .post_comment a:hover{
		color: #000000;
	}
	.table-info td{
		padding: 3px;
	}
	/*Departments Page*/
	.darkBorderBottom{
		border-bottom:1px solid #FFFFFF;
	}
	.dark{
		color:#FFFFFF;
		font-family:"Arial",Times,serif;
		font-size:9pt;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
		background: #0034A2;
	}
	.light{
		background: #D8BD00 none repeat scroll 0 0;
		color:#000000;
		font-family:"Arial",Times,serif;
		font-size:9pt;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
	}
		.lightBorderBottom {
			border-bottom:1px solid #FFFFFF;
		}
	
.right-column{
	width: 423px;
	margin-right: 1px;
	_margin-right: 0px;
	float: right;
}
	/*Vertical Menu*/
	.vertical-menu{
		padding: 9px 0 0 6px;
		background: url(img/vertical-menu_bg.gif) no-repeat left top;
	}
	.school-calendar{
		padding: 77px 42px 0 25px; 
		margin-top: 34px;
		background: url(img/school-calendar_bg.gif) no-repeat left top;
	}
		.school-calendar li{
			margin: 10px  10px 0 10px; 
			list-style-image: url(img/bullet.gif);
		}
		.school-calendar p{
			margin: 10px  10px 0 10px; 
		}
	.image-container{
		padding: 10px 0 15px 25px;
	}

/*Bottom Background*/
.bottom{
	background: url(img/bottom_bg.gif) no-repeat left bottom;
	height: 10px;
}

		/*Newsletter*/		
		.newsletter {			
			background: #8B7945 url(img/newsletter-bg.gif) repeat-x top left;
		}		
		.nwsl_title{
			padding:8px 5px 8px 9px;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			letter-spacing:-0.5px;
		}
		.subscribe_text {
			width:192px;
			margin-left:10px;
			height:18px;
			border:1px solid #413E34;
		}
		.subscribe_button {
			width:77px;
			height:23px;		
			margin:5px 10px 8px 10px;
			float:right;		
			cursor:hand;		
		}
		.subscribe_button2 {
			margin-right:10px;			
			width:80px;
			height:32px;
			border:0px;
			cursor:hand;
		}
		.subscribe_button3 {
			width:51px;
			height:24px;		
			margin:5px 10px 8px 0px;
			float:left;		
			cursor:hand;		
		}
		
		/*Form style*/
		
		.button {
			background:transparent url(img/send.jpg) repeat-x scroll left top;
			border:0px none;
			color:#FFFFFF;
			width:50px;
			height:21px;
		}
		.button_contact{
			margin-top:5px;
			margin-right:10px;			
			width: 58px;
			height: 32px;
			border:0px;
			cursor:hand;			
		}
		.txtform {
			width:250px;
			height:18px;
			padding:2px;	
			border:1px solid #403D33;
			font-family: Tahoma, Arial, Helvetica, sans-serif;		
			font-size:11px;
		}
		.txtarea {
			width:250px;
			border:1px solid #403D33;
			padding:2px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
		}

/*Footer*/
.footer{
	height: 80px;
	padding: 29px 0px 0px 15px;
	color: #A9B8D8;
	text-align: left;
	font-weight: normal;
	background: url(img/footer_bg.gif) no-repeat left top;
}
.footer a, .footer a:hover{
	color: #A9B8D8;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
}
.footer a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
.copyright{
	margin-top: 3px;
	color: #FFFFFF;
}


/* Clear Float Fix Problem */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
