/* Oak Meadow and Strawberry Meadow */
/* Stylesheet 04 - 2011 */

/* HTML Tags*/
body { font: 1.1em "Comic Sans MS", Arial, Helvetica, sans-serif; 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;}
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;}
td.ctitle { width: 24%; font-weight: bold;}
th { color: #FF178B;}
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 { margin: 3px 0 0 0; padding: 0 5px; vertical-align: top;}
form input, form select, form textarea { background-color: #FFFFFF; margin: 3px 0 0 0; border: 1px solid #C4B1E9;}
form fieldset { margin: 0 0 10px 0; border: 1px solid #C4B1E9;}
form legend { color: #33B786; font-weight: bold;}
form #submit { clear: none; margin: 10px 0; text-align: right;}
form label.autolab { width: auto; white-space: nowrap;}
form label.sub-item { clear: left; text-align: right;}

/* IDs */
#page { position: relative; width: 710px; 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;}
#maincontent { position: relative; margin: 0 0 0 150px; font-size: 80%;}
#stoppress #maincontent {font-size: 100%;}
#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: relative; float: left; width: 140px; padding: 0;}
#maincontent { position: relative; margin: 0 0 0 150px; font-size: 80%;}
#map, .comments { margin: 0 0 20px 0;}
#submit input { width: auto; color: #FFFFFF; background-color: #FF178B;}
#form-msgbox { color: #FF0000; background: #FFFFFF; font-size: 1.1em; text-align: center; margin: 0; padding: 5px;}
#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;}
#flearning h2 { 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; z-index: 20; z-index: 20; background-color: #AFC3FA; visibility: hidden;}
#footnote img { vertical-align: middle;}

/* Classes */
.applylink { vertical-align: middle;}
.bears td { background: url('images/bearpaw.gif') no-repeat left center;}
.blue { background-color: #79C9ED;}
.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;}
.button { margin: 30px 0;}
.categories h3 { font-size: 130%; margin: 0; padding: 0;}
.categories h3 a { color: #FF178B;}
.categories img { border: 0;}
.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;}
.coursekey {font-size: 85%;}
.coursestatus { margin-top: -10px;}
.coursestatus, .cstatus {font-style: italic; color: #3366FF;}
.d-blue { list-style-image: url('images/bullet-blue.gif');}
.d-cyan { list-style-image: url('images/bullet-cyan.gif');}
.documents { list-style: none; margin: 0 20px; padding: 0;}
.documents li { margin: 3px 0; padding: 0 20px; background: url('images/form.gif') no-repeat left center;}
.emphasis { color: #FF178B; font-weight: bold;}
.facilitypic { text-align: center; margin: 0 0 10px 0;}
.features { list-style: none; margin: 0 0 15px 0; padding: 0;}
.features li { float: left; width: 100%; margin: 0; padding-bottom: 15px;}
.features li ul li { float: none;}
.features li div { color: #000000; font-size: 100%; font-weight: normal;}
.features li div.linkup { color: blue; padding-bottom: 10px;}
.features li h3 { position: relative; margin-top: 0;}
.features li h3 img { vertical-align: middle; padding: 0 15px;}
.features li img { padding-bottom: 15px;}
.featurestight h3 { margin: 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; margin: 0; padding: 0 10px;}
.featurestight, .categories { float: left; list-style: none; margin: 10px 0; padding: 0;}
.fl { float: left;}
.flprogramme {width: 100%;}
.fr { float: right;}
.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;}
.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;}
.image-centre { text-align: center; margin: 15px 0;}
.image-left {float: left; margin-right: 10px;}
.imagemap, .imagemap img { border: 0; vertical-align: middle;}
.image-right {float: right; margin-left: 10px;}
.intlink, .intlinkback { font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.intlink a, .intlinkback a { padding: 3px 10px; color: #49288F; background: #33B786 url("images/gradient-vertical-l.gif") repeat-x center center;}
.intlink { text-align: right;} 
.intlinkback { text-align: left;}
.keep { list-style-image: url("images/keep.gif");}
.key { line-height: 180%;}
.larger { font-size: 130%;}
.lead { margin-bottom: -10px;}
.light { font-weight: normal;}
.linkborder { margin: 0; padding: 3px;}
.linkup a { background: url("images/point-up.gif") no-repeat center left; padding: 0 0 0 15px;}
.listing { padding: 5px 0; border-top: 1px solid #999999;}
.listing .leaflet img, .listing .leaflet img { float: none; display: inline; border: 0; margin: 0; padding: 0 0 0 10px; vertical-align: middle;}
.listing .leaflet, .listing .leaflet { text-align: right; margin: 4px 0 0 0; font-size: 80%;}
.listing .words { position: relative; margin-left: 220px;}
.listing .words li { margin: 0; padding: 2px 5px; clear: none;}
.listing .words ul { margin: 0 25px 15px 25px; padding: 0 25px; list-style-type: disc;}
.listing img, .listing .pic { display: block; float: left; padding-right: 15px;}
.listing img.unwrapped { display: block; float: none;}
.listing p { text-align: left;}
.listing table { width: 55%; margin: 0; border: 0;}
.listing table td { width: 50%; padding: 8px 20px 8px 25px; text-align: left; font: 90% "Comic Sans MS", cursive; border: 0;}
.listing table.coursetable { width: 100%; margin: 10px 0 0 0; border: 1px solid #C4B1E9; border-bottom: 0; border-collapse: collapse;}
.listing table.coursetable img { display: inline; float: none; padding:0;}
.listing table.coursetable p.cstatus { margin: 5px 0; font-size: 120%; text-align: center;}
.listing table.coursetable td, .listing table.coursetable th { width: auto; max-width: 145px; padding: 3px 2px; font-size: 70%; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #C4B1E9; border-top: 0;}
.listing table.coursetable th { color: #FF178B;}
.listing td.empty { background-image: url('');}
.listing ul { width: auto; padding: 0 15%;}
.listing ul.itemlist { margin: 0 0 20px 215px; list-style-type: disc;}
.listing ul.itemlist li { clear: none; padding: 0;}
.m { background: url("images/gradient-t.jpg") repeat-x right top;}
.m2 { background: url("images/gradient-rev-t.jpg") repeat-x right top;}
.mapinfo { text-align: center; font: 11px Arial, 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 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;}
.menu ul.submenu li, .menu2 ul.submenu li { margin-bottom: 3px; background: transparent;}
.menu ul.submenu, .menu2 ul.submenu { list-style: none; margin: 1px 0 0 8px; padding: 0; text-align: left;}
.menu, .menu2 { width: 90%; list-style: none; margin: 0; padding: 0; font-size: 70%; font-weight: bold ;}
.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;}
.newsection { border: 0;}
.offerings dd { font-weight: normal;}
.offerings dt { font-weight: bold;}
.om { color: #32CC50;}
.omc { background-color: #CCFF99;}
.pad-v { padding: 10px 0;}
.pagemenu {position: relative; float: left; width: 540px; margin: 0 0 15px 0;  padding: 10px; color: #FAFA50; background-color: #33B786; font-family: Arial, Helvetica, sans-serif; z-index: 5;}
.pagemenu a {display: block; color: #49288F; border: 1px solid #FAFA50; padding: 3px 20px 3px 10px; background: #33B786 url("images/gradient-vertical-l.gif") repeat-y center center;}
.pagemenu a:hover { background: #FAFA50 url(); text-decoration: none;}
.pagemenu li {margin: 2px 4px 2px 0; padding: 0;}
.pagemenu p {margin: 0 0 7px 0; padding: 0;}
.pagemenu ul {float: left; list-style: none; width: 270px; margin: 0; padding: 0; font-weight: bold;}
.pagepic { width: 560px; height: 150px; margin: 0 0 10px 0;}
.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;}
.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;}
.plainlist { list-style: none; margin: 0 0 15px 0; padding: 0;}
.plainlist li { margin: 0; padding: 1px 15px;}
.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;}
.slight li p { padding-top: 5ex;}
.slight li, .slight li img { margin-bottom: 0; padding-bottom: 0;}
.sm { color: #FF178B;}
.smc { background-color: #FF99FF;}
.special { float: right; width: 180px; padding: 10px; margin: 0 0 20px 10px; border: 1px solid #C4B1E9;}
.special a { color: #FF178B;}
.special h3 { margin-top: 0;}
.special img { padding-bottom: 10px;}
.spress { margin: 20px 15px 20px 0; padding: 3px; color: #000000; background-color: #FFFF00; font-size: 95%; text-align: center;}
.spress a { color: #000000;}
.tcentre, .tcentre p {text-align: center;}
.ticked { list-style-image: url("images/checkmark.gif");}
.tightspace { margin: 0;}
.totop { text-align: right;}
.tottimes td { font-size: 75%;}
.tottimes th { color: #000000; font-size: 80%;}
.tottimes th, .tottimes td { width: 14.2%;}
.tottimes tr.break { height: 30px; background: url('images/frieze_s.gif') repeat-x left center;}
.tottimes tr.omc th {background: #CCFF99 url('images/oakleaf_xs.gif') no-repeat top left; padding: 20px 3px;}
.tottimes tr.smc th {background: #FF99FF url('images/strawberry_xs.gif') no-repeat top left; padding: 20px 3px;}
.toycatalogue { border-collapse: collapse;}
.toycatalogue td { padding: 10px; text-align: left; vertical-align: middle; font: 100% "Comic Sans MS", cursive;}
.toycatalogue td.totop { text-align: right; font-size: 90%; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.toycatalogue td.toypic { width: 200px; height: 200px; padding: 1px 0; text-align: center;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.underline { padding-bottom: 10px; border-bottom: 1px solid #C4B1E9;}
.unwrap { clear: both;}
.unwrap-left { clear: left;}
.unwrap-right { clear: right;}
.yellow { background-color: #FAFA50;}
.zoominst { margin: 0; padding: 0 0 3px 30px;}


/* IE only */
* html #header, * html .name { height: 80px;}

/* Home Page */
#homepage h1 { color: #000000; background: transparent;}
#homepage img { border: 0;}
#homepage #page { padding-bottom: 85px;}
#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;}

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