/*  
Site Name: SBL Online V4
Description: SBL Online - Website of The Sir Bernard Lovell School.
Version: 4.0
Author: Dale-Anthony
Author URI: http://www.daleanthony.com/
*/

/* RESET CSS STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, blockquote, th, td {padding: 0px; margin: 0px;}

table {border-collapse: collapse; border-spacing: 0 }
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal }
ol, ul, li {list-style: none;}
caption, th {text-align: left }
h1, h2, h3, h5, h5, h6 {font-size: 100%; font-weight: lighter; }
q:before, q:after {background-position: center center; content: '' }
strong {font-weight: bold }
em {font-style: italic }
a {text-decoration: none; color: #249554; outline: none }
a:hover {color: #0C5A8B; }
a img {border: none;}

p {clear: left;}

/* BODY */
body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin-top: 30px;}

.searchbutton {float: left; position: relative;}

/* NAVIGATION */
#navigation-open {width: 200px; float: left; position: relative; height: 8px;  background-image: url(../images/navigation/bg-top.jpg); background-repeat: no-repeat;}
#navigation-container {width: 178px; float: left; position: relative; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 6px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.navigation {background: url(../images/sitewide/borderdot.gif) top repeat-x; padding-top: 6px;}
.navigation li{width: 178px; padding-bottom: 6px; margin-bottom: 6px; color: #777777; background: url(../images/sitewide/borderdot.gif) bottom repeat-x;}
.navigation li a{padding-left: 18px; color: #777777; background-image: url(../images/navigation/bullet.gif); background-repeat: no-repeat; background-position: 4px 4px;}
.navigation li a:hover{padding-left: 18px; color: #246893; background-image: url(../images/navigation/bullet-active.gif); background-repeat: no-repeat; background-position: 4px 4px;}
#navigation-close {width: 200px; float: left; position: relative; height: 8px; background-image: url(../images/navigation/bg-bottom.jpg); background-repeat: no-repeat;}

/* SIDEBAR */
#siderbar-container {width: 200px; float: left; position: relative; margin-left: 20px;}
#logo-container {width: 200px; height: 105px; margin-bottom: 20px;}

/* KINGSWOOD ONLINE LOGIN BOX */
#kp-container {width: 200px; float: left; position: relative;}
#kp-head {width: 190px; height: 20px; margin-top: 10px; color: #FFFFFF; font-weight: bold; font-size: 11px; padding-left: 10px; padding-top: 6px; background-image: url(../images/sitewide/kphead.jpg); background-repeat: no-repeat; float: left; position: relative;}
#kp-content {width: 180px; background-image: url(../images/sitewide/kpbg.jpg); background-repeat: no-repeat; background-color: #249655; float: left; position: relative; padding: 10px;}
#kp-footer {width: 200px; height: 5px; background-image: url(../images/sitewide/kpfooter.jpg); background-repeat: no-repeat; float: left; position: relative;}
.kp-username {width: 162px; height: 17px; background-color: transparent; background-image: url(../images/sitewide/loginformbg.gif); border: none; padding-left: 8px; padding-right: 8px; padding-top: 4px; font-size: 9px; color: #999999; margin-bottom: 2px; float: left; position: relative;}
.kp-password {width: 126px; height: 17px; background-color: transparent; background-image: url(../images/sitewide/passwordboxbg.gif); border: none; padding-left: 8px; padding-right: 8px; padding-top: 4px; font-size: 9px; color: #999999; float: left; position: relative;}
.kp-loginbutton {float: left; position: relative; width: 36px;}
.lbox {margin-left: 2px;}

/* HEADINGS */
h1 {font-size: 16px; color: #249554; margin-bottom: 12px; clear: both; width: 100%; }
h2 {width: 100%; font-size: 20px; margin-top: 20px; float: left; clear: both;}
h4 {width: 680px; font-size: 18px; padding-bottom: 7px; background: url(../images/sitewide/borderdot.gif) bottom repeat-x; margin-top: 20px; margin-bottom: 10px; font-weight: normal;} 
h5 {width: 680px; font-size: 20px; color: #666666; margin-bottom: 5px; background-image: url(../images/sitewide/borderdot.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 5px; floaT: left; position: relative;}

h6 {font-size: 20px; color: #666666;}

/* GLOBAL STYLES */
#overall-container {float: left; position: relative;}
#page-container {width: 680px; float: left; position: relative; margin-left: 20px;}
#page-header {width: 680px; height: 105px; float: left; margin-bottom: 20px; clear: both;}
#page-title {width: 644px; float: left; position: relative; height: 24px; background-image: url(../images/sitewide/pageheadbg.jpg); background-repeat: no-repeat; padding: 18px; font-size: 20px; font-style: italic; color: #FFFFFF; position: relative; margin-bottom: 15px;}
#badges {width: 680px; height: 80px; float: left; position: relative; margin-top: 10px; margin-bottom: 30px; background-image: url(../images/sitewide/badges.jpg); background-repeat: no-repeat;}
#page-content-news img {margin: 15px; padding: 2px; border: 1px solid #CCCCCC;}
#page-content-news ul {margin-left: 40px; margin-top: 0px; padding-top: 0px; margin-bottom: 18px; }
.list-nospace {padding-top: 0px; margin-bottom: 0px;}
#page-content-news li {list-style-type: disc;}
#page-content table {font-size: 11px; border: 1px solid #CCCCCC;}
#page-content td {padding: 5px;}
#page-content {
	float: left;
	position: relative;
}
#dates-content {width: 660px; float: left; position: relative; margin-left: 20px; }

#post-info {width: 680px; float: left; position: relative; margin-bottom: 8px; }

/* MISC STYLES */
.button {float: left; margin-top: 15px;}
.info-button {float: left; position: relative; margin-top: 7px; margin-bottom: 5px; margin-left: 12px;}
.contact-block-text {width: 640px; height: 24px;}
.contact-block-text li {float: left; margin-right: 20px; height: 28px;}
.green, .green a{color: #249554;}
.upcoming-dates li {float: left; width: 295px; color: #0C5A8B; padding-bottom: 6px;}
.date {margin-right: 20px; color: #777777;}
.upcoming-dates-page li {float: left; width: 650px; color: #0C5A8B; padding-bottom: 6px;}

/* DOWNLOAD BLOCK STYLE */
.download {width: 585px; float: left; position: relative; height: 31px; margin-top: 12px; padding-top: 17px; padding-bottom: 17px; padding-left: 85px; padding-right: 10px; background-image: url(../images/sitewide/downloadbg.gif); background-repeat: no-repeat;}
.download a {font-weight: bold; color: #0C5A8B;}

.download-mini {width: 232px; float: left; position: relative; margin-bottom: 8px; margin-top: 4px; padding-top: 8px; padding-bottom: 8px; padding-left: 65px; padding-right: 10px; background-color: #FFF4B4; background-image: url(../images/jobs/downloadicon.jpg); background-repeat: no-repeat; background-position: 15px 2px; }
.download-mini a {font-weight: bold; color: #0C5A8B;}

/* INDEX PAGE STYLES */
#index-image-container {width: 355px; float: left; height: 200px; margin-bottom: 15px; margin-left: 10px;}
#index-news-container {width: 310px; float: left;}
#index-news-open {width: 310px; float: left; margin-top: 8px; height: 16px; background-image: url(../images/index/index-news-open.jpg); background-repeat: no-repeat;}
#index-news-content {width: 260px; height: 214px; float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 24px; padding-right: 24px; padding-top: 15px; padding-bottom: 15px;}
#index-newsimage {width: 260px; height: 70px; float: left; background-image: url(../images/index/index-news.jpg); background-repeat:no-repeat; margin-bottom: 14px;}
#index-news-close {width: 310px; float: left; height: 8px; background-image: url(../images/index/index-news-close.jpg); background-repeat: no-repeat;}
#index-news-content p {line-height: 18px;}
#index-calendar-container {width: 355px; float: left; margin-left: 12px;}
#index-calendar-open {width: 355px; float: left; margin-top: 8px; height: 18px; background-image: url(../images/index/index-calendar-open.jpg); background-repeat: no-repeat;}
#index-calendar-content {width: 305px; float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 24px; padding-right: 24px; padding-top: 15px; padding-bottom: 15px;}
#index-calendarimage {width: 298px; height: 70px; float: left; background-image: url(../images/index/index-calendar.jpg); background-repeat:no-repeat; margin-bottom: 18px;}
#index-calendar-close {width: 355px; float: left; height: 8px; background-image: url(../images/index/index-calendar-close.jpg); background-repeat: no-repeat;}

/* ROUNDED CORNERS */
.roundedcornr_box_802071w {width: 310px; float: left; background: #efefef; margin-bottom: 15px;}
.roundedcornr_box_802071 {width: 680px; float: left; background: #efefef; margin-bottom: 15px;}
.roundedcornr_top_802071 div {background: url(../images/sitewide/roundedcornr_802071_tl.png) no-repeat top left;}
.roundedcornr_top_802071 {background: url(../images/sitewide/roundedcornr_802071_tr.png) no-repeat top right;}
.roundedcornr_bottom_802071 div {background: url(../images/sitewide/roundedcornr_802071_bl.png) no-repeat bottom left;}
.roundedcornr_bottom_802071 {background: url(../images/sitewide/roundedcornr_802071_br.png) no-repeat bottom right;}
.roundedcornr_top_802071 div, .roundedcornr_top_802071, 
.roundedcornr_bottom_802071 div, .roundedcornr_bottom_802071 {width: 100%; height: 5px; font-size: 1px;}
.roundedcornr_content_802071 { padding: 20px; }
.roundedcornr_content_802071w { height: 150px; padding: 20px; }
.contact_box_802071 {width: 680px; float: left; position: relative; background: #efefef; margin-top: 20px;}
.contact_top_802071 div {background: url(../images/sitewide/roundedcornr_802071_tl.png) no-repeat top left;}
.contact_top_802071 {background: url(../images/sitewide/roundedcornr_802071_tr.png) no-repeat top right;}
.contact_bottom_802071 div {background: url(../images/sitewide/roundedcornr_802071_bl.png) no-repeat bottom left;}
.contact_bottom_802071 {background: url(../images/sitewide/roundedcornr_802071_br.png) no-repeat bottom right;}
.contact_top_802071 div, .contact_top_802071, 
.contact_bottom_802071 div, .contact_bottom_802071 {width: 100%; height: 5px; font-size: 1px;}
.contact_content_802071 { padding-left: 20px; padding-right: 20px; padding-top: 10px; }
/* .contact_content_802071 p {padding-bottom: 3px; padding-top: 3px;} */
.roundedcornr_box_802071wi {width: 310px; float: left; background: #efefef; margin-bottom: 15px;}
.roundedcornr_content_802071wi { height: 220px; padding: 20px; }

/* INFO PAGES */
.info-li-container {width: 330px; float: left;margin-top: 10px; margin-bottom: 15px;}
.info-li-container-alt {width: 330px; float: right; margin-top: 10px; margin-bottom: 15px;}
.info-li-content {width: 310px; float: left; position: relative; padding-left: 10px; padding-right: 10px; padding-top: 12px; padding-bottom: 2px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.info-li-content ul {width: 309px; float: left; position: relative; padding-top: 6px;} 
.info-li-content li{width: 280px; padding-bottom: 3px; margin-bottom: 3px; margin-left: 12px;}
.info-li-content li {padding-left: 18px; position: relative; background-image: url(../images/navigation/bullet.gif); background-repeat: no-repeat; background-position: 4px 4px;}
.schoolinfo-li-open {width: 332px; float: left; height: 17px;  background-image: url(../images/info/schoolinfo-open.jpg); background-repeat: no-repeat;}
.parentsinfo-li-open {width: 332px; float: left; position: relative; height: 17px;  background-image: url(../images/info/parentsinfo-open.jpg); background-repeat: no-repeat;}
.statsinfo-li-open {width: 332px; float: left; position: relative; height: 17px;  background-image: url(../images/info/statsinfo-open.jpg); background-repeat: no-repeat;}
.policiesinfo-li-open {width: 332px; float: left; position: relative; height: 17px;  background-image: url(../images/info/policiesinfo-open.jpg); background-repeat: no-repeat;}
.info-li-close {width: 332px; float: left; position: relative; height: 8px; background-image: url(../images/info/policiesinfo-close.jpg); background-repeat: no-repeat;}


.newshead-open {width: 332px; float: left; height: 17px;  background-image: url(../images/news/newshead.gif); background-repeat: no-repeat;}
.policies-open {width: 332px; float: left; height: 17px;  background-image: url(../images/sitewide/policieshead.gif); background-repeat: no-repeat;}
.blank-open {width: 332px; float: left; height: 17px;  background-image: url(../images/sitewide/blankhead.gif); background-repeat: no-repeat;}

.newsletterhead-open {width: 332px; float: left; height: 17px;  background-image: url(../images/news/newslettershead.gif); background-repeat: no-repeat;}

.jobs-info-content {width: 310px; height: 240px; float: left; position: relative; padding-left: 10px; padding-right: 10px; padding-top: 12px; padding-bottom: 2px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.jobs-info-content-alt {
	width: 280px;
	height: 238px;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 14px;
	padding-bottom: 2px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.jobs-info-content ul {width: 309px; float: left; position: relative; padding-top: 6px;} 
.jobs-info-content li{width: 280px; padding-bottom: 3px; margin-bottom: 3px; margin-left: 12px;}
.jobs-info-content li {padding-left: 18px; position: relative; background-image: url(../images/navigation/bullet.gif); background-repeat: no-repeat; background-position: 4px 4px;}

.jobs-applicationinfo-open {width: 332px; float: left; height: 17px;  background-image: url(../images/jobs/head-details.gif); background-repeat: no-repeat;}
.jobs-forms-open {width: 332px; float: left; position: relative; height: 17px;  background-image: url(../images/jobs/head-forms.gif); background-repeat: no-repeat;}

/* NEWS STYLES */
.news-date {margin-left: 15px; color: #CCCCCC;}

#page-content ul {margin-left: 30px;}
#page-content li {list-style: outside disc;  } 

/* SUBJECT STYLES */

.subjectsul1 li, .subjectsul2 li, .subjectsulmiddle li {width: 200px; float: left; margin-top: 4px; margin-bottom: 4px; font-size: 13px; font-style: italic; font-weight: bold; margin-left: 0px; list-style-type: none;}
.subjectsul1 img, .subjectsul2 img, .subjectsulmiddle img{float: left; margin-right: 10px; padding: 0px;}

#subjectsdiv ul{width: 201px; margin-left: 0px; clear: none; float: left; position: relative;}
#subjectsdiv li{width: 201px; list-style-type: none;}
.subjectsul1 {width: 201px; margin-right: 5px; margin-top: 15px; border: 1px solid #CCCCCC; padding: 10px;}
.subjectsul2 {width: 201px; margin-top: 15px; border: 1px solid #CCCCCC; padding: 10px;}
.subjectsulmiddle {margin-top: 15px; border: 1px solid #CCCCCC; padding: 10px; margin-right: 5px;}

#vacancies-block {width: 680px; float: left; position: relative; margin-top: 8px;}
#vacancies-head {width: 680px; float: left; position: relative; height: 17px;  background-image: url(../images/jobs/head-vacancies.gif); background-repeat: no-repeat;}
#vacancies-content {width: 628px; float: left; position: relative; padding-left: 25px; padding-right: 25px; padding-top: 12px; padding-bottom: 2px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
#vacancies-bottom {width: 680px; float: left; position: relative; height: 8px; background-image: url(../images/sitewide/widecornerborderclose.gif); background-repeat: no-repeat;}

#vacancies-content ul {width: 620px; float: left; position: relative; padding-top: 6px; margin-top: 15px; margin-bottom: 8px; background: url(../images/sitewide/borderdot.gif) top repeat-x;} 
#vacancies-content li{width: 620px; padding-bottom: 6px; margin-bottom: 6px; color: #777777; background: url(../images/sitewide/borderdot.gif) bottom repeat-x; float: left; position: relative;}
#vacancies-content li a{padding-left: 18px; color: #777777; background-image: url(../images/navigation/bullet.gif); background-repeat: no-repeat; background-position: 4px 4px;}
#vacancies-content li a:hover{padding-left: 18px; color: #246893; background-image: url(../images/navigation/bullet-active.gif); background-repeat: no-repeat; background-position: 4px 4px;}

.webmail {width: 190px; height: 23px; background-image:url(../images/sitewide/sidebarbluebutton.gif); font-size: 11px; color: #FFFFFF; font-weight: bold; float: left; position: relative; margin-top: 10px; padding-left: 10px; padding-top: 7px;}
.webmail a:hover, .webmail a {color: #FFFFFF;}


.gallery li{float: left; padding: 2px; border: 2px solid #CCCCCC; margin-right: 15px; margin-top: 15px;}
.gallery img {margin: 0px; padding: 0px; float: left; width: 74px; height: 74px;}