/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; outline: none; } /* Gets rid of IE's blue borders */

/* EOF RESET */
/* ----------------------------------------- */



/* LAYOUT */
/* ----------------------------------------- */

html{
	background-image: url(../images/bg_tiled.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

body{
text-align: center;
background: url(../images/bg.jpg) no-repeat center top ;
}

#wrap{
	margin: 0 auto;
	text-align: left;
	width: 970px;
}

#header{
	height: 400px;
	width: 970px;
}

h1#logo                                   {
	width: 850px;
	height: 250px;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 150px;
}

#navigation{
	float: left;
	width: 195px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
}

#content{
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
}

#footer{
	height: 200px;
	width: 939px;

	}
	#copyright{
	margin-left:420px;
	float:left;
	padding-top: 75px;
	padding-right: 60px;
	padding-bottom: 30;
	padding-left: 0;
	}
	#footer-links{float:left; padding-top: 100px; margin-left:50px;}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } 
div { position:relative } 
/* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */


/* EOF LAYOUT */
/* ----------------------------------------- */



/* TYPOGRAPHY */
/* ----------------------------------------- */

body{
color: #504f4b;
font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
font-size: 14px;
line-height: 22px;
}

p, h1, h2, h3{
margin: 0 0 20px 0;

}
p {font-size:12px;}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color:#873946;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

#copyright p {
margin: 0;
text-align: right;
font-size:11px;
	
}

.strong{
font-weight: bold;
}

a {
	color: #617E9A;
	line-height: 16px;
	text-decoration: none;
	}
a:hover{
	color: #a01a18;
	}
	
	
/*EOF TYPOGRAPHY*/ 
 /* ----------------------------------------- */
 
 
 
 /*NAV*/
 /* ----------------------------------------- */


#nav{
    position: relative;
    list-style-type: none;
	}

	#nav li {
	float: left;
	outline: none;
	text-indent: -9999px;
	}
	#nav li a{
	display: block;
	outline: none;
	width: 185px;
		}
		#nav li#home a {
		background: url(../images/home_btn.jpg) no-repeat 0 0;
		height: 60px;}	
		#nav li#home a:hover {
		background-position: 0px -60px;	}
		
		#nav li#schools a {
		background: url(../images/theSchools_btn.jpg) no-repeat 0 0;
		height: 62px;}
		#nav li#schools a:hover {
		background-position: 0px -62px;	}	
		
		#nav li#method a {
		background: url(../images/montessoriMethod_btn.jpg) no-repeat 0 0;
		height: 76px;}
		#nav li#method a:hover {
		background-position: 0px -76px;	}
		
		#nav li#ourDay a {
		background: url(../images/ourDay_btn.jpg) no-repeat 0 0;
		height: 61px;}
		#nav li#ourDay a:hover {
		background-position: 0px -61px;	}
		
		#nav li#parentZone a {
		background: url(../images/parentZone_btn.jpg) no-repeat 0 0;
		height: 61px;}
		#nav li#parentZone a:hover {
		background-position: 0px -61px;	}
		
		#nav li#links a {
		background: url(../images/links_btn.jpg) no-repeat 0 0;
		height: 61px;}
		#nav li#links a:hover {
		background-position: 0px -61px;	}
		
		#nav li#contact a {
		background: url(../images/contactUs_btn.jpg) no-repeat 0 0;
		height: 61px; }
		#nav li#contact a:hover {
		background-position: 0px -61px;	}
	
		
			#nav li ul{
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
			}
		
			
			#nav #subnav li a{
			font-family: Georgia, serif;
			font-size: 13px;
			height: 20px;
			text-indent: 30px;}		
				
				#nav li ul li#school_aboutUs,
				#nav li ul li#school_aboutUs a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px;
				}	
				#nav li ul li#school_aboutUs a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#school_staffProfile,
				#nav li ul li#school_staffProfile a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#school_staffProfile a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#school_gallery,
				#nav li ul li#school_gallery a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#school_gallery a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#school_openingTime,
				#nav li ul li#school_openingTime a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#school_openingTime a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#montessori_practicalLife,
				#nav li ul li#montessori_practicalLife a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#montessori_practicalLife a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#montessori_schoolValues,
				#nav li ul li#montessori_schoolValues a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#montessori_schoolValues a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#montessori_compareTraditional,
				#nav li ul li#montessori_compareTraditional a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#montessori_compareTraditional a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#parent_news,
				#nav li ul li#parent_news a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#parent_news a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#parent_webcam,
				#nav li ul li#parent_webcam a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#parent_webcam a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#parent_eventNursery,
				#nav li ul li#parent_eventNursery a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#parent_eventNursery a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#parent_eventPrimary,
				#nav li ul li#parent_eventPrimary a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#parent_eventPrimary a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#contact_feedback,
				#nav li ul li#contact_feedback a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#contact_feedback a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li ul li#contact_findUs,
				#nav li ul li#contact_findUs a {
				background: url(../images/subNavBullet_off.gif) no-repeat 0 7px; }	
				#nav li ul li#contact_findUs a:hover {
				background: url(../images/subNavBullet_on.gif) no-repeat 0 7px;}
				
				#nav li#girl{
				background: white url(../images/girl.jpg) no-repeat 0 0;
				display: block;
				height: 353px;
				width: 255px;
				margin-left: -40px;	
	
				}
				
			
			

			
			
			
			
			

body.home #nav li#home,
body.home #nav li#home a {background-position: 0px -60px;	}

body.schools #nav li#schools,
body.schools #nav li#schools a {background-position: 0px -62px;	}

body.method #nav li#method,
body.method #nav li#method a {background-position: 0px -76px;	}

body.ourDay #nav li#ourDay,
body.ourDay #nav li#ourDay a {background-position: 0px -61px;	}

body.parentZone #nav li#parentZone,
body.parentZone #nav li#parentZone a {background-position: 0px -61px;	}

body.links #nav li#links,
body.links #nav li#links a {background-position: 0px -61px;	}

body.contact #nav li#contact,
body.contact #nav li#contact a {background-position: 0px -61px;	}



 /*EOF NAV*/
/* Gallery -------------------------------------------------------------------- */

.gallery ul{
	list-style-type: none;
	padding: 0px;
	margin-left: 0px;
}

.gallery li {
	float:left;
	display:inline;

}

.gallery li a {
	float:left;
	width:90px;
	float:left;
	margin:5px;
	text-align:center;
	padding:6px;
	display:inline;
	position:relative;
	height: 90px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-right-color: #D8D0BE;
	border-bottom-color: #D8D0BE;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-left-color: #000000;
}
.gallery li a:hover{
	border: 1px none #000000;
}

#galleryNavigation ul{
	list-style-type: none;
	padding: 0px;
	margin-left: 0px;
}

#galleryNavigation li {
	float:left;
	display:inline;
	margin:5px;
	padding:6px;
	

}

#galleryNavigation li a {display:inline;  height: 50px;  }



/* Gallery End -------------------------------------------------------------------- */

/* Page numbers -------------------------------------------------------------------- */

.pages {
	clear: left;
	font-size: 85%;
	float: right;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}

.pages a, .pages span {
	display: block;
	float: left;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
}

.pages span.current {
	font-weight: bold;
	color: #fff;
	background-color: #498DC0;
}

.pages a {
	border: 1px solid #EEF2D8;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #517891;
	font-weight: normal;
}

.pages a:hover {
	color: #FFFFFF;
	background-color: #498DC0;
	font-weight: normal;
}

.pages a.nextprev {
	font-weight: normal;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
	border: 1px solid #EEF2D8;
	color: #999;
}

/* Page numbers END-------------------------------------------------------------------- */
/* parent area */
#loginManager{
	position:inherit;
	width: 300px;
	height: 20px;
	float: right;
	display: block;
	margin-top: 0;
	margin-right: 500;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
}
.loginForm form {
	text-align:center;
}

.loginForm input {
	text-align:center;
	font-size: 11px;
	padding: 6px;
	width:100px;
	color: #027FAD;
	border: 1px solid #CCC1BC;
	background-color: #FFFFFF;
}
/* News -------------------------------------------------------------------- */
.newsTitle{
	font-weight:bolder;
	margin-bottom: 15px;
}
.date {
	font-size: 0.8em;
	font-weight: normal;
	color: #557C7F;
}

/* News END-------------------------------------------------------------------- */
/* feedback -------------------------------------------------------------------- */
/*Form Style --------------------------------------*/

form {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

label {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	color: #717e9a;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

input {
	font-size: 11px;
	padding: 6px;
	width:350px;
	color: #027FAD;
	border: 1px solid #CCC1BC;
	background-color: #FFFFFF;
}

.contact_h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
	text-transform: uppercase;
	color: #5B9032;
	margin: 20px 0 10px 0;
	padding: 0 0 12px 0;
	width: 392px;
	font-weight: bold;
	border-bottom-color: #d1d2cd;	
}


textarea {
	font-size: 12px;
	padding: 4px;
	width:350px;
	height: 130px;
	font-family: Arial, Helvetica, sans-serif;
	color: #027FAD;
	background-color: #FFFFFF;
	border: 1px solid #CCC1BC;
}

		
.submitButton {
	font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding: 4px 6px;
	width: auto;
	background-color: #717e9a;
		}		
.submit input {
	width: 88px;
	padding: 4px 0 3px 0;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #717e9a;
	border: 1px solid #717e9a;
}

.fieldwrap	{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.required {color: #bc5a04;}

.submit{
	width: 88px;
	padding: 1px;
	margin: 10px 0 0 0;
	background-color: #717e9a;
}