/* CSS Document - chantlers pre-school */
/* Text */
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-align: left;
margin: 0px;
padding: 0px;
line-height: 18px;
}
p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: justify;
margin: 10px 10px 10px 15px;
padding: 0px 65px 0px 0px;
line-height: 18px;
background: #transparent;
color: #222;
}
h2 {
font-family: Verdana, Geneva, Arial, Helvetica, 	sans-serif;
font-size: 16px;
font-weight:700;
text-align: left;
margin: 20px 0px 0px 15px;
padding: 0px 25px 0px 0px;
line-height: 22px;
background: #transparent;
color: #111; 
}
h3 {
font-family: Verdana, Geneva, Arial, Helvetica, 	sans-serif;
font-size: 20px;
font-weight:700;
text-align: left;
margin: 0 0 0 15px;
padding: 0 0 0 0px;
line-height: 16px;
background: #transparent;
color: #3c61af; 
}
h4 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
width:350px;
margin: 0px;
padding: 0px 0px 0px 15px;
line-height: 18px;
background: #transparent;
color: #111; 	
}
h5 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
text-align: left;
width:350px;
margin: 10px 10px 10px 15px;
padding: 0px 65px 0px 0px;
line-height: 18px;
background: #transparent;
color: #222;
}

/* Divs */
#ContainerDiv{
	margin: 0 auto;
	width:950px;
	height:100%;
	position: relative;
	background-image:url(../images/chantlersPreschool_bgrd.png);
	background-repeat:repeat-y;
}
#Headerdiv{
	margin: 0 auto 0 auto;
	width:850px;
	height:21px;
	background-image:url(../images/chantlersPreschool_rbtop.png);
	background-repeat:repeat-x;
}
#TopGraphic{
	margin: 0 auto 0 auto;
	width:850px;
	height:264px;
	background-image:url(../images/chantlersPreschool_Header01.jpg);
	background-repeat:no-repeat;
}
#MainContent{
	margin: 0 0 0 50px;
	width:850px;
	height:100%;
}
#LeftContent{	
	margin:0 0 1px 0px;
	padding:1px 1px 40px 40px;
	width:55%;
	height:100%;
	background-color:#fff;
	border:#666 0px solid;
}
#RightContent{
	position:relative;
	height:100%;
	Float:right;
	padding:0 0 40px 50px ;
	width:37%;
	background-color:#fff;
	border:#666 0px solid;	
}
#RightContent{
	height:100%;
	padding:10px 0 0 0 ;
	border:#666 0px solid;	
}
#FooterDiv{
	margin: 0 auto 0 auto;
	width:850px;
	height:33px;
	background-image:url(../images/chantlersPreschool_rb.png);
	background-repeat:repeat-x;	
}
.Clear{
	clear:both;
	min-height:1px;
	width:100%;
}

/* DetailDivs*/
#contactsMap{
	margin: 0 0 0 90px;
	border:#666 0px solid;
}
#facebookLink{
	margin: 5px 0 0 15px;	
}


/* Top Navigation */
#navcontainer {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0 0 0 50px;
width: 850px;
height: 25px;
text-align: left;
background-color:#2b5fd1;
}
#navlist {
width: 100%;
text-align: left;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
list-style-type: none;
}
#navlist li{
padding: 0px 0px 0px 0px;	
margin: 0px;
text-indent: 0px;
display: inline;
}
#navlist li a{
letter-spacing: 0px;
text-decoration: none;
color: #fff;
font-size: 14px;
padding: 0px 7px 0px 2px;
border-right: 1px dotted #fff;
}
#navlist li a:hover,#navlist #current {
color: #0ac9fd;
font-size: 14px;
}
#navlist a #current { color: #b9d532; font-weight: bold;
}



/* Bottom Navigation */
#navcontainerBottom {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0 0 0 50px;
width: 850px;
height: 25px;
text-align: left;
background-color:#fff;
}
#navlistBottom {
width: 100%;
text-align: left;
margin: 0 17% 0 17%;
padding: 0px 0px 0px 0px;
text-indent: 0px;
list-style-type: none;
}
#navlistBottom li{
padding: 0px 0px 0px 0px;	
margin: 0px;
text-indent: 0px;
display: inline;
}
#navlistBottom li a{
letter-spacing: 0px;
text-decoration: none;
color: #3c61af;
font-size: 12px;
padding: 0px 7px 0px 2px;
border-right: 1px dotted #3c61af;
}
#navlistBottom li a:hover{
color: #333;
font-size: 12px;
}



/* HyperLinks */
#navlistlinks
{	
width: 100%;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
list-style-type: none;
}
#navlistlinks li
{
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 10px;
text-indent: 0;
display:inline;
}
#navlistlinks li a
{
letter-spacing: 0px;
text-decoration: none;
color: #3d64af;
font-size: 15px;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 10px;
}
#navlistlinks li a:hover,#navlist
{
color: #222;
border-top: none;
font-size: 15px;
}
#navlistlinks a#current { 
color: #000; 
}

/* Navigation Links - faqs page */

#navcontainerfaq
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 5px;
padding: 5px 0px 5px 0px;
width: 400px;
}
#navlistfaq
{
width: 100%;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#navlistfaq li
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-indent: 0;
display: block;
}
#navlistfaq li a
{
letter-spacing: 0px;
text-decoration: none;
color: #3d64af;
font-size: 15px;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 10px;
}
#navlistfaq li a:hover,#navlist
{
color: #222;
border-top: none;
font-size: 15px;
}
#navlistfaq a#current { color: #000; }





/* Navigation Links - hyper links*/
#navcontainerhyp
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px -5px;
padding: 0px 0px 5px 0px;
width: 400px;
}
#navlisthyp
{
width: 100%;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
text-indent: 0px;
list-style-type: none;
}
#navlisthyp li
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#navlisthyp li a
{
letter-spacing: 0px;
text-decoration: none;
color: #3d64af;
font-size: 13px;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 10px;
}
#navlisthyp li a:hover,#navlist
{
color: #222;
border-top: none;
font-size: 13px;
}



/* LightBox */
#lightbox{	
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align:center;
line-height: 0;
}

#lightbox img{
width: auto;
height: auto;
}

#lightbox a img{
border: none; 
}

#outerImageContainer{ 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}

#imageContainer{
padding: 10px; }

#loading{ 
position: absolute;
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}

#hoverNav{ 
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{ 
left: 0;
}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
left: 0; 
float: left;
}
#nextLink { 
right: 0; 
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 
line-height: 1.4em;
overflow: auto; 
width: 100%	;
}
#imageData{
padding:0 10px;
color: #666;
}
#imageData #imageDetails{ 
width: 70%;
float: left; 
text-align: left;
padding-bottom:10px;
}
#imageData #caption{ 
font-weight: bold;	
}
#imageData #numberDisplay
{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}
#imageData #bottomNavClose{ 
width: 66px; 
float: right; 
padding-bottom: 0.7em; 
outline: none;
}	 	
#overlay{
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #2b60c6; 
}



/* LightBox thumbs */

.thumbnail {
padding: 3px;
background-color: #e8e8e8;
border:thin dashed #999;
float: left;
margin: 0 10px 10px 12px;
}	

.caption{
font-size: 0.9em;
padding-top: 0.2em ;
}