/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Georgia, Times New Roman Serif; border:none;}

a img,:link img,:visited img { border:none; }F

address { font-style:normal }

body { background-color:#C6D4BD; font: Georgia, Times New Roman Serif; font-size:0.625em; margin: 0px; padding: 0px 0 20px 0; text-align:center; color:#000000;}

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

#container {position:relative; width:955px ; margin: 0px auto 0px auto ; text-align:left; }

/* ---------------------------- */
/* ----- Home Header Style ---- */
/* ---------------------------- */

#header {float:left; width:955px; height:130px; background-image:url(images/ouat-header.jpg); background-repeat:no-repeat; position:relative;}
#header h1 {font-family:Times New Roman, Serif; font-size:3.2em; color:#92C5A3; font-weight:normal; position:absolute; top:69px; left:302px;}
#header h2 {font-family:Times New Roman, Serif; font-size:1.8em; color:#92C5A3; font-weight:normal; position:absolute; top:81px; left:452px;}

#content {background-image:url(images/ouat-background.jpg); width:955px; float:left; position:relative; min-height:485px; height:auto !important; height:485px; z-index:1;}

#navBar001  {float:left; padding:5px 0 0 8px; z-index:100;}
#navBar001 ul { margin-bottom:13px;}
#navBar001 li {width:160px; font-size:1.4em; line-height:1.7em; border-bottom:1px solid #FFFFFF;}
#navBar001 li a {color:#437955; padding-left:14px; padding-right:26px;}
#navBar001 li a.current {color:#946E00; background-image:url(images/ouat-butterfly.gif); background-repeat:no-repeat; background-position:top right;}
#navBar001 li a:hover {color:#946E00; background-image:url(images/ouat-butterfly.gif); background-repeat:no-repeat; background-position:top right;}
#navBar001 #contact-panel {width:165px; height:129px; background-image:url(images/ouat-contact-panel.gif); background-repeat:no-repeat;}
#navBar001 #contact-panel h3 {font-size:1.4em; color:#FFFFFF; line-height:1.4em; padding:13px 0 0 10px; font-weight:normal;}
#navBar001 #contact-panel span {font-size:19px;}

.image-home {position:absolute; bottom:0px; right:0px;}
.image-staff {position:absolute; top:100px; right:0px;}
.image-activities {position:absolute; top:46px; right:44px;}
.image-keyworker {position:absolute; top:50px; right:50px;}
.image-first-day {position:absolute; top:60px; right:0px;}
.image-curriculum {position:absolute; top:60px; right:0px;}
.image-ofsted {position:absolute; top:278px; right:171px;}
.image-babies {position:absolute; top:60px; right:80px;}
.image-preschool { position:absolute; top:76px; right:44px;}
.image-tweenies {position:absolute; top:120px; right:30px;}
.image-fees {position:absolute; top:80px; right:40px;}
.image-find-us {position:absolute; top:180px; right:170px;}
.image-contact {
	position:absolute;
	top:55px;
	right:110px;
}

#copy h4 {font-size:1.6em; color:#946E00; border-top:1px solid white; border-bottom:1px solid white; font-weight:normal; padding:5px 0 5px 0; width:380px; margin-bottom:25px;}
#copy h5 {font-size:1.4em; color:#54744C; font-weight:normal; padding:5px 0 5px 0; width:400px; }
#copy p {font-size:1.2em; width:360px; font-family:Arial, Helvetica, Sans-Serif; color:#000000; line-height:1.6em; padding-bottom:10px;}
#copy a {color:#8271A4; font-family:Arial, Helvetica, Sans-Serif; font-size:1.2em; font-weight:bold; line-height:1.6em; text-decoration:underline;}
#copy ul { margin-bottom:15px;}
#copy li {background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:10px; font-size:1.2em; font-family:Arial, Helvetica, Sans-Serif; color:#000000; line-height:1.6em; }
#copy p.full-width {width:330px;}


#copy-contact h4 {font-size:1.6em; color:#946E00; border-top:1px solid white; border-bottom:1px solid white; font-weight:normal; padding:5px 0 5px 0; width:300px; margin-bottom:25px;}
#copy-contact h6 {color:#AA92A3; font-family:Arial, Helvetica, Sans-Serif; font-size:1.4em; font-weight:bold; line-height:1.6em;}
#copy-contact p {font-size:1.2em; width:380px; font-family:Arial, Helvetica, Sans-Serif; color:#000000; line-height:1.6em; padding-bottom:10px;}
#copy-contact a {color:#AA92A3;}
#copy-contact a:hover {text-decoration:underline;}

.staff {position:relative; float:left; background-image:url(images/ouat-label-staff.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px; width:700px;}
.activities {position:relative; float:left; background-image:url(images/ouat-label-activities.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.facilities {position:relative; float:left; background-image:url(images/ouat-label-facilities.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.keyworker {position:relative; float:left; background-image:url(images/ouat-label-keyworker.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.first-day {position:relative; float:left; background-image:url(images/ouat-label-first-day.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.curriculum {position:relative; float:left; background-image:url(images/ouat-label-curriculum.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.ofsted {position:relative; float:left; background-image:url(images/ouat-label-ofsted.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.babies {position:relative; float:left; background-image:url(images/ouat-label-babies.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.preschool {position:relative; float:left; background-image:url(images/ouat-label-preschool.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.tweenies {position:relative; float:left; background-image:url(images/ouat-label-tweenies.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.fees {position:relative; float:left; background-image:url(images/ouat-label-fees.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.find-us {position:relative; float:left; background-image:url(images/ouat-label-find-us.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}
.contact {position:relative; float:left; background-image:url(images/ouat-label-contact.gif); background-repeat:no-repeat; background-position:30px 25px; padding:70px 0 30px 30px;}

.copy-header {width:370px; height:100px; float:none;}

#copy-left {width:270px; float:left; padding-right:100px;}
#copy-left h4 {width:235px; margin-bottom:10px;}
#copy-left p {width:260px;}
#copy-left img {padding:0 10px 10px 0;}

#copy-right {width:270px; float:left; padding-right:100px;}
#copy-right h4 {width:235px; margin-bottom:10px;}
#copy-right p {width:260px;}
#copy-right img {padding:0 10px 10px 0;}


#copy-staff-top-left {width:300px; float:left; margin:10px 40px 10px 0;}
#copy-staff-top-left h2 {font-size:1.4em; font-weight:normal; color:#946E00; width:140px; float:left;}
#copy-staff-top-left h3 {font-size:1.2em; font-weight:normal; color:#AA92A3; width:140px; float:left;}
#copy-staff-top-left img {float:left; padding:0 10px 10px 0;}

#copy-staff-top-right {width:300px; float:left; margin:10px 0px 10px 0;}
#copy-staff-top-right h2 {font-size:1.4em; font-weight:normal; color:#946E00; width:140px; float:left;}
#copy-staff-top-right h3 {font-size:1.2em; font-weight:normal; color:#AA92A3; width:140px; float:left;}
#copy-staff-top-right img {float:left; padding:0 10px 10px 0;}

#copy-wide-left {width:300px; float:left; margin-right:40px;}
#copy-wide-left h2 {font-size:1.4em; font-weight:normal; color:#946E00; width:140px; float:left;}
#copy-wide-left h3 {font-size:1.2em; font-weight:normal; color:#AA92A3; width:140px; float:left;}
#copy-wide-left h4 {width:300px; margin-bottom:10px;}
#copy-wide-left img {float:left; padding:0 10px 10px 0;}

#copy-wide-right {width:300px; float:left; margin-right:0px;}
#copy-wide-right h2 {font-size:1.4em; font-weight:normal; color:#946E00; width:140px; float:left;}
#copy-wide-right h3 {font-size:1.2em; font-weight:normal; color:#AA92A3; width:140px; float:left;}
#copy-wide-right h4 {width:300px; margin-bottom:10px;}
#copy-wide-right img {float:left; padding:0 10px 10px 0;}

#footer {position:relative; width:955px ; margin: 0px auto 0px auto ; text-align:right;}
#footer a {font-family:Arial, Verdana, Sans-Serif; font-size:1.1em; color:#383838; padding:3px 3px 0 0; line-height:1.6em;}
#footer a:hover {text-decoration:underline;}