/* CSS Document */

/* RESET ALL BROWSER DEFAULTS  */

body {position:relative; float:left; width:100%; height:auto; margin: 0px; padding: 8px; background: url("/assets/uploads/1bg_page.jpg") top left repeat-x;}
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; margin: 0px; padding: 0px;}
div, span, img, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; background-color: transparent;}
fieldset {border: 0px; margin: 0; padding: 0;}
legend {display: none;}

/* HTML & BODY */

html,body{margin:0;padding:0;}
html {background-color: #fff;}
body{font: 76% arial,sans-serif;text-align:center;}
p{}
a{color: #003366;}

.bodyHomepage {background: url("/assets/uploads/1bg_page.jpg") top left repeat-x;}
.bodyDefault {background: url("/assets/uploads/1bg_page_default.jpg") top left repeat-x;}


/* ACCESSIBILITY  */

div#accessibility {width:100% ; margin:0 auto; text-align:right; position: absolute; color: #fff; top: 0; left: 0; z-index: 100; font-size: 1.3em;}
div#accessibility a {color: #fff; text-decoration: none; text-transform: uppercase;}
div#accessibility ul {padding-top: 4px;}
div#accessibility li {display: inline; list-style: none; padding: 6px 10px 2px 10px; background: #0067af; border-bottom: 1px solid #0f4f72; border-right: 1px solid #0f4f72;}
div#accessibility li.accessibilityLinkGraphicVersion {display: none;}
div#accessibility li.accessibilityLinkLargeText {display: none;}
div#accessibility li.accessibilityLinkSkip {display: none;}

/* CONTAINER  */

div#container{width:800px;margin:0 auto; text-align:left;}

/* HEADER - Flash Banner - 800px x 209px */

div#header{position:relative; height: 209px;}
div#header h1{display: none;}

/* HEADER FOR DEFAULT - Flash Banner - 800px x 209px */

div#headerDefault {position:relative; height: 209px;}
div#headerDefault h1 {display: none;}

/* HEADER LOGGED IN - 800px x 209px */

div#headerLoggedIn {position:relative; height: 209px; text-align: right; background: url("/assets/uploads/1header_logged_in.jpg") top left no-repeat; color: #fff;}
div#headerLoggedIn h1{display: none;}
div#headerLoggedIn a {color: #fff; text-decoration: none;}
div#headerLoggedInLinks {font-size: 1.2em; padding-top: 1.6em;}
div#headerLoggedInLinks li {display: inline; list-style: none; border: 1px solid #fff; padding: 0.3em;}
div#headerLoggedInLinks li:hover {background: #0067AF;}

/* NAVBAR - Top Level Site Navigation */

div#navBar {border-top: #8cc3f3 3px solid; background-color: #fcf9ec; text-transform: uppercase; font-family: arial,sans-serif; font-size: 1.4em; margin: 0; padding: 0;}
div#navBar a {text-decoration: none; padding: 0px 6px;}
div#navBar ul {text-align: center; margin: 0; padding: 11px 0;}
div#navBar li {display: inline; padding: 00;}
div#navBar li:hover {background: url("/assets/uploads/1bg_fade_in.gif") bottom center repeat;}
div#navBar li:a {display: block;}

/* CONTENT - Left Hand Column on Home Page with Headteacher's Welcome and Quicklinks */

div#content{float:left;width:425px; background: url("/assets/uploads/1bg_fade.jpg") top left repeat-x; margin-top: 6px; font-size: 1.4em;}
div#content h2 {color: #0067af; border-bottom: 1px solid #0067af; font-family: arial,sans-serif; font-size: 1.4em; font-weight: normal; text-transform: uppercase; margin: 20px 0 10px 0; padding-bottom: 4px;}
div#content h3 {color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; margin: 0; padding: 0;}
div#content p {text-align: justify; color: #1168a5; line-height: 1.5em; margin: 8px 0; padding: 0 0.5em;}


div#quickLink p {margin: 0; line-height: 1.1em;}
div#quickLink1 {width: 148px; height: 35px; margin: 0 15px 15px 0; text-align: center; font-family: arial,sans-serif; font-size: 1.0em; text-transform: uppercase; padding: 10px 20px; float: left; border: 1px solid #1168A5; background: #29a1dd url("/assets/uploads/1bg_quick_link.gif") top left no-repeat;}
div#quickLink2 {width: 148px; height: 35px; background: #29a1dd url("/assets/uploads/1bg_quick_link.gif") bottom right no-repeat; margin: 0 0 15px 0; text-align: center; font-family: arial,sans-serif; font-size: 1.0em; text-transform: uppercase; padding: 10px 20px; float: left; border: 1px solid #1168A5;}
div#quickLink3 {width: 148px; height: 35px; background: #29a1dd url("/assets/uploads/1bg_quick_link.gif") bottom left no-repeat; margin: 0 15px 0px 0; text-align: center; font-family: arial,sans-serif; font-size: 1.0em; text-transform: uppercase; padding: 10px 20px; float: left; border: 1px solid #1168A5;}
div#quickLink4 {width: 148px; height: 35px; background: #29a1dd url("/assets/uploads/1bg_quick_link.gif") top right no-repeat; margin: 0 0px 0px 0; text-align: center; font-family: arial,sans-serif; font-size: 1.0em; text-transform: uppercase; padding: 10px 20px; float: left; border: 1px solid #1168A5;}

/* CONTENT for DEFAULT TEMPLATE- Left Hand Column on Home Page with Headteacher's Welcome and Quicklinks */

div#contentDefault{float:left;width:560px; background: url("/assets/uploads/1bg_fade.jpg") top left repeat-x; margin-top: 2px; padding: 0 40px 0 0; font-size: 1.6em; line-height: 1.8em; }
div#contentDefault h3 {color: #0067af; border-bottom: 1px solid #0067af; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;  margin: 20px 0 10px 0; padding-bottom: 4px; font-size: 2em;}
div#contentDefault h4 {color: #333; font-family: arial,sans-serif;  font-weight: normal; margin: 0; padding: 0;}
div#contentDefault p {text-align: justify; color: #333; line-height: 1.5em; margin: 8px 0;}
div#contentDefault ul {margin: 1.2em;}

/* NEWS FEEDS - Right Hand Column on Home Page, two news feed boxes */

div#feed {float:right; width:350px; margin: 12px 0px 0 25px;}
div#feed li {list-style: none;}

div#feedOne {background: #fff; border: 1px solid #0067AF;}
div#feedOne h5 a {color: #0067AF; font-family: arial,sans-serif; font-size: 1.6em; padding-top: 2px; text-decoration: none;}
div#feedOne p {padding: 4px 0; margin: 0; font-size: 1.3em;}
div#feedOneLeft {float: left; background: url("/assets/uploads/1bg_thumbnail.gif") top center no-repeat; text-align: center; width: 90px; margin-top: 6px;}
div#feedOneRight {float: right; width: 258px;}

div#feedTwo {background: #29A1DD; border: 1px solid #0067AF; margin: 12px 0 6px 0;}
div#feedTwo h5 a {color: #fff; font-family: arial,sans-serif; font-size: 1.6em; padding-top: 2px; text-decoration: none;}
div#feedTwo p {padding: 4px 0; margin: 0; color: #fff; font-size: 1.3em;}
div#feedTwoLeft {float: left; background: url("/assets/uploads/1bg_thumbnail.gif") top center no-repeat; text-align: center; width: 90px; margin-top: 6px;}
div#feedTwoRight {float: right; width: 258px;}

/* EXTRA - Right Hand Column on Home Page, Random Image */
div#extra{float:right;clear:right;width:350px; height: auto; background:#fff; margin: 6px 0px 25px 25px; font-size:1.3em;}
div#extra img {position:relative; float:left; margin:0px; padding: 0px; border:0px;}

.coop{position:relative; float:left; padding-top:5px; color:#1168a5; line-height:1.4em;}

/* PAGE INDEX - Right Hand Column on Default Template */

div#pageIndex{float:right;clear:right;width:180px; background:#fff; margin: 2px 0; padding: 20px 10px 10px 10px; font-family: arial,sans-serif; }
div#pageIndex ul {padding: 12px 0; border-bottom: 1px dotted #A1D1EA;}
div#pageIndex li {list-style: none; padding: 6px 0 6px 8px; font-size: 1.4em;}
div#pageIndex li:hover {background: url("/assets/uploads/1bg_fade_in.gif") bottom center repeat;}
div#pageIndex li a {text-decoration: none; color: #0067af;}
div#pageIndex h2 {color: #0067AF; font-size: 1.4em; font-family: arial,sans-serif; text-transform:uppercase;}
div#poweredByVirtualSchools {margin: 14px 0 0 0;}

/* FOOTER - Contains Seach, Login and Copyright Info */

div#footer{clear:both;width:100%; color: #FFF; text-align: center; padding-bottom: 15px; margin:0;}
div#footer p{color: #fef0dc; text-transform: uppercase; font-size: 0.9em; line-height: 1em;}
div#footer a{text-decoration: none; color: #fef0dc;}
div#footer h6 {font-size: 1.5em; font-weight: normal; margin: 10px 0 6px 0; padding: 0; text-transform: uppercase; font-family: arial,sans-serif; color: #fef0dc;}
div#footerSearch {position: relative; float: left; width: 40%; margin: 25px 5% 0 2%; background-color: #3b8bc7; padding: 0 0 10px 0; border: 0px solid green;}
.footerSearchField {border: 2px solid #a1d1ea; background-color: #dcedf4; padding: 0px;}
.footerSearchSubmit {background-color: #a1d1ea; border: 0px; color: #0067AF; padding: 0px;}
div#footerLogIn {position: relative; float: right; width: 40%; margin: 25px 2% 0 5%; background-color: #3b8bc7; padding: 0 0 10px 0; border: 0px solid red;}
div#footerLogIn p {margin: 0;}
.footerLogInSubmitField {border: 2px solid #a1d1ea; background-color: #dcedf4; padding:0px;}
.footerLogInSubmitButton {background-color: #a1d1ea; border: 0px; color: #0067AF; padding: 0px; margin-left: 20px;}
div#footerLogInLeft {float: left;}
div#footerLogInRight {float: right;}

/* FOOTER DEFAULT - Contains Seach, Login and Copyright Info */

div#footerDefault{clear:both;width:100%; color: #FFF; text-align: center; padding-bottom: 4px; margin: 0 auto; border-top: 5px solid #A1D1EA; background: url("/assets/uploads/1bg_page_default.jpg") top left repeat-x;}
div#footerDefault p{color: #0067AF; text-transform: uppercase; font-size: 0.9em;}
div#footerDefault a{text-decoration: none; color: #0067AF;}
div#footerDefault h6 {font-size: 1.6em; font-weight: normal; margin: 10px 0 6px 0; padding: 0; text-transform: uppercase; font-family: arial,sans-serif; color: #0067AF;}
div#footerSearchDefault {position: relative; float: left; width: 40%; margin: 25px 5% 0 2%; background-color: #fff; padding: 0 0 10px 0; border: 1px solid #A1D1EA;}
.footerSearchFieldDefault {border: 2px solid #a1d1ea; background-color: #dcedf4; padding: 0px;}
.footerSearchSubmitDefault {background-color: #a1d1ea; border: 0px; color: #0067AF; padding: 0px;}
div#footerLogInDefault {position: relative; float: right; width: 40%; margin: 25px 2% 0 5%; background-color: #fff; padding: 0 0 10px 0; border: 1px solid #A1D1EA;}
div#footerLogInDefault p {margin: 0;}
.footerLogInSubmitFieldDefault {border: 2px solid #a1d1ea; background-color: #dcedf4; padding:0px;}
.footerLogInSubmitButtonDefault {background-color: #a1d1ea; border: 0px; color: #0067AF; padding: 0px; margin-left: 20px;}
div#footerLogInLeftDefault {float: left;}
div#footerLogInRightDefault {float: right;}

div#footerContainer {width: 800px; margin: 0 auto;}

div#footerHome{position:relative; float:left; clear:both; width:100%; color: #FFF; text-align: center; padding-bottom: 15px; margin:0; background:#5fb4dd; border-top:6px solid #3c8bc6;}
div#footerHome p{color: #fef0dc; text-transform: uppercase; font-size: 0.9em; line-height: 1em;}
div#footerHome a{text-decoration: none; color: #fef0dc;}
div#footerHome h6 {font-size: 1.1em; font-weight: normal; margin: 10px 0 6px 0; padding: 0; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; color: #fef0dc;}

div#footerContainer{position:relative; width:800px; height:auto; margin:0px auto; padding:0px;}

div#logoFooter{position:relative; float:left; width:100%; height:auto; margin:0px; padding:10px 0px;  background:#3c8bc6; }

div#logoFooter img{margin:0px; padding:0px; border:0px;}

/* SITE MAP */

table#formInputTable {width: 100%; text-align: left !important;}

/* Search Results - Add Scroll Bar to long results, disable the broken images and add a fade effect when hovering */

div#searchResults {width: 560px; overflow: auto;}
div#searchResults img {display: none;}
div#searchResults td {padding: 0.4em;}
div#searchResults table {border-top: 1px dotted #ddcd9d; border-bottom: 1px dotted #ddcd9d;}
div#searchResults .searchBanner {border: 0px !important;}
div#searchResults tr:hover {background: url("/assets/uploads/1bg_fade_in.gif") bottom center repeat;}
div#searchResults .searchBanner tr:hover  {background: none !important;}


/* GALLERY */

.galleryThumbnail {border: 1px solid #DDCD9D; padding: 1em 0.8em 0 0.8em; background-color: #fff; text-align: center; margin: 0.2em 1em 1em 0;}

.galleryThumbnail p {margin: 0.05em; padding: 0px;}

.tb {text-align: center;}
.tb img {padding: 0.6em; background-color: #fff; border: 1px solid #DDCD9D; margin: 0.2em;}

/* FORUM */

.forumContent td {padding: 0.2em;}

div#forumTemplate {width: 560px;}
.forumMessageTextInput {width: 86%; border: 1px solid #DDCD9D; padding: 0.2em}
.forumMessageContent {width: 86%; border: 1px solid #DDCD9D; padding: 0.2em; background: #fff;}
.forumThreadLabel {color: #0067AF; font-size: 1.1em; }
.forumThreadTextLabel {color: #0067AF; font-size: 1.1em;}
.forumMessageFormHeader {color: #669933; font-size: 1.4em; font-family: arial,sans-serif; text-transform: uppercase; text-align: left; padding-bottom: 0.6em;}

.forumThreadMessages {margin: 0.6em 0;}

.forumThreadRow {border-top: 1px dotted #ddcd9d; border-bottom: 1px dotted #ddcd9d; background: #fff; padding: 0.2em 0;}
.forumThreadRow {color: #0067AF;}
.forumThreadTitle {color: #0067AF;}
.forumMessageAuthorHeader {color: #0067AF; border-bottom: 1px solid #0067AF; background: url("/assets/uploads/1bg_table_header.jpg") top left repeat-x; font-size: 1.2em;}
.forumMessageContentHeader {color: #0067AF; border-bottom: 1px solid #0067AF; background-color: #DDCD9D; background: url("/assets/uploads/1bg_table_header.jpg") top left repeat-x; font-size: 1.2em;}
.forumMessageAuthor {color: #666; background: url("http://virtualschools.net/assets/uploads/1background_page_fade.jpg") top left repeat-x; font-size: 1.2em; padding: 0.2em;}
.forumMessageTime {color: #666; padding: 0.2em;}
.forumThreadTitleHeader {color: #0067AF; font-size: 1.1em; padding: 0.2em;}


/* SUBJECTS */

div#subjects h2 {color: #0067af; border-bottom: 1px solid #0067af; font-family: Helvetica, arial, sans-serif; font-size: 1.4em; font-weight: normal; text-transform: uppercase; margin: 20px 0 10px 0; padding-bottom: 4px;}

div#subjects ul {list-style: none; font-size: 1.3em;}

div#subjects li {padding: 4px; border-bottom: 1px solid #0067AF;}


div#subjects a {text-decoration: none;}

div#subjects h3 {background: #0067AF; color: #fff; font-size: 1.8em; padding: 3px;}

div#subjects h3 a {color: #fff;}

div#subjectsCol1 {width: 360px; float: left; padding: 20px; }

div#subjectsCol2 {width: 360px; float: right; padding: 20px;}

.subjectsArea {border: 1px solid #0067AF; margin-bottom: 20px; padding: 10px;}

#curriculumHomeUsefulLinks {padding: 0 0 0 18px;}
#curriculumHomeUsefulLinks img{border:0px;}



/* MISC */

.keepReading a {font-style: oblique; text-decoration: none;}

div#poweredByVirtualSchools {opacity: 0.8;}
div#poweredByVirtualSchools:hover {opacity: 1;}

#logosFoot{position:relative; float:left; width:100%;}


/* uslc button */

#uslc{position:absolute; top:140px; left:400px; margin:0px; padding:0px;}