body { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:14px;}

#wrap { width:902px; margin:auto;}

#header .top-bar { background:url(/images/backgrounds/top-nav.gif) repeat-x; height:31px;}
#header .top-bar p { float:left; color:#ffffff; margin-top:5px; font-size:95%; margin-left:22px;}
#header .top-bar ul {float:right; margin-top:7px;}
#header .top-bar ul li { float:left; margin-right:20px;}
#header .top-bar ul li a { color:#ffffff; font-size:95%; text-decoration:none; }
#header .header-image { height:159px; overflow:hidden;}
#header .header-image .overlay { background:url(/images/backgrounds/header-gradient-overlay.png) repeat-y; position:absolute; margin-top:-159px; height:159px; width:902px; z-index:9;}
#header h1 { position:absolute; z-index:10; margin-top:8px; margin-left:42px;}
#header h1 a { background:url(/images/logo.png) no-repeat; width:593px; height:141px; display:block; text-indent:-99999px; overflow:hidden;}
#header ul.main-nav { height:44px; background:url(/images/backgrounds/main-nav.gif) repeat-x; }
#header ul.main-nav li { float:left;}
#header ul.main-nav li a { background-image:url(/images/backgrounds/main-nav-sprite.gif); background-repeat:no-repeat; display:block; height:44px; text-indent:-99999px; overflow:hidden; }

#header ul.main-nav li.home a { background-position:-20px -20px; width:94px;}
#header ul.main-nav li.home a:hover, #header ul.main-nav li.home a.hover { background-position:-20px -85px; }
#header ul.main-nav li.home a.active { background-position:-20px -150px; }

#header ul.main-nav li.about-cheam a { background-position:-114px -20px; width:178px;}
#header ul.main-nav li.about-cheam a:hover, #header ul.main-nav li.about-cheam a.hover { background-position:-114px -85px; }
#header ul.main-nav li.about-cheam a.active { background-position:-114px -150px; }

#header ul.main-nav li.curriculum a { background-position:-292px -20px; width:121px;}
#header ul.main-nav li.curriculum a:hover, #header ul.main-nav li.curriculum a.hover { background-position:-292px -85px; }
#header ul.main-nav li.curriculum a.active { background-position:-292px -150px; }

#header ul.main-nav li.calander a { background-position:-413px -20px; width:112px;}
#header ul.main-nav li.calander a:hover, #header ul.main-nav li.calander a.hover { background-position:-413px -85px; }
#header ul.main-nav li.calander a.active { background-position:-413px -150px; }

#header ul.main-nav li.sports a { background-position:-525px -20px; width:101px;}
#header ul.main-nav li.sports a:hover, #header ul.main-nav li.sports a.hover { background-position:-525px -85px; }
#header ul.main-nav li.sports a.active { background-position:-525px -150px; }

#header ul.main-nav li.pre-prep a { background-position:-626px -20px; width:115px;}
#header ul.main-nav li.pre-prep a:hover, #header ul.main-nav li.pre-prep a.hove { background-position:-626px -85px; }
#header ul.main-nav li.pre-prep a.active { background-position:-626px -150px; }

#header ul.main-nav li.csa a { background-position:-741px -20px; width:77px;}
#header ul.main-nav li.csa a:hover, #header ul.main-nav li.csa a.hover { background-position:-741px -85px; }
#header ul.main-nav li.csa a.active { background-position:-741px -150px; }

#header ul.main-nav li.contact a { background-position:-818px -20px; width:104px;}
#header ul.main-nav li.contact a:hover, #header ul.main-nav li.contact a.hover { background-position:-818px -85px; }
#header ul.main-nav li.contact a.active { background-position:-818px -150px; }

#header ul.main-nav li ul { position:absolute; display:none; background:#8fa0cf; z-index:100; overflow:hidden; border:1px solid #273969; border-top:0px;}
#header ul.main-nav li ul li { float:none; width:auto;}
#header ul.main-nav li ul li a { width:100%; text-indent:0px; background:none; padding:5px 10px; height:auto; color:#ffffff; text-decoration:none;}
#header ul.main-nav li ul li a:hover { background:#5f6a89;}

#content { overflow:hidden; }

#content .intro-col { width:500px; float:left; margin-left:20px; border-right:1px dashed #7d88a5; padding-right:20px; margin-top:20px; margin-bottom:20px;}
#content .intro-col h2 { color:#273969; font-size:170%; margin:0px 0px 20px 0px; }
#content .intro-col h3 { color:#cd0216; font-size:130%; margin:20px 0px; font-style:italic;}
#content .intro-col p { color:#273969; line-height:150%; margin:20px 0px 0px 0px; }
#content .intro-col p.ofsted-logo { margin:0px; position:absolute; margin-left:435px; margin-top:-52px;}

#content .news-col { float:left; width:330px;  margin-top:20px; margin-left:20px; margin-bottom:20px;}
#content .news-col h2 { color:#273969; font-size:170%; margin:0px 0px 10px 0px; }
#content .news-col h2 a { color:#273969; font-size:50%; text-decoration:none;}
#content .news-col h2 a:hover { text-decoration:underline;}
#content .news-col ul li.article { border-bottom:1px dashed #273969; margin-bottom:5px; padding-bottom:10px; }
#content .news-col ul li.article h4 { margin:0px; margin-bottom:5px; line-height:150%; font-size:85%; color:#273969;}
#content .news-col ul li.article h4 a { color:#cd0216;}
#content .news-col ul li.article p { margin:0px; line-height:150%; font-size:80%; color:#273969;}
#content .news-col ul li.article p a { color:#273969;}

#content .link-boxes { clear:both; overflow:hidden; margin-bottom:20px;}
#content .link-boxes .box { float:left; width:301px; height:170px; overflow:hidden;}
#content .link-boxes .box h3 a { display:block; width:301px; height:170px; text-indent:-99999px; overflow:hidden; position:absolute; z-index:50;}
#content .link-boxes .box p { display:none;}
#content .link-boxes .box.about { margin-left:-1px;}
#content .link-boxes .box.about h3 a { background:url(/images/homepage/about-cheam-overlay.png);}
#content .link-boxes .box.games-fixtures h3 a { background:url(/images/homepage/games-fixtures-overlay.png) ;}
#content .link-boxes .box.pre-prep h3 a { background:url(/images/homepage/pre-prep-overlay.png);}


#content ul.second-link-boxes { background:url(/images/backgrounds/second-links.gif) repeat-x; overflow:hidden;}
#content ul.second-link-boxes li.box { float:left; overflow:hidden; margin-left:40px; margin-right:100px; }
#content ul.second-link-boxes li.box h4 { font-size:125%; margin:10px 0px; }
#content ul.second-link-boxes li.box h4 a { color:#273969;}
#content ul.second-link-boxes li.box p { color:#44537d;  font-size:95%;}
#content ul.second-link-boxes li.box img { float:right; margin-top:10px;}

#content ul.second-link-boxes li.box.iaps-logo a { background:url(/images/homepage/iaps-logo.gif) no-repeat; display:block; text-indent:-99999px; width:20px; height:50px; margin-top:15px; overflow:hidden;}
#content ul.second-link-boxes li.box.events { }
#content ul.second-link-boxes li.box.events p { }
#content ul.second-link-boxes li.box.inspection { }
#content ul.second-link-boxes li.box.bsa-logo { margin-top:13px; margin-right:0px;}
#content ul.second-link-boxes li.box.bsa-logo a { background:url(/images/homepage/bsa-logo.gif) no-repeat; display:block; text-indent:-99999px; width:47px; height:54px; overflow:hidden;} 
#content ul.second-link-boxes li.box.ofsted-logo { margin-right:0px;}
#content ul.second-link-boxes li.box.ofsted-logo a { background:url(/images/homepage/ofsted-logo.gif) no-repeat; display:block; text-indent:-99999px; width:71px; height:71px; margin-top:12px; overflow:hidden;}

#content .left-col { width:200px; float:left;}
#content .left-col ul { margin:10px 20px 10px 10px; }
#content .left-col ul li { margin:0px; border-bottom:1px dashed #273969; }
#content .left-col ul li a { padding:5px 10px; display:block; color:#273969; text-decoration:none;}
#content .left-col ul li a:hover, #content .left-col ul li a.active { background:#e9e9f8;}
#content .left-col ul li ul { margin:0px;}
#content .left-col ul li ul li { border-bottom:0px; border-top:1px dashed #273969;}
#content .left-col ul li ul li a { padding-left:20px;}

#content .main-col { width:680px; float:left;}
#content .main-col h2 { line-height:150%; margin:15px 0px 0px 0px; color:#273969; font-size:170%; }
#content .main-col h3 { color:#cd0216; font-size:130%; margin:15px 0px; font-style:italic;}
#content .main-col h4 { color:#273969; font-size:120%; margin:15px 0px; }
#content .main-col p { line-height:150%; margin:15px 0px;}
#content .main-col a { color:#cd0216; text-decoration:none; }
#content .main-col a:hover { text-decoration:underline; }
#content .main-col ul { margin:13px 0px; overflow:hidden;}
#content .main-col ul li { margin:2px 15px; line-height:150%;}
#content .main-col ul li ul { margin:0px;}
#content .main-col ol { margin:13px 0px;}
#content .main-col ol li { margin:2px 35px; list-style:decimal;}
#content .main-col i, #content .main-col em { font-style:italic;}
#content .main-col b, #content .main-col strong { font-weight:bold;}
#content .main-col table { border:1px solid #cccccc; margin-left:1px; }
#content .main-col table tr { }
#content .main-col table tr td { padding:5px; border:1px solid #cccccc;}
#content .main-col table thead tr td, #content .main-col table thead tr th { background:#efefef; color:#273969; font-weight:bold;}

#content .main-col dl.form { margin:15px 0px;  }
#content .main-col dl.form dt { float:left; clear:left; width:100px; text-align:right; padding-right:10px; margin-top:3px; }
#content .main-col dl.form dd { float:left; margin-bottom:10px; }
#content .main-col dl.form dd.text input { padding:3px; border:1px solid #cccccc;}

#content .main-col ul.image-gallery { margin:7px -7px;}
#content .main-col ul.image-gallery li { margin:7px 7px; float:left;}

#content .main-col .documentlibrary h3.block_title { border-bottom:1px solid #CD0216; padding-bottom:3px;}
#content .main-col ul.document_library { margin:2px -7px;}
#content .main-col ul.document_library li.document { float:left; margin:7px; width:45%;}
#content .main-col ul.document_library li.document .file-type-icon { float:left;}
#content .main-col ul.document_library li.document h4 { margin:0px; margin-left:55px; margin-top:7px; margin-bottom:3px;}
#content .main-col ul.document_library li.document p.updated-date { font-size:70%; margin:0px; margin-left:55px;}

#content .main-col .events_calendar { overflow:hidden; }
#content .main-col .events_calendar .events { width:349px; float:left; margin-right:30px; }
#content .main-col .events_calendar .events table { width:100%; margin-top:1px; margin-top:37px;}
#content .main-col .events_calendar .calendar { width:300px; float:left; }
#content .main-col .events_calendar .calendar .ui-datepicker-header { overflow:hidden; padding:10px;}
#content .main-col .events_calendar .calendar .ui-datepicker-prev { float:left; cursor:pointer;}
#content .main-col .events_calendar .calendar .ui-datepicker-next { float:right; cursor:pointer;}
#content .main-col .events_calendar .calendar .ui-datepicker-title { text-align:center;}
#content .main-col .events_calendar .calendar table { width:100%;}
#content .main-col .events_calendar .calendar table tr td { text-align:center;}
#content .main-col .events_calendar .calendar table tr td.ui-datepicker-today { background:#efefef;}
#content .main-col .events_calendar .calendar table tr td a { width:100%; display:block;}
#content .main-col .events_calendar .calendar table tr td a.ui-state-active { text-decoration:underline; font-weight:bold;}
#content .main-col .events_calendar .calendar table tr td a.ui-state-highlight { }
#content .main-col .events_calendar .calendar table thead tr th { text-align:center;  padding:5px; border:1px solid #cccccc;}

#content .main-col ul.fixtures-groups li { float:left; width:33%; margin:0px;}
#content .main-col ul.fixtures-groups li h3 { font-size:100%; margin:5px 0px;}
#content .main-col ul.fixtures-groups li .group-fixtures { display:none; }


#content .main-col #calendar { margin-top:20px; }
#content .main-col #calendar table tr td { padding:0px; }
#content .main-col #calendar .fc-widget-content { border:none; border-right:1px solid #cccccc; margin-right:-1px; }
#content .main-col #calendar .fc-widget-content table { }
#content .main-col #calendar table.fc-header tr td { border:none;}
#content .main-col #calendar table.fc-header tr td table { border:none; margin:0px;}

#content .main-col #calendar table.fc-header tr td.fc-header-left { padding-top:12px; padding-left:12px;}
#content .main-col #calendar table.fc-header tr td.fc-header-center { text-align:center;}
#content .main-col #calendar table.fc-header tr td.fc-header-center table { margin:auto;}
#content .main-col #calendar table.fc-header tr td.fc-header-center table h2 { margin-top:8px;}
#content .main-col #calendar table.fc-header tr td.fc-header-right { padding-top:12px; padding-right:12px;}

#content .main-col #calendar .fc-content .fc-event a { padding:2px;}
#content .main-col #calendar .fc-content .fc-day-number { float:none; text-align:right;  }

#content .main-col .events-list { display:none;}

#content .main-col .new_articles { }
#content .main-col .new_articles .article .extract p { font-weight:bold; }

#content .main-col .full-article ul.images { margin:0px; float:left; margin-right:10px;}
#content .main-col .full-article ul.images li { margin:0px; margin-bottom:10px;}
#content .main-col .full-article .extract p { font-weight:bold;}

#content .main-col .team-members ul li { overflow:hidden; margin:0px; padding:0px; margin-bottom:20px;}
#content .main-col .team-members ul li ul.images { float:left; }
#content .main-col .team-members ul li ul.images li { margin-right:10px; margin-bottom:10px;}
#content .main-col .team-members ul li .details {}
#content .main-col .team-members ul li .details h4 { margin-top:0px;}
#content .main-col .team-members ul li .details dl { overflow:hidden;}
#content .main-col .team-members ul li .details dl dt { float:left; width:90px; clear:left; }
#content .main-col .team-members ul li .details dl dd { float:left;}

#events #content .main-col { width:900px;}

#footer { text-align:center; margin-bottom:20px; margin-top:20px; overflow:hidden; }
#footer ul { margin:20px 0px;}
#footer ul li { display:inline; margin:0px 10px;}
#footer ul li a { color:#273969; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline; }
#footer p { font-size:80%; color:#44537d; margin:2px 0px;}
#footer p a { color:#44537d; text-decoration:none;}



/* Parchement Style Resets */
#wrap #content p.inlineoptions { display:none;position:absolute; background:#cccccc !important; z-index:90;}
#wrap #content p.inlineoptions a { color:#333333;}
#wrap #content div.parchment-block { border:none; padding:0px; margin:0px;overflow:visible;}

#parchment div#pages table.page-list tbody tr td.child { width:15px; }

#wrap #content .image-placeholder h3 a { color:#999999; text-decoration:none; font-size:1.5em; }
#wrap #content .image-placeholder h3 a:hover { text-decoration:underline;}
#wrap #content .image-placeholder h3 a.active { color:#ffffff;}


#wrap #content .left-col div.parchment-block { margin:10px 20px 10px 10px;}

/* IE6 Fixes */

* html #header .header-image .overlay { margin-left:-904px; margin-top:0px;}
* html #content .intro-col { margin-right:10px; margin-left:10px;}
* html #content .news-col { margin-left:10px;}

/* IE7 Fixes */

* + html #header .header-image .overlay { margin-top:0px; margin-left:-904px;}
* + html #content .main-col dl.form dd { width:400px; }