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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
	color:#000;
	line-height: 22px;
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-color:#C2E1FE;
	text-decoration:none;
}

body p{
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

a img {border: none;}

/*
HEADERS TO GO HERE
*/

h1 {font-size:23px; color:#009; padding-bottom:15px;}
h2 {font-size:18px; color:#396; padding-bottom:15px;}
h3 {font-size:18px; color:#36F; padding-bottom:15px;}
h4 {font-size:18px; color:#009; padding-bottom:15px;}

/*
DIV ID'S TO GO HERE
*/

#wrapper {
 	margin-left: auto;
 	margin-right: auto;
 	width: 980px;
	margin-top:20px;
	background-color:#FFFFFF;
}

#spiral {
	width:980px;
	height:30px;
	float:left;
	background-image:url(images/BG_spiral.png);
	background-repeat:no-repeat;
}

#page {
	width:900px;
	padding: 0px 40px 0px 40px;
	background-image:url(images/BG_white.png);
	background-repeat:repeat-y;
	float:left;
}

#logo {
	width:630px;
	height:80px;
	float:left;
	padding-top:20px;
	display:inline;
}

#nav {
	width:870px;
	height:15px;
	float:left;
	background-image:url(images/BG_nav.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-top:8px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
}

#banner {
	width:900px;
	height:250px;
	float:left;
}

#content {
	width:610px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#news {
	width:230px;
	float:left;
	background-image:url(images/latest_news1.jpg);
	background-repeat:no-repeat;
	margin-top:25px;
	margin-left:20px;
	text-align:left;
	padding-left:10px;
	padding-top:20px;
}

#news2 {
	width:230px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	text-align:left;
	padding-left:10px;
	background-image:url(images/brookside%20logo%20faded%20small.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_left {
	width:610px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#content_right {
	width:720px;
	float:left;
	margin-top:20px;
}

#links {
	width:160px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}

#class_text {
	width:390px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#class_image {
	width:300px;
	float:left;
	margin-top:20px;
	text-align:center;
}

#parents_leftcol {
	width:200px;
	float:left;
	margin-top:20px;
	margin-right:30px;
	margin-left:20px;
}

#parents_midcol {
	width:200px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#parents_rightcol {
	width:200px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#calendar1 {
	width:240px;
	float:left;
	margin-left:0px;
	margin-top:20px;
}

#calendar2 {
	width:240px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#fullpage {
	width:900px;
	float:left;
	margin-top:20px;
}

#fullpage2 {
	width:900px;
	float:left;
	margin-top:20px;
}

#threecolumn1 {
	width:300px;
	float:left;
	margin-right:20px;
}

#threecolumn2 {
	width:280px;
	float:left;
	margin-right:20px;
}

#threecolumn3 {
	width:280px;
	float:left;
}

#fourcolumn1 {
	width:210px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fourcolumn2 {
	width:210px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fourcolumn3 {
	width:210px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fourcolumn4 {
	width:210px;
	float:left;
	margin-top:20px;
}

#fivecolumn1 {
	width:175px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fivecolumn2 {
	width:175px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fivecolumn3 {
	width:175px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fivecolumn4 {
	width:175px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#fivecolumn5 {
	width:120px;
	float:left;
	margin-top:20px;
}

#contacts1 {
	width:145px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#contacts2 {
	width:155px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#contacts3 {
	width:230px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#contacts4 {
	width:300px;
	float:left;
	margin-top:20px;
}

#contacts5 {
	width:560px;
	float:left;
}

#calendar_image {
	width:260px;
	float:left;
	margin-top:20px;
}

.photograph1 {
	width:440px;
	float:left;
	margin-top:20px;
	margin-right:10px;	
}

.photograph2 {
	width:440px;
	float:left;
	margin-top:20px;
	margin-left:10px;	
}

.phototext1 {
	width:900px;
	float:left;
	margin-top:20px;
	margin-right:10px;	
}

#bottom {
	width:980px;
	height:30px;
	float:left;
	background-image:url(images/BG_footer.jpg);
	background-repeat:no-repeat;
}

#footer {
	clear:both;
	float:left;
	width:870px;
	height:20px;
	text-align:center;
	background-image:url(images/BG_nav.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-top:8px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
}

.picture1 {
	width:160px;
	height:220px;
	float:left;
	margin-top:20px;
	margin-right:30px;
	text-align:center;
}

.caption1 {
	width:280px;
	height:220px;
	float:left;
	margin-top:20px;
	text-align:left;
}

.picture2 {
	width:160px;
	height:220px;
	float:left;
	margin-top:20px;
	text-align:center;
}

.caption2 {
	width:270px;
	height:220px;
	float:left;
	margin-top:20px;
	text-align:left;
}

/*
CLASSES TO GO HERE
*/

.navigation {font-size:15px; color:#69F; padding-right:20px; text-decoration:none; font-weight:bold;}
a.navigation:link {color: #FFF; font-size:15px; padding-right:20px; text-decoration: none; font-weight:bold;}
a.navigation:active {color: #FFF;}
a.navigation:visited {color: #FFF;}
a.navigation:hover {color:#69F;}

.foot {font-size:15px; color:#69F; padding-right:8px; padding-left:8px; text-decoration:none; font-weight:bold;}
a.foot:link {color: #FFF; font-size:15px; text-decoration: none; font-weight:bold;}
a.foot:active {color: #FFF;}
a.foot:visited {color: #FFF;}
a.foot:hover {color:#69F;}


.newsfont {font-size:15px; color:#396; text-decoration:none; font-weight:bold; line-height:15px; padding-top:8px;}
.newstitle {font-size:15px; color:#009; text-decoration:none; font-weight:bold; line-height:10px;}
a.newsfont:link {color:#36F;}
a.newsfont:active {color: #36F;}
a.newsfont:visited {color: #36F;}
a.newsfont:hover {color:#009;}

.leftlinks {font-size:15px; color:#009; text-decoration:none; font-weight:bold;}
a.leftlinks:link {color:#36F; font-size:15px; text-decoration:none; font-weight:bold;}
a.leftlinks:active {color: #36F;}
a.leftlinks:visited {color: #36F;}
a.leftlinks:hover {color:#009;}

.link {font-size:14px; color:#000; text-decoration:none; border-bottom:1px dotted #000;}
.link:hover {color:#36F; border-bottom:1px dotted #36F;}

.enq {width:300px; height:17px; font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:13px; padding-left:3px;}
.enq2 {width:300px; height:50px; font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:13px; padding-left:3px; padding-top:3px;}