/*

- - - - - - - - - -
Bolton School Template master style sheet v1
www.clever4.net / info@clever4.net
Last update: 20th August 2009 / 16:55 GMT
Last updated by: Gareth Allen
# 1 =HTML Overrides
# 2 =Typography
# 3 =Structure
# 4 =Navigation
# 5 =Sub Navigation
# 6 =Global Styles
# 7 =Contact Form
# 8 =Footer
# 9 =Error Messages
#10 =Admin
#11 =Hovers on menus
#12 =GoogleMap
#13 =SiteMap
#14 =BoltonSchoolTV
- - - - - - - - - -

*/

/* =Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;
}

/* 1 =HTML Overrides
- - - - - - - - - - - - - - - - - - - - */
body {
   font-family: Verdana;
   padding: 0;
   margin: 0;
   text-align:center;
   position:relative;
   font-size:1em;
   top:0;
   left:0;
   height:100%;
   width:100%;
}

a {
   text-decoration: underline;
   color: #015593;
}

a:link {}
a:visited {}
a:hover {}
a:active {}


/* 2 =Typography
- - - - - - - - - - - - - - - - - - - - */
h1 {
   clear:both;
   font-size: 140%;
   font-weight: bold;
   padding: 10px 0 10px 10px;
   color:white;
}

h2 {
   clear:both;
   font-size: 120%;
   font-weight: normal;
   text-transform:uppercase;
}

h3 {
   font-size: 120%;
   font-weight: normal;
   text-transform:uppercase;
   padding: 0 0 10px 0;
   color:#434F36;
}

h4 { font-weight:normal; }

p {
   font-size: 75%;
   padding: 0 0 10px 0;
   color:#434F36;
}

div#maincontent h2 {
   padding: 15px 0 10px 15px;
}

div#subcontent h2 {
   padding: 15px 0 10px 0px;
}

ul {
   padding: 0 10px 10px 25px;
   line-height: 1.4em;
   color:white;
}

ol {
   margin:0 0 0 10px;
   padding: 0 10px 10px 25px;
   line-height: 1.4em;
   color:white;
}

em {
   font-style:italic;
}

strong {
   font-weight: bold;
}

/* Quotes */
blockquote {
   background: url("/boltonschool/images/css/quoteleft.gif") top left no-repeat;
   clear: both;
   float:left;
   display:inline;
   margin:0 20px 20px 20px;
}

blockquote p {
   font-style: italic;
   color: #95A8C4;
   float:left;
   display:inline;
   width:370px;   
   padding: 20px 50px 20px 50px;
   margin: 20px 0 15px 0;
   background: url("/boltonschool/images/css/quoteright.gif") bottom right no-repeat;
}

/* TwoColumn Textpage Specific Styles */
div#contentpage div.main-copy h2, div#contentpage div.main-copy h3 {
   color:white;
}

div#contentpage div.main-copy h2 a, div#contentpage div.main-copy h3 a { color:white; text-decoration:none; }
div#contentpage div.main-copy h2 a:link, div#contentpage div.main-copy h3 a:link { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy h2 a:visited, div#contentpage div.main-copy h3 a:visited { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy h2 a:hover, div#contentpage div.main-copy h3 a:hover { color:white; border-bottom:1px dotted white; }
div#contentpage div.main-copy h2 a:active, div#contentpage div.main-copy h3 a:active { color:white; border-bottom:1px solid white; }

div#contentpage div.main-copy p {
   clear:both;
   color:white;
   line-height: 1.4em;   
}

div#contentpage div.main-copy p img.bss-team {
   float:left;
   display:inline;
   padding:0 10px 10px 0;
}

div#contentpage div.main-copy table {
   color:white;
   margin:0 10px 10px 10px;
   border-collapse:collapse;
   font-size:80%;
}

div#contentpage div.main-copy table p {
    font-size: 100%;
    padding: 0!important;
    margin: 0!important;
}


div#contentpage div.main-copy table.fees {
   float:left;
   display:inline;
}

div#contentpage div.main-copy table th {
   text-align:left;
   border-top:2px solid #709FC0;
   border-right:2px solid #709FC0;
   border-left:2px solid #709FC0;
   border-bottom:2px solid #709FC0;
   font-weight:bold;
   padding:5px;
}

div#contentpage div.main-copy table tfoot {
   border-bottom:2px solid #709FC0; 
}

div#contentpage div.main-copy table td {
   border:2px solid #709FC0;
   padding:5px;   
}

div#contentpage div.main-copy table a { color:white; text-decoration:none; }
div#contentpage div.main-copy table a:link { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy table a:visited { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy table a:hover { color:white; border-bottom:1px dotted white; }
div#contentpage div.main-copy table a:active { color:white; border-bottom:1px solid white; }

div.sub-copy img.sub-copy-img {
   border:2px solid #709FC0;
   -moz-border-radius: 0.2em;
}

div#contentpage div.main-copy ul, div#contentpage div.main-copy ol {
   font-size:80%;
}

div#contentpage div.main-copy ul li, div#contentpage div.main-copy ol li {
   margin:0 0 10px 0;
}

div#contentpage div.main-copy ul li a, div#contentpage div.main-copy ol li a {
   color:white;
}

div#contentpage div.main-copy ul li a, div#contentpage div.main-copy ol li a { color:white; text-decoration:none; }
div#contentpage div.main-copy ul li a:link, div#contentpage div.main-copy ol li a:link { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy ul li a:visited, div#contentpage div.main-copy ol li a:visited { color:white; border-bottom:1px solid white; }
div#contentpage div.main-copy ul li a:hover, div#contentpage div.main-copy ol li a:hover { color:white; border-bottom:1px dotted white; }
div#contentpage div.main-copy ul li a:active, div#contentpage div.main-copy ol li a:active { color:white; border-bottom:1px solid white; }


/* 3 =Structure
- - - - - - - - - - - - - - - - - - - - */
div#container {
   float:left;
   display:inline;
   height: 100%;
   width: 100%;
}

div#subcontainer {
   float:left;
   display:inline;
   height: 100%;
   width: 100%;
   margin:0 0 10px 0;
}

div#contentcontainer {
   width: 960px;
   text-align:left;
   background-color:white;
   margin:15px auto 0 auto;
}

div#branding {
   float:left;
   display:inline;
   height:150px;
}

div#header {
   float:left;
   display:inline;
   width:960px;
   margin:0 0 10px 0;
}

div#content {
   float:left;
   display:inline;
   width:960px;
   background-color: white;
}

div#maincontent {
   float:left;
   display:inline;
   width: 454px;
   background-color: white;
   margin:0 9px 0 9px;
}

div#subcontent {
   width:200px;
   float:left;
   display:inline;
}

div#submedia {
   width:287px;
   float:left;
   display:inline;
}

/* === Main Content Page - 2 columns (Copy and Sub Copy) === */
body.content-page div#maincontent {
   float:left;
   display:inline;
   width: 751px;
   background-color: white;
   margin:0 0 0 9px;
}

body.content-page div#contentpage {
   float:left;
   display:inline;
   width: 540px;
   background:#939CA1 url('/boltonschool/images/css/twocolumn-contentpage-bottom.gif') no-repeat bottom left;
}

body.content-page div#contentpage-content {
   float:left;
   display:inline;
   width:100%; 
   background:url('/boltonschool/images/css/twocolumn-contentpage-top.gif') no-repeat top left;
}

div.sub-copy {
   float:left;
   display:inline;
   width:200px;
   margin:0 0 0 10px;
   background:#E6E7E9 url('/boltonschool/images/css/twocolumn-contentpage-sub-copy-bottom.gif') no-repeat bottom left;
}

div.sub-copy-content {
   float:left;
   display:inline;
   width:100%; 
   background:url('/boltonschool/images/css/twocolumn-contentpage-sub-copy-top.gif') no-repeat top left; 
}

div.sub-copy-content p.image-caption {
   font-size:70%;
   font-style:italic;
   margin:0 6px 6px 6px;
   width:180px;
}

div.sub-copy img.sub-copy-img {
   margin:6px 0 6px 5px;
}

div#contentpage div.main-copy h2 {
   margin:0 0 10px 10px;
   padding:0;
   font-size:100%;
   text-transform:none;
   font-weight:bold;
}

div#contentpage div.main-copy h3 {
   margin:0 0 10px 10px;
   padding:0;
   font-size:90%;
   text-transform:none;
   font-weight:bold; 
}

div#contentpage div.main-copy p {
   margin:0 10px 0 10px;
}

div#contentpage div.main-copy p a {
   color:#818182;
   text-decoration:none;
   border-bottom:1px solid white;
   color:white;
}

div#contentpage div.main-copy p a:hover {
   color:#6D788F;
   border-bottom:1px dotted white;
   color:white;
}

div#contentpage div.main-copy p a.image-link { text-decoration:none; border-bottom:none; }
div#contentpage div.main-copy p a.image-link:hover { text-decoration:none; border-bottom:none; }

div#contentpage div.main-copy dl {
   float:left;
   display:inline;
   color:white;
   font-size:80%;
   margin:0 0 15px 10px;
}

div#contentpage div.main-copy dl dt {
   clear:both;
   float:left;
   display:inline;
   width:175px;
}

div#contentpage div.main-copy dl dd {
   float:left;
   display:inline;
   width:330px;
}

/* Iframe Content */
div.iframe-content {
   margin:0 0 0 110px;
}

/* News, Events, Noticeboard Pages - Icon styling */
div#contentpage div.main-copy p.news, div#contentpage div.main-copy p.event, div#contentpage div.main-copy p.noticeboard, div#contentpage div.main-copy p.download {
   font-style:italic;
   font-weight:bold;
   margin:15px 10px 5px 10px;
   padding:2px 0 5px 22px;
   background:transparent url('/boltonschool/images/css/news-icon-large.gif') no-repeat top left;
}

div#contentpage div.main-copy p.event {
   background:transparent url('/boltonschool/images/css/calendar-icon-large.gif') no-repeat top left;
}

div#contentpage div.main-copy p.noticeboard {
   background:transparent url('/boltonschool/images/css/news-icon-large.gif') no-repeat top left;
}

div#contentpage div.main-copy p.download {
   font-weight:normal;
   background:transparent url('/boltonschool/images/css/download-icon-large.gif') no-repeat top left;
}

div#contentpage div.main-copy div.news-item h2.noticeboard-heading {
   float:left;
   display:inline;
   padding:2px 0 5px 22px;
   background:transparent url('/boltonschool/images/css/news-icon-large.gif') no-repeat top left;
}

div.download-section ul {
   list-style-type:none;
   margin:0 0 0 10px;
   float: left;
   padding: 0px;
}

div.download-section ul li {
   float:left;
   display:inline;
   width:700px;
   padding:0 0 8px 22px;
   background:transparent url('/boltonschool/images/css/download-icon-large.gif') no-repeat top left;
}

div#contentpage div.main-copy div.news-item h2.news-heading, div#contentpage div.main-copy div.news-item h2.noticeboard-heading {
   font-size:80%;
}

div.news-item h2.news-heading a, div.news-item h2.noticeboard-heading a { border-bottom:1px solid white; color:white; text-decoration:none; }
div.news-item h2.news-heading a:link, div.news-item h2.noticeboard-heading a:link { border-bottom:1px solid white; color:white; }
div.news-item h2.news-heading a:visited, div.news-item h2.noticeboard-heading a:visited { border-bottom:1px solid white; color:white; }
div.news-item h2.news-heading a:hover, div.news-item h2.noticeboard-heading a:hover { border-bottom:1px dotted white; color:white; }
div.news-item h2.news-heading a:active, div.news-item h2.noticeboard-heading a:active { border-bottom:1px solid white; color:white; }

div.news-item {clear:both; float:left; margin:0 0 10px 5px; width:735px; padding:0 0 10px 0; border-top:1px solid white;}
div.news-item img {float:left; margin:0 10px 0 10px;}
div.news-item p.abstract {clear:none!important; float:left; width:590px; display:inline;}

div#contentpage ul.video-paging { color:white; float:right; list-style: none; font-size:75%; margin:10px 10px 10px 0; padding:0; }
div#contentpage ul.video-paging li { float:left; margin: 0 5px 0 5px!important; font-weight:bold; }
div#contentpage ul.video-paging li a { color:white; font-weight:normal;}


/* Sub Copy - Additional Downloads */
div.sub-downloads {
   float:left;
   display:inline;
   width:200px;
   margin:0 0 10px 10px;
   background:url('/boltonschool/images/css/sub-downloads-bottom.gif') no-repeat bottom left;
}

div.sub-downloads div.sub-downloads-content {
   float:left;
   display:inline;
   width:200px;
   background:url('/boltonschool/images/css/sub-downloads-top.jpg') no-repeat top left;
}

div.sub-downloads div.sub-downloads-content h2 {
   color:#B74141;
   font-size:90%;
   font-weight:bold;
   text-transform:none;
}

div.sub-downloads div.sub-downloads-content h2 a { color:#B74141; border-bottom:1px solid #B74141; text-decoration:none; }
div.sub-downloads div.sub-downloads-content h2 a:link { color:#B74141; border-bottom:1px solid #B74141; text-decoration:none; }
div.sub-downloads div.sub-downloads-content h2 a:visited { color:#B74141; }
div.sub-downloads div.sub-downloads-content h2 a:hover { color:#B74141; border-bottom:1px dotted #B74141; }
div.sub-downloads div.sub-downloads-content h2 a:active { color:#B74141; border-bottom:1px solid #B74141; }

ul.additional-downloads { clear:both; float:left; margin:0 0 0 10px; padding:0; }

ul.additional-downloads li {
   clear:both;
   float:left;
   display:inline;
   margin:0 10px 0px 0px;
   padding:0 0 5px 22px;
}

ul.additional-downloads li.video-img-thumb { background:transparent url('/umbraco/images/umbraco/mediaMovie.gif') no-repeat 0px 2px!important; }
ul.additional-downloads li.flipbook-img-thumb { background:transparent url('/umbraco/images/umbraco/folder.gif') no-repeat 0px 4px!important; }
ul.additional-downloads li.download-img-thumb { background:transparent url('/umbraco/images/umbraco/nitros.gif') no-repeat 0px 4px!important; }

div.sub-downloads div.sub-downloads-content ul.additional-downloads { margin:0 0 10px 10px; padding:0; width:175px; }
div.sub-downloads div.sub-downloads-content ul.additional-downloads li { font-size:70%; width:85%; }

ul.additional-downloads li a { color:#B74141; border-bottom:1px solid #B74141; text-decoration:none; }
ul.additional-downloads li a:link { color:#B74141; border-bottom:1px solid #B74141; }
ul.additional-downloads li a:visited { color:#B74141; border-bottom:1px solid #B74141; }
ul.additional-downloads li a:hover { color:#B74141; border-bottom:1px dotted #B74141; }
ul.additional-downloads li a:active { color:#B74141; border-bottom:1px solid #B74141; }


/* === Main Content Page - 1 column (Gallery section) === */
body.twocol-content-page div#maincontent {
   float:left;
   display:inline;
   width: 751px;
   background-color: white;
   margin:0 0 0 9px;
}

body.twocol-content-page div#contentpage {
   float:left;
   display:inline;
   width: 751px;
   background:#939CA1 url('/boltonschool/images/css/onecolumn-gallerypage-bottom.gif') no-repeat bottom left;
}

body.twocol-content-page div#contentpage-content {
   float:left;
   display:inline;
   width:100%; 
   background:url('/boltonschool/images/css/onecolumn-gallerypage-top.gif') no-repeat top left;
}

body.twocol-content-page div#contentpage-content div.photo {
   text-align:center;
   position:relative;
   width:751px;
}

div.pager {
   float:left;
   display:inline;
   width:751px;
   margin:20px 0 15px 0;
}

div.photo div.pager a { font-size:80%; border-bottom:1px solid white; color:white; text-decoration:none; }
div.photo div.pager a:link { border-bottom:1px solid white; color:white; }
div.photo div.pager a:visited { border-bottom:1px solid white; color:white; }
div.photo div.pager a:hover { border-bottom:1px dotted white; color:white; }
div.photo div.pager a:active { border-bottom:1px solid white; color:white; }

div.photo div.pager a.left {
   float:left;
   margin:0 0 0 125px;
}

div.photo div.pager a.right {
   float:right;
   margin:0 125px 0 0;  
}

body.twocol-content-page div#contentpage-content div.item {
   width:400px;
   text-align:left;
   margin:0 auto;
}

body.twocol-content-page div#contentpage-content div.item img {
   border:3px solid #A6AAAB;
   margin:0 0 10px 0;
}

body.twocol-content-page div#contentpage-content div.item span {
   clear:both;
   display:block;
   width:500px;
   text-align:center;
   font-weight:bold; 
   font-size:80%;
   color:white;
   margin:10px 0 10px 0;
}

/* Nursery Galleries Grid & Photos Grid Pages  */
body.twocol-content-page div#contentpage-content div.galleryGrid div.item, body.twocol-content-page div#contentpage-content div.photogrid div.item {
   width:106px;
   float:left;
   display:inline;
   padding:0 0 10px 0;
   text-align:center;
   margin:0 0 0 16px;
}

body.twocol-content-page div#contentpage-content div.galleryGrid div.first, body.twocol-content-page div#contentpage-content div.photogrid div.first {
   clear:both;
}

hr.gallery-divide { clear:both; color:#939CA1; width:100%; border:none; height:1px; }

body.twocol-content-page div#contentpage-content div.galleryGrid div.item a img, body.twocol-content-page div#contentpage-content div.photogrid div.item a img {
   float:left;
   display:inline;
}

body.twocol-content-page div#contentpage-content div.galleryGrid div.item span, body.twocol-content-page div#contentpage-content div.photogrid div.item span {
   clear:both;
   display:block;
   width:100px;
   text-align:center;
   font-size:60%;
   color:white;   
   margin:5px 0 10px 0;
}

div.galleryGrid div.item a, div.photogrid div.item a { font-size:80%; border-bottom:1px solid white; color:white; text-decoration:none; }
div.galleryGrid div.item a:link, div.photogrid div.item a:link { border-bottom:1px solid white; color:white; }
div.galleryGrid div.item a:visited, div.photogrid div.item a:visited { border-bottom:1px solid white; color:white; }
div.galleryGrid div.item a:hover, div.photogrid div.item a:hover { border-bottom:1px dotted white; color:white; }
div.galleryGrid div.item a:active, div.photogrid div.item a:active { border-bottom:1px solid white; color:white; }

/* Calendar */
div#calendar {
   float:left;
   display:inline;
   width:200px;
   padding:0 0 5px 0;
   background:url('/boltonschool/images/css/sub-nav-bottom.gif') no-repeat bottom left;
}

div#calendar-content {
   float:left;
   display:inline;
   width:190px;
   margin:5px 0 0px 5px;
   background:url('/boltonschool/images/css/calendar-bottom.jpg') no-repeat bottom left;
}

div#calendar h2 {
   float:left;
   display:inline;
   width:180px;
   color:#2B6C99;
   font-size:90%;
   font-weight:bold;
   padding:8px 0 1px 12px;
   text-transform:none;
   background:url('/boltonschool/images/css/calendar-top.jpg') no-repeat top left;
}

div#calendar h2 a { color:#2B6C99; text-decoration:none; }
div#calendar h2 a:link { color:#2B6C99; border-bottom:1px solid #2B6C99; text-decoration:none; }
div#calendar h2 a:visited { color:#2B6C99; border-bottom:1px solid #2B6C99; }
div#calendar h2 a:hover { color:#2B6C99; border-bottom:1px dotted #2B6C99; }
div#calendar h2 a:active { color:#2B6C99; border-bottom:1px solid #2B6C99; }

div#calendar ol {
   float:left;
   display:inline;
   font-size:70%;
   list-style-type:none;
   margin:5px 0 0px 13px;
}

div#calendar ol li h3 {
   font-size:100%;
   color:#4896A2;
   text-transform:none;
   padding:0;
}

div#calendar ol li {
   clear:both;
   float:left;
   display:inline;
   width:165px;
   margin:0 0 0 -25px;
   border-top:1px dotted #4896A2;   
}

div#calendar ol li p {
   font-size:100%;
   color:#4896A2;
   padding:0 0 5px 0;
}

div#calendar ol li p a, div#calendar ol li p em {
   color:#2B6C99;
   text-decoration:none;
   font-weight:bold;
   font-style:normal;
}

div#calendar ol li p a:hover {
   text-decoration:underline;
}

/* Prospectus Download */
div#prospectus { float:left; display:inline; width:200px; padding:0 0 5px 0; background:url('/boltonschool/images/css/sub-nav-bottom.gif') no-repeat bottom left; }
div#prospectus-download { float:left; display:inline; width:190px; margin:5px 0 0px 5px; background:url('/boltonschool/images/css/calendar-bottom.jpg') no-repeat bottom left; }
div#prospectus-download h3 { float:left; display:inline; width:180px; color:#2B6C99; font-size:90%; font-weight:bold; padding:8px 0 1px 12px; text-transform:none; background:url('/boltonschool/images/css/calendar-top.jpg') no-repeat top left; }
div#prospectus-download h4 { float:left; display:inline; width:180px; color:#2B6C99; font-size:80%; font-weight:bold; padding:0 0 0 12px; margin:0; }
div#prospectus-download p { font-size:70%; margin:10px 10px 0px 12px; }

div#prospectus-download p.adobereader { margin:0 10px 0px 75px; }

div#prospectus-download ul { float:left; display:inline; font-size:70%; color: #434f36; list-style-type:none; margin:0 0 5px 13px; }
div#prospectus-download ul li { clear:both; float:left; display:inline; width:165px; margin:0 0 0 -25px; padding:5px 0 5px 0; border-bottom:1px dotted #4896A2; }
img.prospectus-logo { float:left; display:inline; padding:0 0 5px 5px; }

div#prospectus-download fieldset label { float:left; display:inline; font-size:70%; margin:4px 0 0 10px; width:70px; }
div#prospectus-download fieldset label em { color:Red; }
div#prospectus-download fieldset input, div#prospectus-download fieldset select { float:left; display:inline; font-size:70%; margin:0 0 5px 0; width:95px; }
div#prospectus-download input.submit { float:right; display:inline; width:auto; margin:0 10px 10px 0; }

div#prospectus-download h2.errorheading { font-size:90%; color:red; margin:5px 0 0 12px; padding:0; text-transform:none; }
div#prospectus-download ol#errorlist { color:red; font-size:70%; margin:5px 0 0 0; padding:0 0 0 33px; }

/* ISFA logo */
div.isfa-logo {
   float:left;
   display:inline;
   width:200px;
   padding:5px 0 5px 0;
   background:url('/boltonschool/images/css/sub-nav-bottom.gif') no-repeat bottom left;
}

div.isfa-logo img { margin:0 0 0 50px; }

/* 2012 Olympics logo */
div.olympics-logo {float:left; display:inline; width:200px; padding:5px 0 5px 0; background:url('/boltonschool/images/css/sub-nav-bottom.gif') no-repeat bottom left;}


/* 4 =Navigation
- - - - - - - - - - - - - - - - - - - - */
/* See: \css\navigation.css */


/* 5 =Sub Navigation
- - - - - - - - - - - - - - - - - - - - */
/* See: \css\sub_navigation.css */


/* 6 =Global
- - - - - - - - - - - - - - - - - - - - */
div#accessibility {
   display: none;
}

/* Announcement - Bad Weather Report */
div#announcement {
   float:left;
   display:inline;
   width:454px;
   margin:0 0 12px 0;   
   background:url('/boltonschool/images/css/announcement_bottom.jpg') no-repeat bottom left;
}

div.announcement-content {
   float:left;
   display:inline;
   width:454px;   
   background:url('/boltonschool/images/css/announcement_top.jpg') no-repeat top left;
}

div.announcement-weather {
   background:url('/boltonschool/images/css/badweather_top.jpg') no-repeat top left;   
}

div.announcement-content h2 {
   font-weight:bold;
   text-transform:none;
   text-align:center;
   color:white;
   padding: 15px 0 0 0;
}

div.announcement-content h3 {
   font-size:100%;
   font-weight:bold;
   text-transform:none;
   text-align:center;
   color:white;
   padding: 0 0 10px 0;
}

div.announcement-content p {
   padding:0 15px 20px 10px;
   font-size:70%;
   text-align:center;
   color:white;
}

/* Main Panel Welcome */
div#mainpanel {
   float:left;
   display:inline;
   width:454px;
   background:#688FAC url('/boltonschool/images/css/welcome-bottom.jpg') no-repeat bottom left;
}

div#mainpanel-content {
   float:left;
   display:inline;
   width:454px;   
   background:transparent url('/boltonschool/images/css/welcome-top.jpg') no-repeat top left;
}

div#mainpanel-content div#intro-copy {
   float:left;
   display:inline;
}

div#mainpanel-content p {
   padding:0 10px 10px 10px;
   font-size:70%;
   text-align:left;
   color:white;
}

div#mainpanel-content img.welcome-image {
   float:right;
   margin:0 12px 8px 12px;
}

div.image-rotation img { display: none; margin: 0!important; border: none!important; }
div.image-rotation img.selected { display: block; }

div#mainpanel-content #bolton-rotation {
   float:right;
   margin:0 12px 8px 12px;
}

div#mainpanel-content p a, div#mainpanel-content ul li a {
   color:white;
}

div#mainpanel-content p a:hover, div#mainpanel-content ul li a:hover {
   color:#ccc;
}

div#mainpanel-content ul {
   font-size:70%;
}


/* Main Content - Follows the News Panel */
div#centrepanel {
   float:left;
   display:inline;
   width:454px;
   background:#E6E7E8 url('/boltonschool/images/css/main-content-bottom.jpg') no-repeat bottom left;
   margin:12px 0 0 0;
}

div#centrepanel div#centrepanel-content {
   float:left;
   display:inline;
   width:454px;
   background:url('/boltonschool/images/css/main-content-top.jpg') no-repeat top left;
}

/* Front Page News */
div#newspanel {
   float:left;
   display:inline;
   width:440px;
   background:url('/boltonschool/images/css/news-bottom.gif') no-repeat bottom left;
   margin:7px 0 0 7px;
}

div#newspanel-content {
   float:left;
   display:inline;
   width:440px;   
   background:url('/boltonschool/images/css/news-top.jpg') no-repeat top left;
}

div#maincontent div#newspanel-content h2 {
   font-weight:bold;
   text-transform:none;
   color:#5F92AA;
   padding: 15px 0 0 15px;
}

div#maincontent div#newspanel-content h2 a {
   color:#5F92AA;
   border-bottom:1px solid #5F92AA;
   text-decoration:none;   
}
div#maincontent div#newspanel-content h2 a:hover {
   color:#5F92AA;
   border-bottom:1px dotted #5F92AA;
}

div#maincontent div#newspanel-content div.news-active {
   float:left;
   display:inline;
   margin:0 0 0 15px;
   padding:0 0 10px 0;
}

div#maincontent div#newspanel-content div.news-active h3 {
   float:left;
   display:inline;
   width:260px;
   color:white;
   background-color:#5F92AA;
   padding:5px 5px 5px 10px;
   font-size:80%;
   font-weight:bold;
   text-transform:none;
}

div#maincontent div#newspanel-content div.news-active h3 a {
   color:white;
   border-bottom:1px solid white;
   text-decoration:none;
}

div#maincontent div#newspanel-content div.news-active h3 a:hover {
   border-bottom:1px dotted white;
}

div#maincontent div#newspanel-content div.news-active img {
   clear:both;
   float:left;
   display:inline;
   width:130px;
   border:3px solid #5F92AA;
}

div#maincontent div#newspanel-content div.news-active p {
   clear:none;
   float:left;
   display:inline;
   width:255px;
   padding: 5px 15px 10px 8px;
   text-align:justify;
   color:black;
   line-height:1.5em;
   font-size:70%;
}

div#maincontent div#newspanel-content div.news-active p a {
   text-decoration:none;
   color:#5F92AA;
   font-weight:bold;
   margin:0;   
}

div#maincontent div#newspanel-content div.news-active p a:hover {
   text-decoration:underline;
}

div#maincontent div#newspanel-content ul#news-links {
   padding:0 0 0 25px;
}

div#maincontent div#newspanel-content ul#news-links {
   clear:both;
   float:left;
   display:inline;
   list-style:none;
   margin:10px 0 0 -10px;
   width:410px;
}

div#maincontent div#newspanel-content ul#news-links li {
   float:left;
   display:inline;
   width:136px;
   margin:0 1px 0 0;
   line-height:1em;
}

div#maincontent div#newspanel-content ul#news-links li#last {
   margin:0;
}

div#maincontent div#newspanel-content ul#news-links li h3 {
   color:white;
   font-size:70%;
   font-weight:bold;
   text-transform:none;
}

div#maincontent div#newspanel-content ul#news-links li h3 a {
   display:block;
   color:white;
   text-decoration:none;
   background-color:#5F92AA;
   padding:5px;
}

div#maincontent div#newspanel-content ul#news-links li h3 a.newshoverstate {
   background-color:#97B3C5;
}

div#maincontent div#newspanel-content p a {
   margin:0 0 15px 15px;
   text-decoration:none;
   color:#5F92AA;
   font-weight:bold;
}

div#maincontent div#newspanel-content p a:hover {
   text-decoration:underline;
}

/* = Social Bookmarks = */
div.main-copy ul.socialbookmarks {
   list-style-type:none;
   float:left;
   display:inline;
}

div.main-copy ul.socialbookmarks li { float:left; display:inline; margin:5px 10px 5px 10px!important; padding:0px 0 0px 22px; }
div.main-copy ul.socialbookmarks li.delicious { background:transparent url('/boltonschool/images/icons/delicious.gif') no-repeat 0px 3px; }
div.main-copy ul.socialbookmarks li.digg { background:transparent url('/boltonschool/images/icons/digg.gif') no-repeat 0px 3px; }
div.main-copy ul.socialbookmarks li.reddit { background:transparent url('/boltonschool/images/icons/reddit.gif') no-repeat 0px 3px; }
div.main-copy ul.socialbookmarks li.facebook { background:transparent url('/boltonschool/images/icons/facebook.gif') no-repeat 0px 3px; }
div.main-copy ul.socialbookmarks li.stumbleupon { background:transparent url('/boltonschool/images/icons/stumbleupon.gif') no-repeat 0px 3px; }


/* === Sub Links Panels === */
div.sublinks {
   float:left;
   display:inline;
   width:440px;
}

div.sublinks ul.sublinks {
   float:left;
   display:inline;
   width:440px;
   list-style-type:none;
   margin:7px 0 0 -15px;
}

div.sublinks ul.sublinks img {
   border:3px solid #6D788F;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   margin:0 0 0 5px;
}

div.sublinks ul.sublinks p {
   text-align:left;
   line-height:1.3em;
   font-size:70%;
   padding:0 5px 15px 5px;
   color:white;
}

div.sublinks ul.sublinks li h3 {
   width:142px;
   font-size:85%;
   text-transform:none; 
}

div.sublinks ul.sublinks li h3 a {
   display:block;
   color:white;
   font-weight:bold;
   text-decoration:none;
   padding:0 0 0 20px;
   background:url('/boltonschool/images/css/sub-links-anchor.jpg') no-repeat 5px 8px;
}

div.sublinks ul.sublinks li h3 a:hover {
   text-decoration:underline;
}

div.sublinks ul.sublinks h4 {
   border-top:1px solid #E6E7E8;
   width:142px;
   font-size:85%; 
   background:#6D788F url('/boltonschool/images/css/sub-links-h4-bottom.jpg') no-repeat bottom left;
}

div.sublinks ul.sublinks h4 a {
   display:block;
   color:white;
   line-height:1.2em;   
   font-size:85%;
   font-weight:bold;
   text-decoration:none;
   padding:5px 0 5px 20px; 
   background:url('/boltonschool/images/css/sub-links-h4-anchor.jpg') no-repeat 5px 5px;
}

div.sublinks ul.sublinks h4 a:hover {
   text-decoration:underline;
}

/* Contact Us Panel */
ul.sublinks li.contact-us {
   float:left;
   display:inline;
   width:142px;
   margin:0 5px 0 0;
   background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left;
}

ul.sublinks li.contact-us h3 {
   width:142px;
   background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left;
}

/* Visit Us Panel */
ul.sublinks li.visit-us {
   float:left;
   display:inline;
   width:142px;
   margin:0 5px 0 0; 
   background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left;  
}

ul.sublinks li.visit-us h3 {
   width:142px;
   background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left;
}

/* Bursary Places Panel */
ul.sublinks li.bursary-places {
   float:left;
   display:inline;
   width:142px;
   margin:0;    
   background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left;  
}

ul.sublinks li.bursary-places h3 {
   width:142px;
   background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left;
}

/* Old Girls' Panel */
ul.sublinks li.old-girls { clear:both; float:left; display:inline; width:142px; margin:5px 5px 0 0; background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left; }
ul.sublinks li.old-girls h3 { width:142px; background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left; }
/* Old Boys' Panel */
ul.sublinks li.old-boys { float:left; display:inline; width:142px; margin:5px 5px 0 0; background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left; }
ul.sublinks li.old-boys h3 { width:142px; background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left; }
/* Make a Donation Panel */
ul.sublinks li.donate-online { float:left; display:inline; width:142px; margin:5px 0 0 0; background:#7F96A6 url('/boltonschool/images/css/sub-links-bottom.jpg') no-repeat bottom left; }
ul.sublinks li.donate-online h3 { width:142px; background:url('/boltonschool/images/css/sub-links-top.jpg') no-repeat top left; }


/* === Media Content, RHS === */
div#submedia {
   background:#E6E7E8 url('/boltonschool/images/css/media-top.jpg') no-repeat top left;
}

div#submedia-content {
   float:left;
   display:inline;
   width:287px;
   padding:0 0 5px 0;
   background:url('/boltonschool/images/css/media-bottom.jpg') no-repeat bottom left;
}

/* = Girls Division, work from home Styling = */
div#submedia-content a.girls-work-from-home {
   float:left;
   display:inline;
   margin:5px 0 0 5px;
}

/* = Video Sub Content Styling = */
div#submedia-content div#youtube {
   float:left;
   display:inline;
   width:277px;
   margin:5px 0 0 5px;
   background:url('/boltonschool/images/css/youtube-bottom.gif') no-repeat bottom left;
}

div#submedia-content div#youtube-content {
   float:left;
   display:inline;
   width:277px;
   background:url('/boltonschool/images/css/youtube-top.jpg') no-repeat top left;
}

div#submedia-content div#youtube-content h2 {
   color:white;
   font-size:90%;
   font-weight:bold;
   padding:8px 0 1px 12px;
   text-transform:none;
}

div#submedia-content div#youtube-content h2 a {
   color:white;
}

div#submedia-content div#youtube h3.youtube-selected {
   font-size:75%;
   color:white;
   text-transform:none;
   font-weight:bold;
   margin:10px 3px 0 3px;
   padding:2px 0 5px 22px;
   background:url('/boltonschool/images/css/youtube-anchor-selected.jpg') no-repeat 7px 6px;
}

div#youtube object#mediaplayer {
   margin:0 0 0 3px;
}

div#submedia-content div#youtube ul {
   float:left;
   display:inline;
   width:230px;   
   font-size:70%;
   list-style-type:none;
   margin:10px 0 5px -15px;
}

div#submedia-content div#youtube ul.video-list li {
   float:left;
   display:inline;
   width:230px;
   padding:0 0 0 20px;
   background:url('/boltonschool/images/css/youtube-anchor.jpg') no-repeat 5px 4px;
}

div#submedia-content div#youtube ul.video-list li a {
   color:white;
   text-decoration:none;
}

div#submedia-content div#youtube ul.video-list li a:hover {
   text-decoration:underline;
}

div#submedia-content div#youtube p.player a {
   float:left;
   display:inline;
   font-style:italic;
   font-weight:normal;
   text-decoration:none;
   margin:15px 10px 5px 10px;
   padding:2px 0 5px 22px;
   background:transparent url('/boltonschool/images/css/download-icon-large.gif') no-repeat 0px -1px;
}

div#submedia-content div#youtube p.player a span {
   color:white;
   border-bottom:1px solid white;
}

div#submedia-content div#youtube p.player a:hover span {
   text-decoration:none;
   border-bottom:1px dotted white;
}


/* = Noticeboard Sub Content Styling = */
div#submedia-content div#noticeboard {
   float:left;
   display:inline;
   width:277px;
   margin:5px 0 0 5px;
   padding:0 0 15px 0;
   background:url('/boltonschool/images/css/noticeboard-bottom.gif') no-repeat bottom left;
}

div#submedia-content div#noticeboard h2 {
   float:left;
   display:inline;
   width:265px;
   color:#2B6C99;
   font-size:90%;
   font-weight:bold;
   padding:8px 0 1px 12px;   
   text-transform:none;    
   background:url('/boltonschool/images/css/noticeboard-top.jpg') no-repeat top left;
}

div#submedia-content div#noticeboard h2 a { color:#2B6C99; text-decoration:none; }
div#submedia-content div#noticeboard h2 a:link { color:#2B6C99; border-bottom:1px solid #2B6C99; text-decoration:none; }
div#submedia-content div#noticeboard h2 a:visited { color:#2B6C99; border-bottom:1px solid #2B6C99; }
div#submedia-content div#noticeboard h2 a:hover { color:#2B6C99; border-bottom:1px dotted #2B6C99; }
div#submedia-content div#noticeboard h2 a:active { color:#2B6C99; border-bottom:1px solid #2B6C99; }

div#submedia-content div#noticeboard ul {
   float:left;
   display:inline;
   width:247px;
   font-size:70%;
   list-style-type:none;
   margin:10px 0 5px 3px;
   padding:0;
}

div#submedia-content div#noticeboard ul li {
   clear:both;
   float:left;
   display:inline;
   width:271px;
   margin:0;
   padding:0;
   background:url('/boltonschool/images/css/noticeboard-anchor.jpg') no-repeat 10px 6px;
}

div#submedia-content div#noticeboard ul li h3 {
   padding:2px 5px 0 25px;
   font-size:90%;
}

div#submedia-content div#noticeboard ul li h3 a {
   text-transform:none;
   text-decoration:none;
   color:#2B6C99;
}

div#submedia-content div#noticeboard ul li h3 a:hover {
   text-decoration:underline;
}

/* Active Noticeboard */
div#submedia-content div#noticeboard ul li.active-notice {
   float:left;
   display:inline;
   width:271px;
   margin:0;
   background-color:#709FC0;
   background-image:none;
}

div#submedia-content div#noticeboard ul li.active-notice h3 {
   border-bottom:1px solid #83B6DA;
   width:246px;
   padding:5px 0 5px 25px;
   text-transform:none;
   font-size:110%;  
   background:url('/boltonschool/images/css/noticeboard-anchor-selected.jpg') no-repeat 10px 9px;  
}

div#submedia-content div#noticeboard ul li.active-notice h3 a {
   color:white;
   font-weight:bold;
}

div#submedia-content div#noticeboard ul li.active-notice h3 a:hover {
   text-decoration:none;
}

div#submedia-content div#noticeboard ul li div.notice-content p {
   font-size:100%;
   padding:0 5px 5px 5px;  
}

div#submedia-content div#noticeboard ul li.active-notice p {
   float:left;
   display:inline;
   width:125px;
   font-size:100%;
   color:white;
   padding:0 0 5px 5px;
}

div#submedia-content div#noticeboard ul li.active-notice img {
   float:right;
   display:inline;
   border:3px solid #5493BF;
   margin:0;
   padding:0;
}

div#submedia-content div#noticeboard ul li.active-notice p a {
   color:white;
   text-decoration:none;
   font-weight:bold; 
}

div#submedia-content div#noticeboard ul li.active-notice p a:hover {
   text-decoration:underline;
   color:white;
}

/* = Monkhouse Uniforms = */
div#submedia-content div#monkhouse {float:left; display:inline; width:277px; margin:5px 0 0 5px; padding:0 0 15px 0; background:url('/boltonschool/images/css/monkhouse-noticeboard-bottom.gif') no-repeat bottom left;}
div#submedia-content div#monkhouse h2 {float:left; display:inline; width:265px; color:#7E7E7E; font-size:90%; font-weight:bold; padding:8px 0 1px 12px; text-transform:none; background:url('/boltonschool/images/css/boys-noticeboard-top.jpg') no-repeat top left;}
div#submedia-content div#monkhouse img {border:3px solid #BABABA; margin:5px 0 0 13px;}

div#submedia-content div#monkhouse ul {float:left; display:inline; width:247px; font-size:70%; list-style-type:none; margin:10px 0 0 3px; padding:0;}
div#submedia-content div#monkhouse ul li {clear:both; float:left; display:inline; width:271px; margin:0; padding:0; background:url('/boltonschool/images/css/boys-noticeboard-anchor.jpg') no-repeat 10px 6px;}
div#submedia-content div#monkhouse ul li h3 {padding:2px 5px 0 25px; font-size:90%;}
div#submedia-content div#monkhouse ul li h3 a {text-transform:none; text-decoration:none; color:#5D5E60;}
div#submedia-content div#monkhouse ul li h3 a:hover {text-decoration:underline;}

/* = Hire Facilities = */
div#submedia-content div#hirefacilities {
   float:left;
   display:inline;
   width:277px;
   margin:5px 0 0 5px;
   padding:0 0 15px 0;
   background:url('/boltonschool/images/css/hirefacilities-bottom.gif') no-repeat bottom left;
}

div#submedia-content div#hirefacilities h2 {
   float:left;
   display:inline;
   width:265px;
   color:#4896A2;
   font-size:90%;
   font-weight:bold;
   padding:8px 0 1px 12px;
   text-transform:none;    
   background:url('/boltonschool/images/css/hirefacilities-top.jpg') no-repeat top left;
}

div#submedia-content div#hirefacilities ul {
   float:left;
   display:inline;
   width:247px;
   font-size:70%;
   list-style-type:none;
   margin:10px 0 5px 3px;
   padding:0;
}

div#submedia-content div#hirefacilities ul li {
   clear:both;
   float:left;
   display:inline;
   width:271px;
   margin:0;
   padding:0;
   background:url('/boltonschool/images/css/hirefacilities-anchor.jpg') no-repeat 10px 6px;
}

div#submedia-content div#hirefacilities ul li h3 {
   padding:2px 5px 0 25px;
   font-size:90%;
}

div#submedia-content div#hirefacilities ul li h3 a {
   text-transform:none;
   text-decoration:none;
   color:#4896A2;
}

div#submedia-content div#hirefacilities ul li h3 a:hover {
   text-decoration:underline;
}

/* Active hire facility */
div#submedia-content div#hirefacilities ul li.active-hirefacilities {
   float:left;
   display:inline;
   width:271px;
   margin:0;
   background-color:#78BCC6;
   background-image:none;
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities h3 {
   border-bottom:1px solid #8DCAD3;
   width:246px;
   padding:5px 0 5px 25px;
   text-transform:none;
   font-size:110%;   
   background:url('/boltonschool/images/css/hirefacilities-anchor-selected.jpg') no-repeat 10px 9px;  
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities h3 a {
   color:white;
   font-weight:bold;
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities h3 a:hover {
   text-decoration:none;
}

div#submedia-content div#hirefacilities ul li div.facilities-content p {
   font-size:100%;
   padding:0 5px 5px 5px;
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities p {
   float:left;
   display:inline;
   width:125px;
   font-size:100%;
   color:white;
   padding:0 0 5px 5px;
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities img {
   float:right;
   display:inline;
   border:3px solid #5CB1BE;
   margin:0;
   padding:0;
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities p a {
   color:white;
   text-decoration:none;
   font-weight:bold; 
}

div#submedia-content div#hirefacilities ul li.active-hirefacilities p a:hover {
   text-decoration:underline;
   color:white;
}

/* = Downloads section = */
div#submedia-content div#downloads {
   float:left;
   display:inline;
   width:277px;
   margin:5px 0 0 5px;
   padding:0 0 15px 0;
   background:url('/boltonschool/images/css/noticeboard-bottom.gif') no-repeat bottom left;
}

div#submedia-content div#downloads h2 {
   float:left;
   display:inline;
   width:265px;
   color:#2B6C99;
   font-size:90%;
   font-weight:bold;
   padding:8px 0 1px 12px;
   text-transform:none;
   background:url('/boltonschool/images/css/noticeboard-top.jpg') no-repeat top left;
}

div#submedia-content div#downloads h2 a { color:#2B6C99; border-bottom:1px solid #2B6C99; text-decoration:none; }
div#submedia-content div#downloads h2 a:link { color:#2B6C99; border-bottom:1px solid #2B6C99; text-decoration:none; }
div#submedia-content div#downloads h2 a:visited { color:#2B6C99; }
div#submedia-content div#downloads h2 a:hover { color:#2B6C99; border-bottom:1px dotted #2B6C99; }
div#submedia-content div#downloads h2 a:active { color:#2B6C99; border-bottom:1px solid #2B6C99; }

div#submedia-content div#downloads h3 {
   clear:both;
   float:left;
   display:inline;
   width:265px;   
   text-transform:none;
   font-weight:bold;
   margin:10px 0 5px 0;
   padding:2px 0 2px 10px;
   font-size:90%;
   color:#2B6C99;
   background-color:#B4C9DC;
}

div#submedia-content div#downloads p {
   clear:both;
   float:left;
   display:inline;
   font-size:70%;   
   width:240px;
   margin:0 10px 0px 10px;
   padding:0 0 10px 22px;
   background:transparent url('/boltonschool/images/css/download-icon-large.gif') no-repeat 0px -1px!important;
}

div#submedia-content div#downloads p a { color:#2B6C99; border-bottom:1px solid #2B6C99; text-decoration:none; }
div#submedia-content div#downloads p a:link { color:#2B6C99; border-bottom:1px solid #2B6C99; }
div#submedia-content div#downloads p a:visited { color:#2B6C99; border-bottom:1px solid #2B6C99; }
div#submedia-content div#downloads p a:hover { color:#2B6C99; border-bottom:1px dotted #2B6C99; }
div#submedia-content div#downloads p a:active { color:#2B6C99; border-bottom:1px solid #2B6C99; }


/* === Main content pages, News Section === */
body.contentpage div#contentpage-content div.main-news {
   float:left;
   display:inline;
   width:445px;
   padding:20px 25px 25px 25px;
}

body.contentpage div#contentpage-content div.main-news h1 {
   color:#5E92AA;
   padding:0 0 15px 0;
   margin:0;
}

body.contentpage div#contentpage-content div.sub-news {
   float:left;
   display:inline;
   width:230px;
   padding:20px 5px 25px 15px;   
}

div.sub-news img {
   border:3px solid #5E92AA;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   margin:0 0 10px 0;
}

div.sub-news p a {
   color:#5E92AA;
   font-weight:bold;
   text-decoration:none;
}

div.sub-news p a:hover {
   text-decoration:underline;
}

/* 7 =Contact Forms
- - - - - - - - - - - - - - - - - - - - */
div.main-copy fieldset {
   color:white;
   padding:0 0 20px 0;
}

div.main-copy fieldset fieldset { clear:both; }

div.main-copy fieldset legend {
   padding: 0 0 10px 0;
   color:white;
   font-weight:bold;
}

div.main-copy fieldset label {
   clear: both;
   float: left;
   display: inline;
   margin: 0 0 5px 10px;
   font-size: 80%;
   width: 200px;
}

div.main-copy fieldset label strong {
   color:#b44060;
}

div.main-copy fieldset input, div.main-copy fieldset select, div.main-copy fieldset textarea {
   float:left;
   display:inline;
   margin:0 0 5px 10px; 
   font-size:80%;
   width:200px;
}

div.main-copy fieldset textarea{
    font-family: Verdana;
}

div.main-copy fieldset input.checkbox {
   display:block;
   float:none;
   width:20px;
   height:20px;
}

div.main-copy fieldset input.submit {
   clear:both;
   float:left;
   display:inline;
   width:100px;
   margin:0 0 0 325px;
}

div.main-copy fieldset ul.radiobutton-list { list-style-type:none; clear:none; float:left; width:200px; margin:0; padding:0; }
div.main-copy fieldset ul.radiobutton-list li { clear:both; float:left; margin:0; }
div.main-copy fieldset ul.radiobutton-list label { font-size:100%; float:left; display:inline; width:50px; }
div.main-copy fieldset ul.radiobutton-list input { width:20px; height:20px; }

/* Error States */
div.main-copy fieldset legend strong {
   color:#b44060;
}

div#contentpage div.main-copy div.errormessage h2.errorheading {
   color:#b44060;
}

div#contentpage div.main-copy ol#errorlist {
   margin:0 0 0 10px;
   font-size:80%;
   color:#b44060;
}

/* 8 =Footer
- - - - - - - - - - - - - - - - - - - - */
div#footer {
   clear:both;
   text-align:left;
   margin:0 auto 20px auto;
   width:960px;
   font-size:70%;
}

div#footercontainer {
   float:left;
   display:inline;
   width:960px;
   text-align:center;   
   margin:10px 0 20px 0;
   background:#CCC url('/boltonschool/images/css/footer-top.jpg') no-repeat top left;  
}

div#footercontainer p {
   font-size:80%;
   color:#818182;
   margin:0 0 5px 0; 
   padding:0;
}

div#footercontainer p a {
   color:#818182;
   text-decoration:none;
   border-bottom:1px solid #818182;
}

div#footercontainer p a:hover {
   color:#6D788F;
   border-bottom:1px dotted #6D788F;
}

div#footercontainer p#bolton-address {
   margin:-20px 0 5px 0;
}

div#footercontainer p#clever4 {
   margin:10px 0 10px 0;
}

div#footercontainer p#clever4 a#clever4link {
   border:none;
}

div#footercontainer p#social-links { text-align:left; margin: 10px 0 0 10px; }
div#footercontainer p#social-links a { border:none; text-decoration:none; }
div#footercontainer p#social-links a { margin:0 5px 0 0; }


/* 9 =Error Messages
- - - - - - - - - - - - - - - - - - - - */

/* 10 =Admin
- - - - - - - - - - - - - - - - - - - - */
div.sub-news h2 {
   color:#2B6C99;
   font-size:90%;
   font-weight:bold;
   text-transform:none;
   padding:0 0 10px 0!important;
}

div.sub-news ul, div.main-news ul {
   margin:0 0 0 -25px;
   list-style:none;
}

div.sub-news ul li a, div.main-news ul li a {
   text-decoration:none;
   border-bottom:1px solid #2B6C99;
}

div.sub-news ul li a:hover, div.main-news ul li a:hover {
   border-bottom:1px dotted #2B6C99;
}

div.main-news h3#errorheading {
   color:red;
}

div.main-news ul#errorlist {
   color:red;
}

div.main-news label {
   float:left;
   padding:0 10px 0 0;
}

div.main-news input.cancel {
   clear:both;
   float:left;
   display:inline;
   color:red;
   width:65px;
   margin:20px 10px 0 0;
}

div.main-news input.save {
   float:left;
   display:inline;
   color:green;
   width:65px;
   margin:20px 0 0 0;
}

div.main-news p {
   margin:0 0 10px 0;
}

/* 11 =Hovers on menus
- - - - - - - - - - - - - - - - - - - - */
.newshoverstate {
   background-color: red;
}

/* 12 =GoogleMaps
- - - - - - - - - - - - - - - - - - - - */
div#map {
   width: 520px;
   height: 520px;
   margin: 0 0 10px 10px;
}
div#map div#markerselected p {
   color: Black;
}

div#map div#markerselected p a {
   text-decoration: underline;
   color: #015593;
}

/* 13 =SiteMap
- - - - - - - - - - - - - - - - - - - - */
div#contentpage div.main-copy div#sitemap ul {
   font-size:1em;
   padding: 0 10px 10px 25px;
}

div#contentpage div.main-copy div#sitemap ul li {
   font-size:80%;
   margin:0;
   padding:0;
}

div#contentpage div.main-copy div#sitemap ul li ul {
   font-size:1em;
   padding: 10px 10px 10px 25px; 
}

div#contentpage div.main-copy div#sitemap ul li ul li {
   font-size:100%;
}

div#contentpage div.main-copy div#sitemap ul li ul li ul {
   font-size:1em;
   padding: 10px 10px 10px 25px; 
}

div#contentpage div.main-copy div#sitemap ul li ul li ul li {
   font-size:100%;
}

/* #14 =BoltonSchoolTV */
div#submedia-content div#youtube-content h2 a { color:white; text-decoration:none; }
div#submedia-content div#youtube-content h2 a:link { color:white; border-bottom:1px solid white; text-decoration:none; }
div#submedia-content div#youtube-content h2 a:visited { color:white; border-bottom:1px solid white; }
div#submedia-content div#youtube-content h2 a:hover { color:white; border-bottom:1px dotted white; }
div#submedia-content div#youtube-content h2 a:active { color:white; border-bottom:1px solid white; }

div.youtubeplayer { margin: 0 0 10px 10px; }
div.video-list { margin: 0; padding: 0; width: 750px; float: left; }
div.video-list h2 { color: #748FA4; margin: 0; padding: 10px 0 0 0!important; }
div.video-list ul.video-paging { margin-top: -20px!important; }
div.video-list ul.video-paging { color: #434F36; float: right; list-style: none; font-size: 75%; margin: 0; padding: 0; }
div.video-list ul.video-paging li { float: left; margin: 0 5px; }
div.video-list ul.video-paging li a { color: #434F36; }
div.video-list ul.video-channel { list-style: none; float:left; margin:0; width: 750px; clear: both; padding: 0; }
div.video-list ul.video-channel li { margin: 0 6px 0 0; font-size: 75%; float: left; padding: 0; width: 182px; }
div.video-list ul.video-channel li.first { clear:both;}
div.video-list ul.video-channel li.last { margin:0; }
div.video-list ul.video-channel li img { margin-top: 10px; float: left; }
div.video-list ul.video-channel li a { text-decoration:none; cursor:pointer; color:#434F36; font-size:80%; margin:-140px 0 0 0; padding-top:145px; line-height:1.2em; float:left; width:182px; background:transparent url('/boltonschool/images/css/play-button.png') no-repeat center 25px; }
div.video-list ul.video-channel li a:hover { text-decoration:underline; background:transparent url('/boltonschool/images/css/play-button-hover.png') no-repeat center 25px; }

p.youtube-description { color: White; margin: 0 0 0 10px; font-size: 70%; }

div.selected { display:block; padding:0 0 52px 0; }
div.selected a { display:block; position:relative; z-index:1; background:transparent url('/boltonschool/images/css/play-button.png') no-repeat center top; width:91px; height:91px; margin:-140px auto 0 auto; padding:0; }
div.selected a:hover { background:transparent url('/boltonschool/images/css/play-button-hover.png') no-repeat center top;  }
div.selected img { margin: 0 0 0 10px; position:relative; z-index:0; }
div.selected img.division-video { margin:0 0 0 3px; }
div.only-video { margin:0 0 20px 0; }

h3.youtube-selected a { color: White; }
/* Video embed styling for inline videos */
div.video-embed { float: left; margin: 0 0 0 25px; padding: 0;}


div.home-panel { float:left; display:inline; width:440px; background:url('/boltonschool/images/css/boys-news-bottom.gif') no-repeat bottom left; margin:7px 0 0 7px; }
div.home-panel-content { float:left; display:inline; width:440px; background:url('/boltonschool/images/css/boys-news-top.jpg') no-repeat top left; }
div.home-panel-content h2 { font-weight:bold; text-transform:none; color:#7E7E7E; padding: 15px 0 0 15px; }
div.home-panel-content h2 a { color:#5F92AA; border-bottom:1px solid #7E7E7E; text-decoration:none; }
div.home-panel-content h2 a:hover { color:#5F92AA; border-bottom:1px dotted #7E7E7E; }
div.home-panel-content p { float:left; width: 410px; margin: 0 0 5px 5px; padding: 5px 10px 10px 8px; text-align:justify; color:black; line-height:1.5em; font-size:70%; }
