/* CSS Document for Shaftesbury School */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000;
	}

.bold {font-weight: bold;}
.lgebold {font: bold 110% Arial, Helvetica, sans-serif;}
.italic {font-style: italic;}

img.noborder {border: 0px; padding-top: 8px;}
	
p {margin-bottom: 15px}

.wrapper {
	width: 770px;
	margin: auto auto;
	}
	
#header {width: 770px; margin: auto auto; height: 130px;}
	
.sentence {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	padding-bottom: 14px;
	}

.sentence a:link, .sentence a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: underline;}
.sentence a:hover {text-decoration: none;}

.tel {width: 770px; margin: auto auto; text-align: right; font: Arial, Helvetica, sans-serif; color: #666; padding-bottom: 10px;}
.tel a:link, .tel a:visited {font: Arial, Helvetica, sans-serif; color: #666;}
.tel a:hover {text-decoration: none;}

.topline {width: 100%; background: #000; height: 3px;}
hr.botline {height: 3px; background: #000;}

.colors {width: 770px; margin: auto auto; text-align: right;}

.logo {padding-bottom: 40px; border: 0px;}

.content {width: 485px; padding: 30px; float: left;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-position: outside; list-style-type: square; margin-left: 15px; margin-bottom: 10px;}
.torch {width: 58px; padding-top: 20px; float: left;}

.footer {clear: both; height: 44px; background: url(images/footer-bkg.gif) repeat-x; margin-bottom: 10px;}
.logos {width: 770px; margin: auto auto; text-align: center;}

h2 {font: 18px Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px dotted #999; margin-bottom: 15px; padding-bottom: 15px;}
h2 span {font: bold 15px Arial, Helvetica, sans-serif;}
h3 {font: bold 16px Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px dotted #999; margin-bottom: 15px; padding-bottom: 15px;}

.newsarticle {padding-top: 15px;}
.newstop {background: url(images/newstop.jpg) no-repeat top; height: 28px; padding: 14px; width: 458px; font: bold 16px Arial, Helvetica, sans-serif; color: #666;}
.newsmid {padding: 0px 10px; width: 458px; height: 167px; z-index: 300}
.newsmid img {margin-right: 15px; float: left;}
.newsmid p {font: Arial, Helvetica, sans-serif; color: #000000; padding-top: 5px; margin-bottom: 0px;}
/* .newsmid p {font: Arial, Helvetica, sans-serif; color: #666; padding-top: 5px; margin-bottom: 0px;} */
.newsbot {background: url(images/newsbot.jpg) no-repeat top; height: 28px; padding: 14px; width: 458px; text-align: right;}
.readmore a:link, .readmore a:visited {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666; background: url(images/sml-arrows.gif) no-repeat right; padding-right: 40px; position: relative; top: 10px; display: block;}
.readmore a:hover {text-decoration: none; font: Verdana, Arial, Helvetica, sans-serif; color: #000; background: url(images/sml-arrows-bk.jpg) no-repeat right;}

a.text:link, a.text:visited {font: Arial, Helvetica, sans-serif; color: #000;}
a.text:hover {text-decoration: none;}

table.ofsted {border: 1px solid #CCC; margin-bottom: 15px;}
table.ofsted td {padding: 3px;}
table.ofsted td.hdg {background: #CCC; font-weight: bold; text-align: center;}
table.ofsted td.hdgright {background: #CCC; font-weight: bold; text-align: right;}
table.ofsted td.smlhdg {background: #E4E4E4;}
table.ofsted td.light {background: #f4f4f4;}
table.ofsted td.centre {text-align: center;}

table.diary {margin-bottom: 15px;}
table.diary td {padding: 3px; background: #E1F7FF; vertical-align: top;}
table.diary tr {border-bottom: 1px solid #CCF1FF;}
table.diary td.hdg {background: #CCF1FF; font-weight: bold; vertical-align: top;}
table.diary td.mainhdg {background: #FFF; font: 14px Arial, Helvetica, sans-serif; color: #000;}

.newsholder {border: 1px solid #CCC; background: #F4F4F4; padding: 15px 15px 0px 15px; margin-bottom: 15px;}
.newsholder img {border: 1px solid #000; float: right; padding: 10px; margin: 0px 10px 10px 10px; background: #FFF;}
.newsholder .newsdate {text-align: right; font-weight: bolder; color: #666; padding: 3px; border: 1px solid #CCC; background:#FFF;}

p.backtotop {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
p.backtotop a:link, p.backtotop a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
p.backtotop a:hover {text-decoration: none;}

.magdownload {border: 1px solid #CCC; background: #F4F4F4; padding: 5px; margin-top: 10px; font-weight: bold; height: 22px;}
.magdownload .magleft {float: left; width: 300px;}
.magdownload a:link, .magdownload a:visited {border: 1px solid #CCC; background: #FFF url(images/download-arrow.gif) no-repeat left; padding: 3px 3px 5px 15px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; float: right; color: #000; margin-left: 30px; text-decoration: none; width: 120px; text-align: center}
.magdownload a:hover {background: #CCC;}

img.border {border: 1px solid #000; float: right; padding: 10px; margin: 0px 0px 10px 10px; background: #FFF;}
img.horzborder {border: 1px solid #000; padding: 10px; margin-bottom: 10px; margin-top: 10px; background: #FFF;}

table.fixtures {border: 1px solid #000; background: #F4F4F4; font: 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px}
table.fixtures td {padding: 5px;}
table.fixtures td.heading {background: #000; font-weight: bold; color: #FFF;}
table.fixtures td.centre {text-align: center;}

ol {margin-bottom: 15px;}
ol li {list-style-position: outside; margin-left: 20px; margin-bottom: 10px;}

.gallery img {border: 1px solid #CCC; margin-bottom: 15px;}
.subnavgallery {float: right; width: 120px; border: 1px solid #CCC; border-bottom: 0px; margin-left: 10px; margin-bottom: 15px;}
.subnavgallery a:link, .subnavgallery a:visited {border-bottom: 1px solid #CCC; display: block; padding: 5px; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #F4F4F4;}
.subnavgallery a:hover {background: #E4E4E4;}
.subnavgallery p {background: #E4E4E4; display: block; padding: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0px; border-bottom: 1px solid #CCC;}
.subnavgallery p.heading {background: #CCC; font-weight: bold;}

p.print {float: right; width: 85px; border: 1px solid #CCC; padding: 5px;}

.subnav {float: right; width: 195px; border: 1px solid #CCC; border-bottom: 0px; margin-left: 15px; margin-bottom: 15px;}
.subnav a:link, .subnav a:visited {border-bottom: 1px solid #CCC; display: block; padding: 5px; width: 185px; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.subnav a:hover {background: #CCC;}
.subnav p {background: #CCC; display: block; padding: 5px; width: 185px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0px;}
.subnav a.navindetail:link, .subnav a.navindetail:visited {background: #F4F4F4;}
.subnav a.navindetail:hover {background: #E4E4E4;}
.subnav p.navindetail {background: #E4E4E4; border-bottom: 1px solid #CCC;}

input, textarea {border: 1px solid #40CBFF; background-color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 2px;}

ol.alpha {list-style-type: lower-alpha;}

.newsletter {border: 1px solid #CCC; padding: 15px; background: #f4f4f4;}

.picright {float: right; width: 195px; margin-left: 15px; margin-bottom: 15px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000;  text-align: right;}
.picright img {padding: 10px; border: 1px solid #000; margin-bottom: 5px;}

.right {float: right; width: 195px; margin-left: 20px; margin-bottom: 20px;}

.mainnav {width: 165px; float: left; margin-bottom: 15px;}
.mainnav ul {margin: 0; padding: 0; list-style: none;}
.mainnav ul li {position: relative;}
.mainnav li ul {position: absolute; left: 164px; top: -1px; display: none; border-top: 1px solid #999;}
.mainnav li:hover ul, .mainnav li.over ul {display: block;}

.mainnav ul li a:link, .mainnav ul li a:visited {display: block; text-decoration: none; font-weight: bold; color: #000; padding: 5px; text-indent: 12px; text-decoration: none; display: block; width: 156px; border-bottom: 1px solid #999;}

.mainnav ul a:hover {background: url(images/nav-hover.gif) no-repeat;}

.mainnav ul li ul a:link, .mainnav ul li ul a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; background: #CCC; color: #000;padding-top: 7px; padding-bottom: 7px; display: block; text-indent: 0px;}
.mainnav ul li ul a:hover {background: #666; color: #FFF;}

.mainnav ul :hover ul ul{
visibility:hidden;}

.mainnav ul :hover ul :hover ul{ 
visibility:visible;}


/* Fix IE. Hide from IE Mac \*/
* .mainnav ul li { float: left; }
* .mainnav ul li a { height: 1%; }
/* End */

.gallerysection {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F4F4F4; padding: 10px; height: 89px; margin-bottom: 15px;}
.gallerysection img {border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; margin-right: 15px; background: #FFF; float: left;}
.gallerysection p.hdg {font: 600 14px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0px; margin-top: 10px;}
.gallerysection a.view:link, .gallerysection a.view:visited {border: 1px solid #CCC; background: #666; font-weight: bold;  color: #FFF; text-decoration: none; padding: 5px 10px;}
.gallerysection a.view:hover {border: 1px solid #000; background: #CCC; color: #000;}

#latest-news {
	text-align: center;
	padding: 10px;
	border: 2px solid #D0B99A;
	background-image: url(images/invite-bg.jpg);
	font-style: italic;
	}