body { background-color: #9fd5bd; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align: center}
h1,h2,h3,ul,li,p { margin: 0; padding: 0; }
img { border: 0; }
a { color: #f0769f; text-decoration: none; outline: none; }
#wrapper { width: 931px; margin: 0 auto; }
#top { background: url(../images/bgTop.jpg) 0 0 no-repeat; width: 931px; height: 15px; line-height: 0; font-size: 0; }
#middle { background: url(../images/bgMiddle.jpg) 0 0 repeat-y; }
#container { text-align: left; width: 793px; margin: 0 auto; padding-bottom: 40px; }
#header { width: 100%; overflow: hidden; }
#header-left { float: left; width: 100px; }
#header-right { float: left; width: 693px; }
#logo{ background: url(../images/345_logo.gif) 0 0 no-repeat; display: block; width: 100px; height: 105px; text-indent: -999999px; }
#schoolname { background: url(../images/345_nursery_school.gif) 0 0 no-repeat; display: block; width: 288px; height: 93px; text-indent: -999999px; }
#bottom { background: url(../images/bgBottom.jpg) 0 0 no-repeat; width: 931px; height: 15px; line-height: 0; font-size: 0; }
#nav { font-size: 11px; width: 100%; overflow: hidden; }
#nav ul { list-style: none; }
#nav ul li { display: block; float: left; background: url(../images/nav_icon.gif) 0 0 no-repeat; width: 115px; height: 33px; line-height: 33px; }
#nav ul li a { color: #000; text-transform: uppercase; margin-left: 33px; width: 80px; display: block; }
#nav ul li a:hover, #nav ul li a.current { color: #f0769f; }
#nav ul li.prospectus { line-height: 12px !important; padding-top: 5px; }
#nav ul li.prospectus a { margin-left: 25px; width: 85px; }
#nav ul li.parents-area { line-height: 12px !important; padding-top: 5px; }
#three-col { margin-top: 10px; width: 100%; overflow: hidden; background: url(../images/green_bird.gif) bottom right no-repeat; }

#three-col #left-col { width: 590px; float: left; }
#three-col #right-col { width: 200px; float: left; }
#three-col-wrapper { width: 100%; overflow: hidden; }
#three-col #content { width: 460px; float: left; }
#three-col #photos { width: 100px; float: left; margin-right: 30px; } 
#three-col #photos img { margin-bottom: 10px;}
#three-col #downloads { width: 100%; overflow: hidden; margin-top: 27px; }
#three-col #prospectus, #three-col #enrolment { float: left; padding-right: 20px; padding-bottom: 10px; }
.download-icon { display: block; background: url(../images/download_icon.gif) 0 0 no-repeat; width: 80px; height: 85px; text-indent: -999999px; margin: 0 33px 5px 0; }
.download-icon-2to3 { display: block; background: url(../images/download_icon_2_to_3.gif) 0 0 no-repeat; width: 80px; height: 85px; text-indent: -999999px; margin: 0 33px 5px 0; }
#three-col h1, #two-col h1 { width: 210px; height: 24px; line-height: 24px; background-color: #9fd5bd; color: #fff; font-size: 12px; font-weight: normal; padding-left: 10px; }
#three-col p { line-height: 20px; width: 300px; margin-top: 15px; }
#testimonial { color: #f0769f; font-size: 16px; margin-top: 30px; line-height: 22px; }
#two-col { margin-top: 10px; background: url(../images/green_bird.gif) bottom right no-repeat; }

body.gallery-page #two-col { background: transparent;} /* remove bird in bottom right on gallery page */
body.parents #two-col { background: transparent;} /* remove bird in bottom right on gallery page */

#two-col #left-col { width: 100px; float: left; margin-right: 30px; }
#two-col #right-col { width: 660px; float: left; }
#two-col #left-col-sub { width: 220px; float: left; margin-right: 15px; }
#two-col #right-col-sub { width: 425px; float: left; }
#two-col #photos { width: 100px; float: left; margin-right: 30px; } 
#two-col #photos img { margin-bottom: 10px;}
#two-col h2 { width: 220px; height: 24px; line-height: 24px; background-color: #f0769f; color: #fff; font-size: 12px; font-weight: normal; text-align: center; margin-top: 10px; }
#two-col ul { margin: 10px 0; font-size: 11px; }
#two-col li { display: block;  padding: 3px 0; }
#gallery-blurb p { line-height: 20px; margin-top: 15px; }
#photo-scroller { width: 100%; overflow: hidden; }
#main-photo { width: 425px; height: 337px;  position: relative }
#prev-button { display: block; width: 38px; height: 28px; text-indent: -999999px; position: absolute; top: 155px; left: -24px; background: url(../images/prev_button.jpg) 0 0 no-repeat; }
#next-button { display: block; width: 38px; height: 28px; text-indent: -999999px; position: absolute; top: 155px; right: -26px; background: url(../images/next_button.jpg) 0 0 no-repeat; }
#photo-scroller { margin-top: 10px; }
#photo-scroller .thumbs { padding-top: 10px; height: 100px;}
#photo-scroller .thumbs img.photo { display: block; float: left; margin-right: 5px; }
#photo-scroller .thumbs a img.photo { padding: 4px; background: #f2f2f2;}

#photo-scroller .thumbs a:hover img.photo { background: #F0769F;}


#dates-box { background-color: #f0769f; padding-bottom: 10px; }
#dates { margin: 0 10px 0 10px;  }
#dates-wrapper { padding-bottom: 10px; }
#dates-wrapper { text-align: center; background: #fff url(../images/dates_icon.gif) 3px 3px no-repeat; }
#dates-wrapper p { padding: 10px 0; font-size: 11px; }
#gallery-box { background-color: #9fd5bd; color: #fff; margin-bottom: 10px; }
#gallery-box p { padding: 5px 20px; }
#gallery-box span { padding-left: 22px; }
#gallery-box img { float: left; margin-right: 10px;}
#gallery { width: 415px; overflow: hidden; padding: 10px 0 0 10px; }
#gallery .photo { float: left; }
#gallery .photo a { background-color: #FCFCFC; width: 122px; height: 138px; display: block; text-indent: -999999px; margin-left: 10px; }
#news-box {  margin-top: 10px; }
#news-box .news { background: #F6FCFC url(../images/news_icon.gif) 175px 5px no-repeat; width: 205px; height: 215px; float: left; border: 1px solid #9fd5bd; }
.news h3 { padding: 10px; }
.news p { padding: 0 10px 10px 10px; }
.news1 { margin-right: 11px; }
#footer { font-size: 9px; width: 590px; overflow: hidden; float: left; }
#footer .left { width: 100px; float: left; }
#footer .right { width: 460px; float: left; }
#splash { text-align: center; padding: 90px 0; font-size: 22px; line-height: 30px; }
#splash-graphic a { background: url(../images/345_loading.gif) 0 0 no-repeat; width: 685px; height: 197px; margin: 0 auto; text-indent: -999999px; display: block; }
#splash p { margin: 20px 0 30px 0; }
.pink { color: #f0769f; }
.green { color: #9fd5bd; }
.clearfix:after { content:"."; display:block;	height:0;	clear:both; visibility:hidden; font-size: 0; line-height: 0; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


iframe {border: 0; overflow: hidden; padding: 0; margin: 0;}