@import url("layout.css");
@import url("typography.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0; padding:0;}
body{background:#fff; text-align:center;}

ul li{list-style:none;}
a img, button{border:0}
.clear{clear:both;}
.assist-text{position:absolute; left:-5000px; top:-1000px}
.print {display: none;}

.leftpic{float:left;margin:0 15px 0 0}
.rightpic{float:right;margin:0 0 0 15px}
.midpic {margin:auto; display:block; padding:3px; border:1px solid #ccc}
.clear{clear:both;}

/*============================ BRANDING & GLOBAL =========================*/

#branding {background:url(../images/bannerbg.jpg) right bottom no-repeat; height:137px}

#global ul{margin-bottom:10px; overflow:hidden;}
#global input{width:200px;margin-left:11px}
#ajaxSearch_submit {width:30px; height:30px; line-height:1.0; background:url(../images/go-o.gif) left center no-repeat; text-indent:-5000px}

/*============================ MAIN NAVIGATION =========================*/

#main_nav {list-style: none;background:#013e7f url(../images/navbg.gif) left top repeat-x;padding-top:2px}
#main_nav ul{border:1px solid #ccc; border-width:0 1px 0 1px}
#main_nav li {float: left;}
#main_nav li ul li{border:0;}
#main_nav li ul {position: absolute;left: -999em;width:190px;z-index:99; }
#main_nav li li {width:100%; float:none; position:relative;}
#main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li.sfhover ul ul, #main_nav li.sfhover ul ul ul {left: -999em;}
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li.sfhover ul, #main_nav li li.sfhover ul, #main_nav li li li.sfhover ul {left: auto;}

/*============================ SECTION STYLES  =========================*/

#about #main_wrap{background:url(../images/about-bg.gif) left top repeat-y;}
#about #main_inner{background:url(../images/about-b.gif) left bottom no-repeat;}
#about #header{background:#edd1d0;}
#about #sub_content{background:url(../images/about-sub.jpg) left top no-repeat;}

#courses #sub_content{background:url(../images/courses-sub.jpg) left top no-repeat;}
#courses #main_wrap{background:url(../images/courses-bg.gif) left top repeat-y;}
#courses #main_inner{background:url(../images/courses-b.gif) left bottom no-repeat;}
#courses #header{background:#FDE8FE;}
#forthcoming_courses li{background:url(../images/blt-p.gif) 0 8px no-repeat;}

#parents  #sub_content{background:url(../images/parents-sub.jpg) left top no-repeat;}
#parents  #main_wrap{background:url(../images/parents-bg.gif) left top repeat-y;}
#parents  #main_inner{background:url(../images/parents-b.gif) left bottom no-repeat;}
#parents #header{background:#E0F5F5;}

#facts  #sub_content{background:url(../images/facts-sub.jpg) left top no-repeat;}
#facts  #main_wrap{background:url(../images/facts-bg.gif) left top repeat-y;}
#facts  #main_inner{background:url(../images/facts-b.gif) left bottom no-repeat;}
#facts #header{background:#F2F8BE;}

#staff  #sub_content{background:url(../images/staff-sub.jpg) left top no-repeat;}
#staff  #main_wrap{background:url(../images/staff-bg.gif) left top repeat-y;}
#staff  #main_inner{background:url(../images/staff-b.gif) left bottom no-repeat;}
#staff #header{background:#F7E9C0;}

#findschool  #sub_content{background:url(../images/findschool-sub.jpg) left top no-repeat;}
#findschool  #main_wrap{background:url(../images/findschools-bg.gif) left top repeat-y;}
#findschool  #main_inner{background:url(../images/findschools-b.gif) left bottom no-repeat;}
#findschool #header{background:#DCE9F8;}

#publications  #sub_content{background:url(../images/publications-sub.jpg) left top no-repeat;}
#publications  #main_wrap{background:url(../images/publications-bg.gif) left top repeat-y;}
#publications  #main_inner{background:url(../images/publications-b.gif) left bottom no-repeat;}
#publications #header{background:#F8D5BE;}

#general #sub_content{background:url(../images/gen-sub.jpg) left top no-repeat;}
#general #main_wrap{background:url(../images/gen-bg.gif) left top repeat-y;}
#general #main_inner{background:url(../images/gen-b.gif) left bottom no-repeat;}
#general #header{background:#f0de92;}

#news #main_wrap{background:url(../images/news-bg.gif) left top repeat-y;}
#news #main_inner{background:url(../images/news-b.gif) left bottom no-repeat;}
#news #header{background:#E2F8DE;}
#news #sub_content{background:url(../images/news-sub.jpg) left top no-repeat;}
#latest_news li{background:url(../images/blt-g.gif) 0 8px no-repeat;}

/*============================ CONTENT =========================*/

/* File icon styles */
#container li.pdf{padding:2px 10px 2px 23px; background:url(../images/pdf.gif) left 5px no-repeat;}
#container li.word{padding:2px 10px 2px 23px; background:url(../images/word.gif) left 5px no-repeat;}
#container li.nsf{padding:2px 10px 2px 23px; background:url(../images/nsf.gif) left 5px no-repeat;}

abbr{cursor:help}

/* Clear fixes */
#find_schools:after, #main_wrap:after, #welcome:after, #main_inner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#find_schools, #main_wrap, #welcome, #main_inner {display: inline-block;}
html[xmlns] #find_schools, html[xmlns] #welcome, html[xmlns] #main_inner{ display: block;}
 
#find_schools{background:url(../images/bluepanel-b.gif) left bottom no-repeat;padding-bottom:20px; }
#find_schools_inner{background:url(../images/bluepanel-t.gif) left top no-repeat;padding:20px; }
#school-search-form fieldset, #school-select-form fieldset{border:0}
#school-search-form fieldset p, #school-select-form fieldset p{clear:both;margin:0 0 5px 0}
#school-search-form label {float:left;width:70px;padding-right:10px;margin-bottom:10px; text-align:right; font-weight:bold; color:#003d7e}
#school-search-form select{width:180px;margin-right:10px;float:left;}
#schoolurl{width:220px;margin-top:5px}

/* For Parents and Teachers panels*/
#for_staff_panel{background:url(../images/forstaff.jpg) left top no-repeat}
#for_parents_panel{background:url(../images/forparents.jpg) left top no-repeat}

/* Content Pages */
#header{padding:12px 15px 10px 15px;border-bottom:1px solid #ccc}
#main_text{padding:15px}
#main_text ul, #main_text ol, #sub_content ul{margin-bottom:15px}
#main_text ul li{background:url(../images/blt-w.gif) 0 6px no-repeat; padding-left:13px; margin-left:20px}
#main_text ol li{ margin-left:40px}
#sub_content ul li{background:url(../images/blt-w.gif) 0 6px no-repeat; padding-left:13px;}

/* Data Tables*/
table.data-table{width:100%; border:1px solid #ccc; border-bottom:0}
table.data-table tr.header-row th{background:#333; color:#fff}
table.data-table td, table.data-table th{border-bottom:1px solid #ccc; padding:3px}
table.data-table tr.odd td, table.data-table tr.odd th{background:#eee}

/*  googlemap */
#google-map{
border:1px solid #CCCCCC;
display:block;
padding:0;
margin:0;
width:530px;
}

/*============================ SUB CONTENT =========================*/

#latest_news, #forthcoming_courses{ margin:0 0 10px 0}
 #forthcoming_courses{padding-bottom:15px;}
#latest_news{background:url(../images/greenbox-b.gif) left bottom no-repeat;margin-top:45px}
#latest_news .inner {background:url(../images/greenbox-t.gif) left top no-repeat}
#forthcoming_courses{background:url(../images/purple-b.gif) left bottom no-repeat}
#forthcoming_courses .inner {background:url(../images/purple-t.gif) left top no-repeat}
.inner{padding:15px;}
.side-icon{float:right;margin:0}
#forthcoming_courses li{padding-left:10px; margin-bottom:2px; line-height:1.3}
#forthcoming_courses ul{padding:5px 0 3px 0}
#latest_news ul{margin-top:5px}


/* Did you know */
#did_you_know{background:url(../images/questioncirc.gif) center top no-repeat;padding:10px 15px 35px 15px;  }

/* Facebook */
#facebook_link{
margin:10px 5px 0 0;
float:right;
}
#facebook_link a{
background-image: url("../images/facebook-16x16.png");
    -moz-border-radius: 4px 4px 4px 4px;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    padding: 3px 4px 3px 24px;
    text-decoration:none;
    font-size:1.2em;
}


/*============================ SITE INFO =========================*/

#site_info {background:#e7e7e7 url(../images/footerbg-b.gif) left bottom no-repeat; padding-bottom:5px;height:1%}
#site_info div{background:url(../images/footerbg-t.gif) left top no-repeat;padding:5px 10px 0 10px;  }
#site_info p{float:left;}
#site_info ul{float:right}
#site_info li{float:left; margin-right:15px}

/*============================ Forms =========================*/

#contact-form, #loginfrm, #course-form{background-color:#D8F1F6;padding:10px;border: 1px solid #C7C7C7;}
#main_content #course-form {background-color:#ead3eb}
#contact-form p,#loginfrm p, #course-form p{margin:0px 0 10px 0;clear:left; }
#contact-form input, #loginfrm input, #course-form input{font-size:1.2em; border: 1px solid #C7C7C7;padding:4px;float:left;}
#contact-form input:focus, #loginfrm input:focus, #course-form input:focus{border:1px solid #666; background:#FFFFCC}
#contact-form textarea, #course-form textarea{border: 1px solid #C7C7C7;padding:2px}
#contact-form label, #loginfrm label, #course-form label{float:left;width:180px;font-weight:bold;margin-bottom:7px; text-align:right;padding-right:20px}
#contact-form label, #loginfrm label {width:120px}
#contact-form label.checkbox, #loginfrm label.checkbox{float:none; width:auto}
#contact-form label.radio, #loginfrm label.radio {float:none; width:auto}
#contact-form input.button{padding:1px 3px 1px 3px}
#contact .errors, #course-form .errors{margin:0px 0 20px 0; font-size:1.3em;color:#e00;line-height:1.4em;}
#contact-form input.button, p#formsubmit-p{margin-left:90px;}
#loginfrm #checkbox_1{float:none;margin:3px 5px 3px 10px;border:0;}
#loginfrm a#forgotpsswd{margin-left:10px;}
#loginfrm p.message{color:#ff0000;font-weight:bold;}
#course-form fieldset{border:0;}
#contact-form p.submit input, #loginfrm p.submit input, #course-form p.submit input {font-size:1.0em; margin-left:200px;background:#eee;border-color:#CCCCCC ;border-style:double;border-width:3px;color:#333333;}
#contact-form p.submit input, #loginfrm p.submit input {margin-left:140px}

/* Clear fix */
form p:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
form p{display: inline-block;}
 html[xmlns] form p{ display: block;}