/* Oak Meadow and Strawberry Meadow */
/* Stylesheet 03 - 2008 */

body { font: 1.1em "Comic Sans MS", cursive; text-align: center; color: #000000; margin: 0; padding: 10px 0; background-color: #AFC3FA;}
h1 { font-size: 180%; padding: 2px 10px; margin: 0 0 15px -10px; color: #FAFA50; background: #C4B1E9 url("images/h1background.jpg") repeat-y right bottom;}
h2 { font-size: 160%; color: #32CC50; margin: 1em 0 .5em 0; padding: 0 0 .25em 0; border-bottom: 1px solid #32CC50;}
h3 { font-size: 140%; color: #FF178B; margin: 1em 0 .5em 0;}
h4 { font-size: 120%; color: #32CC50; margin: .5em 0;}
h4 span { font-size: 75%; font-weight: normal; color: #000000;}
h5 { font-size: 105%; margin: 5px 0;}
p { margin: 0 0 1em 0; padding: 0;}
a { text-decoration: none; color: #0000FF;}
a:hover { text-decoration: underline;}
a img { border: 0;}
hr { margin: 1.5em 0; padding: 0; height: 0; border: 0; border-bottom: 1px solid #32CC50;}
hr.clear { margin: 1px 0; padding: 0; border: 0;}
hr.divider { clear: both; margin: 0; padding: 0; border-bottom: 1px solid #666666;} 
table { margin-bottom: 15px; border: 1px solid #C4B1E9; border-bottom: 0; border-collapse: collapse;}
td, th { padding: 3px; font-size: 70%; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #C4B1E9; border-top: 0;}
th { color: #FF178B;}
td.ctitle { width: 24%; color: #32CC50; font-weight: bold;}
dl { margin: 0 0 15px 0; padding: 0;}
dt { margin: 15px 0 5px 0; padding: 0;}
dd { margin: 0 0 0 20px; font-weight: bold;}
form div { padding: 5px;}
form ul { list-style: none; margin: 0; padding: 5px;}
form label { padding: 0 5px; vertical-align: top;}
form input, form select, form textarea { background-color: #FFFFFF; border: 1px solid #C4B1E9;}
form fieldset { margin: 0 0 10px 0; border: 1px solid #C4B1E9;}
form legend { color: #33B786; font-weight: bold;}
form #submit { margin: 10px 0; text-align: right;}
form #courseprev ul { font-size: 80%;}
form #courseprev li { padding: 1px 0;}
form #courseprev li input { width: auto; vertical-align: top;}
form #courseprev li label { display: block; float: none; width: auto; margin-top: -3ex; padding-left: 2em;}
.pdata label { display: block; float: left; width: 25%; text-align: right;}
.pdata input, .pdata textarea { width: 60%; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
#application .yesno label, #application .yesno input { float: none; width: auto;}

#page { position: relative; width: 710px; min-height: 750px; margin: 0 auto 20px auto; padding: 0 20px 60px 20px; background: #FFFFFF url("images/frieze.jpg") repeat-x left bottom; border: 1px dotted gray;}
#page.normal { text-align: left;}
#contactlink { margin: 0 0 10px 0; padding: 5px 0; text-align: right; font: 60% Arial, Helvetica, sans-serif; color: #C4B1E9; border-bottom: 1px solid #C4B1E9;}
#header { position: relative; background: url("images/logo_om_xs.gif") no-repeat left top; text-align: center;}
#header h1 { margin-top: 110px;}
#linkpanel { position: absolute; left: 20px; width: 140px; z-index: 5; padding: 0;}
#maincontent { position: relative; margin: 0 0 0 150px; font-size: 80%; min-height: 620px;}
#map, .comments { margin: 0 0 20px 0;}
#application p { margin-bottom: 5px; padding: 0 5px;}
#application div, #enquiryform div { clear: left;}
#application label { float: left; width: 20%; margin-right: 1em;}
#application label.sub-item { clear: left; text-align: right;}
#application input { width: 50%;}
#application textarea { width: 50%; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
#application textarea.full { width: 100%;}
#application select { min-width: 50%;}
#application input.age { width: 3em;}
#application .free label { width: auto;}
#addchildren { padding: 10px 0 5px 0;}
#data-entry1 { width: 100%;}
#data-entry1 th, #data-entry1 td { font-size: 100%; color: #000000; text-align: left;}
#data-entry1 th.co1, #data-entry1 th.co2 { width: 45%;}
#data-entry1 td input { width: 98%;}
#submit input { width: auto; color: #FFFFFF; background-color: #FF178B;}
#errorbox { color: #FF0000; background: #FFFFFF; font-size: 1.1em; text-align: center; margin: 0; padding: 5px;}
#messagebox { position: absolute; width: 400px; left: 68px; top: 45px; padding: 10px; border: 2px solid #32CC50; background-color: #C4B1E9; text-align: center;}
#doc-container { position: absolute; top: 0; left: 0; width: 100%; height: 95%; text-align: center;}
#leafletdoc { margin: auto; border: 0; width: 100%; height: 100%; z-index: 10; visibility: hidden;}
#waiting p { margin-top: 180px;}
#navpanel { width: auto; margin: 25px 0 10px 0; padding: 5px 0; text-align: center; color: #666666; background-color: #DFD9F3;  font-size: 90%;}
#navpanel p { margin: 0;}
#navpanel p.otherpages a { margin: 0 3px;}
#flearning h2 { clear: both; padding-top: 20px;}
#footer { position: relative; clear: both; padding: 15px 0;}
#footnote { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 5px 0 1px 0; text-align: center; font-size: 80%; z-index: 20; background-color: #AFC3FA; visibility: hidden;}
#footnote img { vertical-align: middle;}

.actionbutton a.close { padding: 2px 10px; color: #FFFFFF; background-color: #FF178B; border: 1px solid #C4B1E9;}
label.autolab { width: auto;}
.admission { border: 1px solid #33B786; border-collapse: collapse;}
.admission thead { font-weight: bold;}
.admission th, .admission td { border: 1px solid #33B786; padding: 3px; font-size: 90%;}
.admission th { width: 40%; text-align: left; color: #000000;}
.admission td { width: 15%; text-align: center;}
.bears td { background: url('images/bearpaw.gif') no-repeat left center;}
.bold { font-weight: bold; font-size: 105%;}
.book { list-style-image: url("images/book.gif"); margin: 15px 50px; padding: 0 30px;}
.book li { padding: 0 15px;}
.ccid { position: relative; padding: 10px; margin: 0 0 15px 0; border: 1px solid #49288F; background-position: center right; background-repeat: no-repeat;}
.ccid h3 { margin-top: 0; padding-top: 0;}
.centre { text-align: center;}
.clear { clear: both; padding-top: 20px;}
.clear-simple { clear: both;}
.column { width: 48%; float: left;}
.coursekey {font-size: 85%;}
.coursestatus, .cstatus {font-style: italic; color: #3366FF;}
.coursestatus { margin-top: -10px;}
.d-blue { list-style-image: url('images/bullet-blue.gif');}
.d-cyan { list-style-image: url('images/bullet-cyan.gif');}
.desnote { color: #FF0000; font-style: italic;}
.emphasis { color: #FF178B; font-weight: bold;}
.features { list-style: none; margin: 0 0 15px 0; padding: 0;}
.features li { position: relative; width: 99%; margin: 0; padding-bottom: 15px; clear: both;}
.features li h3 { position: relative; margin-top: 0;}
.features li h3 img { vertical-align: middle; padding: 0 15px;}
.features li img { padding-bottom: 15px;}
.features li div { color: #000000; font-size: 100%; font-weight: normal;}
.features li div.linkup { color: blue; padding-bottom: 10px;}
.featurestight, .categories { list-style: none; margin: 10px 0; padding: 0;}
.featurestight li, .categories li { float: left; position: relative; width: 270px; height: 220px; padding: 10px 0; text-align: center;}
.featurestight p, .categories p { font-size:1.1em; font-weight: bold; margin: 0; padding: 0 5px;}
.featurestight h3 { margin: 0; padding: 0;}
/*.fl-list { display: none;}*/
.fl-list h5 { clear: both; margin: 10px 0 0 0;}
.fl { float: left;}
.fr { float: right;}
.categories h3 { font-size: 130%; margin: 0; padding: 0;}
.categories h3 a { color: #FF178B;}
.categories img { border: 0;}
.facilitypic { text-align: center;}
.ft2 li { height: 250px;}
.h-links { list-style: none; margin: 0; padding: 0 0 10px 0; font-size: 85%; border-bottom: 1px solid #32CC50;}
.h-links li { display: inline; padding: 0 10px 5px 0; color: #666666;}
.h-links li a { white-space: nowrap;}
.hand { list-style-image: url("images/hand.gif");}
.hand li { margin: 0; padding: 1px 15px; vertical-align: middle;}
.hhog { list-style: none; margin: auto 0; padding: 0;}
.hhog li { background: url("images/hedgehog.gif") no-repeat left center; float: left; width: 35%; margin: 0; padding: 5px 30px;}
.image-centre { text-align: center; margin: 15px 0;}
.image-left {float: left; margin-right: 10px;}
.image-right {float: right; margin-left: 10px;}
.imagemap, .imagemap img { border: 0; vertical-align: middle;}
.intlink { text-align: right; font-weight: bold;}
.intlink a, .intlinkback a { padding: 1px 3px; color: #49288F; background-color: #FF178B;}
.intlinkback { text-align: left; font-weight: bold;}
.keep { list-style-image: url("images/keep.gif");}
.larger { font-size: 130%;}
.leaflets { list-style: none; margin-top: 0;}
.leaflets li { padding: 3px 0;}
.leaflets li img { margin: 0; padding: 0 5px 0 0; border: 0; vertical-align: middle;}
.lead { margin-bottom: -10px;}
.light { font-weight: normal;}
.linkborder { margin: 0; padding: 3px;}
.m { background: url("images/gradient-t.jpg") repeat-x right top;}
.m2 { background: url("images/gradient-rev-t.jpg") repeat-x right top;}
.linkup a { background: url("images/point-up.gif") no-repeat center left; padding: 0 0 0 15px;}
.listing .pic { float: left; width: 200px; padding: 0; text-align: center;}
.listing .words { position: relative; margin-left: 220px;}
.listing .words ul { margin: 0 25px 15px 25px; padding: 0 25px; list-style-type: disc;}
.listing .words li { margin: 0; padding: 2px 5px; clear: none;}
.live { color: #FF0000;}
.mapinfo { text-align: center; font: 11px Ariel, Helvetica, sans-serif; padding: 0;}
.menu li { background: url("images/gradient.jpg") repeat-y right bottom;}
.menu li a, .menu2 li a { display: block; margin-right: 10px; padding: 2px; color: #49288F; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu li a.thispage, .menu2 li a.thispage { padding-left: 20px; background: transparent url("images/thispage.gif") no-repeat left top;}
.menu li a:hover { background-color: #FAFA50; text-decoration: none;}
.menu li, .menu2 li { margin: 0 0 2px 0; padding: 0; line-height: 1.2em;}
.menu, .menu2 { width: 90%; list-style: none; margin: 0; padding: 0; font-size: 70%; font-weight: bold;} 
.menu ul.submenu, .menu2 ul.submenu { list-style: none; margin: 1px 0 0 8px; padding: 0; text-align: left;}
.menu ul.submenu li, .menu2 ul.submenu li { margin-bottom: 3px; background: transparent;}
.menu ul.submenu a, .menu2 ul.submenu a { font-size: 80%; line-height: 1; margin: 0 10px 0 0; padding: 1px 3px; border-left: 2px solid #FAFA50;}
.menu2 { margin-top: 2px;}
.menu2 li { background: url("images/gradient-rev.jpg") repeat-y right bottom;}
.menu2 li a:hover { background-color: #FAFA50; text-decoration: none;}
.money td { background: url('images/poundsign.gif') no-repeat left center;}
.name { height: 8ex; background: url("images/logo_sm_xs.gif") no-repeat right top; margin: 0; padding-top: 10px; font-size: 120%; font-weight: bold;}
.offerings dt { font-weight: bold;}
.offerings dd { font-weight: normal;}
.om { color: #32CC50;}
.om-blogo { float: right;}
.om-img { position: absolute; left: 0; top: 0; margin-bottom: 100px;}
.pagepic { width: 560px; height: 150px; margin: 0 0 10px 0; clear: both;}
.phone { height: 35px; background: url("images/phone.gif") no-repeat left center; padding: 1em 2em;}
.pirates td { background: url('images/skull+crossbones.gif') no-repeat left center;}
.placelist { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #33B786;}
.placelist h3 { color: #32CC50;}
.placelist p { margin: 0 0 5px 0; padding: 0;}
.plainlist { list-style: none; margin: 0 0 15px 0; padding: 0;}
.plainlist li { margin: 0; padding: 1px 15px;}

.pleft { padding: 5px 0; border-top: 1px solid #999999;}
.pleft img { display: block; float: left; padding-right: 15px;}
.pleft p { text-align: left;}
.pleft div.splash { margin-left: 200px; font-size: 110%;}
.pleft table  { width: 55%; margin: 0; border: 0;}
.pleft table td { width: 50%; padding: 8px 20px 8px 25px; text-align: left; font: 90% "Comic Sans MS", cursive; border: 0;}
.pleft td.empty { background-image: url('');}
.pleft table.coursetable { width: 100%; margin: 10px 0 0 0; border: 1px solid #C4B1E9; border-bottom: 0; border-collapse: collapse;}
.pleft table.coursetable td, .pleft table.coursetable th { width: auto; padding: 3px; font-size: 70%; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #C4B1E9; border-top: 0;}
.pleft table.coursetable th { color: #FF178B;}
.pleft table.coursetable img { display: inline; float: none; padding:0;}
.pleft table.coursetable p.cstatus { margin: 5px 0; font-size: 120%; text-align: center;}
.pleft.newsection { border: 0;}
.pleft .leaflet, .listing .leaflet { text-align: right; margin: 4px 0 0 0; font-size: 80%;}
.pleft .leaflet img, .listing .leaflet img { float: none; display: inline; border: 0; margin: 0; padding: 0 0 0 10px; vertical-align: middle;}

.pright img { display: block; float: right; padding-left: 15px;}
.pright p, .pright h3 { text-align: right;}

.promoted { color: #FAFA50; background: #33B786; font-size: 120%; padding: 5px; text-align: center;}
.promotion {color: red; font-size: 150%; font-weight: normal;}
.ptight { margin: 0;}
.rrates { width: 100%;}
.rrates th, .rrates td { width: 25%; color: #000000; font-weight: normal;}
.sensory { list-style: none; margin: 15px 50px; padding: 0;}
.sensory li { background: url("images/mirrorball.jpg") no-repeat left center; padding: 2px 30px;}
.signature { font-size: 120%; font-weight: bold; font-style: italic; margin: 0; padding: 0;}
.simple-pic { padding: 10px 0;}
.simple-pic p { margin: 5px 0; color: #666666; font-size: 80%;}
.slight li p { padding-top: 5ex;}
.slight li, .slight li img { margin-bottom: 0; padding-bottom: 0;}
.sm { color: #FF178B;}
.sm-blogo { float: left;}
.sm-img { position: absolute; right: 0; top: 0;}
.special { float: right; width: 180px; padding: 10px; margin: 0 0 20px 10px; border: 1px solid #C4B1E9;}
.special h3 { margin-top: 0;}
.special img { padding-bottom: 10px;}
.splash { min-height: 112px; text-align: center; background: url('images/splash.gif') no-repeat center center; margin: 0 0 15px 0;}
.spress { margin: 20px 15px 20px 0; padding: 3px; color: #FAFA50; background-color: #FF178B; font-size: 95%; text-align: center;}
.spress a { color: #FAFA50;}
.staff { font-size: 0.8em;}
.ticked { list-style-image: url("images/checkmark.gif");}
.totop { clear: both; text-align: right;}
.tottimes th, .tottimes td { width: 16.6%;}
.tottimes th { color: #000000; font-size: 80%;}
.tottimes td { font-size: 75%;}
.tottimes tr.omc th {background: #CCFF99 url('images/oakleaf_xs.gif') no-repeat bottom left;}
.tottimes tr.smc th {background: #CCFF99 url('images/strawberry_xs.gif') no-repeat bottom left;}
.tottimes tr.break { height: 30px; background: url('images/frieze_s.gif') repeat-x left center;}
.toycatalogue { border-collapse: collapse;}
.toycatalogue td.totop  { text-align: right; font-size: 90%; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.toycatalogue td { padding: 10px; text-align: left; vertical-align: middle; font: 100% "Comic Sans MS", cursive;}
.toycatalogue td.toypic { width: 200px; height: 200px; padding: 1px 0; text-align: center;}
.underline { padding-bottom: 10px; border-bottom: 1px solid #C4B1E9;}
.unwrap { clear: both;}
.unwrap-left { clear: left;}
.unwrap-right { clear: right;}
.ps { margin-top: 50px;}
.zoominst { margin: 0; padding: 0 0 3px 30px;}
.blue { background-color: #79C9ED;}
.yellow { background-color: #FAFA50;}
.omc { background-color: #CCFF99;}
.smc { background-color: #FF99FF;}
.key { line-height: 180%;}

* html #header, * html .name { height: 80px;}
* html #page { height: 750px;}

#homepage h1 { color: #000000; background: transparent;}
#homepage img { border: 0;}
#homepage #page { padding-bottom: 125px;}
#homepage #footer { position: absolute; left: 0; bottom: 35px; width: 730px; padding: 10px;}
#homepage .intro { font-size: 125%; list-style: none; margin: 0 0 15px 0; padding: 0;}
#homepage .intro li { padding: 5px 20px 5px 40px; background: url("images/combination_bullet.gif") no-repeat 0 1.5ex;}
.fl { float: left;}
.fr { float: right;}

/* Credits */
#credits { margin: 0 0 20px 0; padding: 0; font: 80% Arial, Helvetica, sans-serif; color: #333333;}

/*
COLOURS
Green1 = #33B786 rgb(51,183,134)
Lilac = #C4B1E9 rgb(196,177,233)
Green2 = #32CC50 rgb(50,204,80)
Pink = #FF178B rgb(255,23,139)
Light Purple = #7A50CE rgb(122,80,206)
Dark Purple = #49288F rgb(73,40,143)
Pale Blue = #AFC3FA rgb(175,195,250)
Medium Blue = #79C9ED rgb(121,201,237)
Bright Blue = #3366FF rgb(51,102,255)
Green3 = #CCFF99 rgb(204,255,153)
Yellow = #FAFA50 rgb(250,250,80)
Pale Pink = #FF99FF rgb(255,153,255)
*/