@import url("reset.css");
@import url("Bitstream-Vera-Sans-fontfacekit/stylesheet.css");

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333; background-color: #c1c7cc; margin: 0; padding: 0; }
a:link { color: #1C4676; text-decoration: underline; }
a:visited { color: #1C4676; text-decoration: underline; }
a:hover { color: #1C4676; text-decoration: none; }
a:active { color: #1C4676; text-decoration: underline; }
h1 { font: 22px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; letter-spacing: 0; color: #1C4676; padding-bottom: 10px; }
h2 { font: 18px/25px 'BitstreamVeraSansRoman', Arial, sans-serif; letter-spacing: 0; color: #1C4676; padding-bottom: 6px; }

/* main wrapper div, contains side menu background */
div#container { width: 773px; margin: 8px auto 0 auto; background: #fff url("/images_dev/menu/container_bg.png") repeat-y; min-height: 550px; height:auto !important; height: 550px; }

/* header div: contains banner as well as some hidden links and text */
div#header { width: 773px; background: transparent url("/images_dev/menu/header_bg.png") center top no-repeat; padding-top: 5px; min-height: 110px; height:auto !important; height: 110px; }
div#header h1 { width: 770px; margin-left: 1px; padding: 20px 0 4px 0; background-color: #fff; border-bottom: 9px solid #234C84; font-family: sans-serif; }
div#header h1 a { width: 244px; height: 91px; display: block; margin-left: 31px; background-image: url("/images_dev/menu/logo.png"); text-indent: -999em;}

/* navigation list: include includes sub-list for submenu items */
ul#navigation { width: 211px; float: left; padding: 0 0 10px 0; margin-left: 1px; }
ul#navigation a:link { text-decoration: none; }
ul#navigation a:visited { text-decoration: none; }
ul#navigation a:hover { text-decoration: none; font-weight: bold; }
ul#navigation a:active { text-decoration: none; }
ul#navigation li.parental.current { background: transparent url("/images_dev/menu/horiz_blue_arrow.png") no-repeat 6px 11px; }
ul#navigation li { border-bottom: 2px solid #B7BCD2; }
ul#navigation li#home { padding-top: 8px; }
ul#navigation li a { display: block; text-indent: 30px; padding: 6px 0; }
ul#navigation li ol { display: none; }
ul#navigation li ol li { border-bottom: 1px solid #B7BCD2; }
ul#navigation li ol li:first-child { border-top: 1px solid #B7BCD2; }
ul#navigation li ol li.last-child { border-bottom: none; }
ul#navigation li ol li a { text-indent: 50px; }
ul#navigation li.parental ol li a:hover { text-decoration: none; font-weight: bold; }


/* main content div: appears to the right of the side navigation */
div#content { margin-left: 220px; padding: 16px 20px 30px 20px; }
div#content ul { list-style: disc; padding: 0 0 0 20px; margin: 10px 0; }
div#content ul li { margin-left: 20px; }
div#content ul.tick { list-style: none; }
div#content ul.tick li { background: transparent url("/images_dev/tick.gif") 0px 3px no-repeat; padding-bottom: 5px; padding-left:20px; margin-left: 0; }
div#content table { border-width: 0px; border-spacing: 0; border-style: none; border-color: #fff; border-collapse: collapse; background-color: #fff; }
div#content table th { border-width: 1px; padding: 4px; border-bottom: 1px solid #000; background-color: #fff; text-align: left; }
div#content table td { border-width: 1px; padding: 4px; border-bottom: 1px solid #000; background-color: #fff; }


/* footer div: appears outside and below container div */
div#footer { width: 763px; height: 20px; margin: 0 auto 0 auto; background: transparent url("/images_dev/menu/footer_bg.png") no-repeat; text-align: right; font-size: 10px; color: #777; padding-right: 10px; }

/* Page specific styles for selecing items in the navigation */
#homepage ul#navigation li#home,
#contactpage ul#navigation li#contact,
#whopage ul#navigation li#who,
#furthernetpage ul#navigation li#furthernet,
#bcpage-6 ul#navigation li#bc-6,
#bcpage-5 ul#navigation li#bc-5,
#bcpage-4 ul#navigation li#bc-4,
#bcpage-3 ul#navigation li#bc-3,
#bcpage-2 ul#navigation li#bc-2,
#bcpage-1 ul#navigation li#bc-1,
#ubspage-4 ul#navigation li#ubs-4,
#ubspage-3 ul#navigation li#ubs-3,
#ubspage-2 ul#navigation li#ubs-2,
#ubspage-1 ul#navigation li#ubs-1
{ background-color: #3A5E8F; }

#homepage ul#navigation li#home a,
#contactpage ul#navigation li#contact a,
#whopage ul#navigation li#who a,
#furthernetpage ul#navigation li#furthernet a
{ color: #fff; background: transparent url("/images_dev/menu/horiz_white_arrow.png") no-repeat 6px 11px; font-weight: bold; }

/* separate CSS background poitions for submenu items */
#bcpage-6 ul#navigation li#bc-6 a,
#bcpage-5 ul#navigation li#bc-5 a,
#bcpage-4 ul#navigation li#bc-4 a,
#bcpage-3 ul#navigation li#bc-3 a,
#bcpage-2 ul#navigation li#bc-2 a,
#bcpage-1 ul#navigation li#bc-1 a,
#ubspage-4 ul#navigation li#ubs-4 a,
#ubspage-3 ul#navigation li#ubs-3 a,
#ubspage-2 ul#navigation li#ubs-2 a,
#ubspage-1 ul#navigation li#ubs-1 a
{ color: #fff; background: transparent url("/images_dev/menu/horiz_white_arrow.png") no-repeat 26px 11px; font-weight: bold; } 

#homepage ul#navigation li#home a:hover,
#contactpage ul#navigation li#contact a:hover,
#whopage ul#navigation li#who a:hover,
#furthernetpage ul#navigation li#furthernet a:hover,
#bcpage-6 ul#navigation li#bc-6 a:hover,
#bcpage-5 ul#navigation li#bc-5 a:hover,
#bcpage-4 ul#navigation li#bc-4 a:hover,
#bcpage-3 ul#navigation li#bc-3 a:hover,
#bcpage-2 ul#navigation li#bc-2 a:hover,
#bcpage-1 ul#navigation li#bc-1 a:hover,
#ubspage-4 ul#navigation li#ubs-4 a:hover,
#ubspage-3 ul#navigation li#ubs-3 a:hover,
#ubspage-2 ul#navigation li#ubs-2 a:hover,
#ubspage-1 ul#navigation li#ubs-1 a:hover
{ color: #fff; background-image: url("/images_dev/menu/horiz_white_arrow.png"); }

#bcpage-6 ul#navigation li#bc ol,
#bcpage-5 ul#navigation li#bc ol,
#bcpage-4 ul#navigation li#bc ol,
#bcpage-3 ul#navigation li#bc ol,
#bcpage-2 ul#navigation li#bc ol,
#bcpage-1 ul#navigation li#bc ol,
#ubspage-4 ul#navigation li#ubs ol,
#ubspage-3 ul#navigation li#ubs ol,
#ubspage-2 ul#navigation li#ubs ol,
#ubspage-1 ul#navigation li#ubs ol
{ display: block; }

/* Hide stuff without resorting to display:none; */
.hide{ visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important; }
/* clear items above */
.clear { clear: both; height: 0; line-height: 0; }
/* floating an image to the right with some margin */
img.right { float: right; margin: 0 0 20px 20px; }

form { padding: 0; margin: 0; border: 0; }
form fieldset { padding: 0; margin: 0; border: 0; }
form fieldset legend { padding: 0; margin: 0; border: 0; }
form abbr { cursor: help; font-style: normal; padding: 0; margin: 0; border: 0; }
form textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
form a { color: #ea6611; }
form p { font-size:11px; }

/* Application Form */
form#application { text-align:left; width:525px; padding: 0; margin:10px 0 0 0; border:0; }
form#application fieldset { padding: 0; margin: 0; border:0; font-size: 12px;}
form#application fieldset legend { padding: 20px 0 10px 0; margin: 0; border:0; font-weight: bold; font-size: 13px; }
form#application label { display: block; float: left; width: 215px; line-height: 17px; vertical-align: middle; text-align: right; padding:0 15px 7px 0; }
form#application label.full { width: 500px; text-align: left; padding:0 0 3px 0; }
form#application label.checkbox { width: 450px; text-align: left; padding:0; }
form#application label.radio { text-align:left; padding: 4px 0 3px 0; width: auto; clear: right; float: none;}
form#application label.inline { text-align:left; padding: 4px 0 3px 0; width: auto; clear: none; float: none; display: inline;}
form#application label#f2_title { margin: 0 0 7px 0; }
form#application input { background: #f3f3f3; width: 280px; font-size: 12px; vertical-align: middle; } 
form#application input.postcode { width: 90px; }
form#application input.checkbox { width: auto; background: #fff; float: left; margin: 3px 20px 0 0; }
form#application input.radio { width: auto; background: #fff; float:left; margin: 1px 6px 0 30px; }
form#application input.short { width: 90px; font-size: 10px; }
form#application input.medium { width: 180px; font-size: 10px; }
form#application input.inline { width: auto; background: #fff; float:none; margin: 1px 6px 0 10px; }
form#application input#f3_schoolName { margin: 0 0 15px 0; }
form#application input:focus, form#application select:focus, form#application textarea:focus { background: #fff; }
form#application select { background: #f3f3f3; width: auto; font-size: 11px; vertical-align: middle; border:1px solid #cccccc; margin:0; padding:0;}
form#application ol { padding:0; margin:0 0 0 0; border:0; list-style-type: none; }
form#application ol li { margin:0; padding:0 0 7px 0; border:0; display:block; clear:both; }
form#application ul { padding:0 0 0 5px; margin:10px 0 10px 10px; border:0; font-size: 12px; color: #ea6611; }
form#application ul li { padding: 0; margin:0 0 0 0; border:0; }
form#application table thead td { font-size:10px; font-weight: bold; }
form#application table td { font-size:10px; font-weight: bold; }
form#application textarea { background: #f3f3f3; float:left; width:500px; } 
form#application input.submit { float: right; cursor: pointer; background: #00386b; border: 0; padding:2px 4px; margin:20px; color: #ffffff; font-weight: bold; line-height:15px; vertical-align: middle; width:95px; }
span.note { font-size: 10px; color: #666; }

/* Assessment Form */
form#assessment { text-align:left; width:525px; padding: 0; margin:10px 0 0 0; border:0; }
form#assessment fieldset { padding: 0; margin: 0; border:0; font-size: 12px;}
form#assessment fieldset legend { padding: 20px 0 10px 0; margin: 0; border:0; font-weight: bold; font-size: 13px; }
form#assessment label { display: block; float: left; width: 210px; line-height: 17px; vertical-align: middle; text-align: right; padding:0 15px 7px 0; }
form#assessment label.full { width: 500px; text-align: left; padding:0 0 3px 0;  }
form#assessment label.checkbox { width: 450px; text-align: left; padding:0; }
form#assessment label.radio { text-align:left; padding: 4px 0 3px 0; width: 400px; clear: right; float: none; }
form#assessment input { background: #f3f3f3; width: 280px; font-size: 12px; vertical-align: middle; } 
form#assessment input.postcode { width: 90px; }
form#assessment input.checkbox { width: auto; background: #fff; float: left; margin: 3px 20px 0 0; }
form#assessment input.radio { width: auto; background: #fff; float:left; margin: 1px 6px 0 30px; }
form#assessment input.short { width: 90px; font-size: 10px; }
form#assessment input.medium { width: 180px; font-size: 10px; }
form#assessment input:focus, form#assessment select:focus, form#assessment textarea:focus { background: #fff; }
form#assessment select { background: #f3f3f3; width: auto; font-size: 11px; vertical-align: middle; border:1px solid #cccccc; margin:0; padding:0;}
form#assessment ol { padding:0; margin:0 0 0 0; border:0; list-style-type: none; }
form#assessment ol li { margin:0; padding:0 0 7px 0; border:0; display:block; clear:both; }
form#assessment ol li.full label { width: 500px; text-align: left; padding:0 0 3px 0; }
form#assessment ol li.full input { margin:0 0 14px 0; }
form#assessment ul { padding:0 0 0 5px; margin:10px 0 10px 10px; border:0; font-size: 12px; color: #ea6611; }
form#assessment ul li { padding: 0; margin:0 0 0 0; border:0; }
form#assessment textarea { background: #f3f3f3; float:left; width:500px; } 
form#assessment input.submit { float: right; cursor: pointer; background: #00386b; border: 0; padding:2px 4px; margin:20px; color: #ffffff; font-weight: bold; line-height:15px; vertical-align: middle; width:95px; }

div.error { padding: 0; margin: 0; border: 0; color: #F60; }
div.error p { color: #F60; }
div.error a:link { color:#F60; text-decoration:underline; }
div.error a:visited { color: #F60; text-decoration:underline; }
div.error a:hover { color: #F60; text-decoration:none; }
div.error a:active { color: #F60; text-decoration:underline; }