﻿#Wrapper
{
	width: 1000px;
	margin: 0 auto 10px auto;
	padding-bottom: 20px;
	background-color: #F3F2EF;
	color: #333333;
}
		#Header
		{
			height: 112px;
			background-image: url(../images/header_bg.jpg);
			background-repeat: repeat-x;
		}
				#Logo
				{
					width: 341px;
					height: 66px;
					margin: 17px 0 0 17px;
					float: left;
				}
				#HeaderRight
				{
					margin: 20px 10px 0 0;
					float: right;
				}
						#Search
						{
							text-align: right;
						}
								.btnSearch
								{
									width: 73px;
									height: 21px;
									margin-left: 5px;
									background: url(../images/btn_search_bg.jpg);
									border: none;
									color: #FFFFFF;
									font-size: 12px;
									font-weight: bold;
								}
								.SearchWatermark
								{
									background: url(../images/tb_bg.jpg) repeat-x;
									color: #7B7B7B;
									font-size: 12px;
								}
						#QuickLinks
						{
							margin-top: 20px;
							color: #A1A1A1;
							font-size: 8px;
						}
								#QuickLinks a
								{
									color: #A1A1A1;
									text-decoration: none;
									font-size: 12px;
									font-weight: normal;
								}
										#QuickLinks a:hover
										{
											color: #800000;
										}
								.QuickLinksDivider
								{
									padding: 0 5px;
									vertical-align: middle;
								}
		
		#Navigation
		{
		}
							
		#MainImage
		{
			width: 1000px;
			height: 307px;
		}
		
		#ColumnWrap
		{
			margin-top: 19px;
		}
/***************Home Page Styles***********************************************************/
				#LeftCol
				{
					width: 252px;
					float: left;
					margin-left: 30px;
				}
						#HeadmastersMessage
						{
							width: 100%;
						}
								#HeadmasterImage
								{
									float: left;
									margin-left: -15px;
								}
								#HeadmasterCopy
								{
									float: left;
									width: 160px;
									margin-left: 10px;
									font-family: Georgia;
									color: #333333;
									font-size: 11px;
									line-height: 18px;
								}
										#HeadmasterCopy img
										{
											margin: 10px 0 15px -25px;
										}
						#SchoolCalendar
						{
							width: 100%;
						}
								#CalendarImage
								{
									float: left;
									margin: 20px 0 0 -10px;
								}
								#CalendarCopy
								{
									float: left;
									width: 160px;
									margin-left: 10px;
									font-family: Georgia;
									color: #333333;
									font-size: 11px;
									line-height: 18px;
								}
										#CalendarCopy img
										{
											margin-bottom: 15px;
										}
				
				
				#CentreCol
				{
					width: 358px;
					float: left;
					margin-left: 33px;
				}
						/**News Styles**/
						.NewsThumbWrap
						{
							border: 1px solid #D6D7D7;
							background-color: #FFFFFF;
							padding: 5px;
							margin-right: 10px;
						}
								.NewsThumb
								{
								}
/**************END Home Page Styles*************************************************/

/***************Internal Pages Styles***********************************************************/
				#InternalNavigation
				{
					float: left;
					width: 220px;
					margin-left: 18px;
				}
						.Level2ItemsWrap
						{
							margin-top: 10px;
						}
								.Level2NavItem
								{
									padding: 6px 0 0 10px;
									width: 214px /*220px*/;
									height: 22px /*32px*/;
									background: #800000 url(../images/internal_nav_white_arrow_right.gif) no-repeat right;
									display: block;
									color: #FFFFFF;
									border-bottom: 2px solid #E0E0E0;
								}
										.Level2NavItem_Selected
										{
											padding: 6px 0 0 10px;
											width: 214px /*220px*/;
											height: 22px /*32px*/;
											background: #800000 url(../images/internal_nav_white_arrow_down.gif) no-repeat right;
											display: block;
											color: #FFFFFF;
											border-bottom: 2px solid #E0E0E0;
										}
						.Level3ItemsWrap
						{
							background-color: #E0E0E0;
							width: 184px /*224px*/;
							padding: 10px 20px;
						}
								.Level3NavItem
								{
									color: #656565;
									padding: 5px 0;
									display: block;
								}
										.Level3NavItem_Selected
										{
											color: #800000;
											padding: 5px 0;
											display: block;
										}
				#MainContent
				{
					width: 420px;
					float: left;
					margin-left: 30px;
				}
/***************END Internal Pages Styles***********************************************************/

/***************News Article Styles***********************************************************/
#ArticleColumn
{
	float: left;
	width: 634px;
	margin-left: 23px;
}
		#ArticleImage
		{
		}
				#ArticleImage img
				{
					margin: 0 15px 15px 0;
				}
		#ArticleText
		{
		}
/***************END News Article Styles***********************************************************/
				
/***************Right Column (Featured) Styles***********************************************************/
				#RightCol
				{
					width: 292px;
					float: right;
					font-family: Georgia;
				}
						#RightCol a:hover
						{
							text-decoration: underline;
						}
						#RedBox
						{
							background-color: #800000;
							padding: 18px;
							width: 256px /*292px*/;
							margin-top: 41px;
							color: #FFFFFF;
						}
								#RedBox a
								{
									color: #FFFFFF;
									font-weight: bold;
								}
						.GreyBox
						{
							background-color: #E2E1DF;
							padding: 18px;
							width: 256px /*292px*/;
							margin-top: 20px;
							color: #737473;
						}
								.GreyBox a
								{
									color: #737473;
									font-weight: bold;
								}
/***************END Right Column (Featured) Styles***********************************************************/

#Footer
{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
}
		#Submarine
		{
			width: 100%;
			text-align: right;
		}
				#Submarine a
				{
					color: #FFFFFF;
					font-weight: normal;
					font-size: 11px;
				}
						#Submarine a:hover
						{
							color: #800000;
						}