/*
-----------------------------------------------
Virtual Schools v2 Stylesheet - August 2007

Author:   Jonathan Reynolds, Virtual Schools
URL: www.virtualschools.net
Version:  2007.01
----------------------------------------------- */


/* Body and Default */

html,body{margin:0;padding:0}
* html li {margin-left:-3px;}

ul {font-weight: normal;}
li {font-weight: normal;}

body {font: 76% Arial, Trebuchet MS, arial,sans-serif;text-align:center; background: url("/assets/uploads/1background_page_fade.jpg") top left repeat-x; font-weight: normal;}

a{color: #4B8FB3; font-weight: normal;}

div#content h3 {font-size: 1.8em; color: #1e7f3e; margin: 0 0 0 0em; padding: 0em 1em 0.2em 0.1em; font-weight: normal; text-align: left;}

h3 {font-size: 1.6em; color: #4370ca; margin: -0.4em 0 0 0.8em; padding: 1em 1em 0.2em 0em; font-weight: normal; }

h4 {font-size: 26px; color: #4370ca; margin: 0em; font-weight: normal; padding: 1em 0em 1em 1em;}

div#contentIntroduction {color: #434B53;  font-weight: normal; line-height: 1.8em; text-align: justify; margin: -1.4em 0 0 0; padding: 0em 0em 1em 26px;}
div#contentIntroduction p {line-height: 1.9em; }

div#container{width:788px;margin:0 auto; background: url("/assets/uploads/2background_container.gif") top left no-repeat; border: 0px solid red; text-align:left}

/* Header - Logo, Date and Micro Navigation */

div#header {height: 130px; background: url("/assets/uploads/1vllogo.gif") center left no-repeat; margin-left:12px;}
div#header img {border: 0px;}
div#headerHeadings {position: relative; top: 0px; left:10px; width: 300px; height: 100px; float: left; clear: both;}
div#header h1{margin:0; padding: 20px 0 0 110px;color: #a06bb3; font-weight: normal; display: none;}
div#header h2{margin:0; padding: 0 0 0 110px;color: #a06bb3; font-weight: normal; display: none;}
div#headerLinks {position: relative; top: 0px;  float: right; width: 300px;  text-align: right; padding: 3em 30px 0 1em;}
div#headerLinks ul {margin: 0; padding: 0; display: inline; }
div#headerLinks ul li {border-left: 1px solid #98a0ab; padding: 0 0.5em 0 0.5em; font-size: 0.98em;}
div#headerLinks ul li.firstDefault {border-left: none; }
div#headerLinks ul li.firstTextOnly {display: none; }
div#headerLinks li {margin: 0; padding: 0; list-style: none; display: inline; }
div#headerLinks li a:link {margin: 0; padding: 0; list-style: none; display: inline; color: #929ca9; text-decoration: none; }
div#headerLinks li a:visited {color: #929ca9; text-decoration: none; }
div#headerLinks li a:hover {color: #a71916; border-bottom: 2px solid #a71916; }
div#headerDate {font-size: 1.4em; color: #929ca9; padding: 0.2em 0.25em 0 0;}

/* Header - Top Level Folder Navigation */

div#navBar {border-top: 1px solid #dcdcde; border-bottom: 1px solid #dcdcde; padding-top: 0.8em; padding-bottom: 0.8em; text-align: center; clear: both; background: url("/assets/uploads/background_navbar.gif") bottom center repeat-x; width: 760px; margin-left: 11px; font-size:1.02em;}
div#navBar ul {margin: 0; padding: 0; display: inline;   }
div#navBar ul li {border-left: 1px solid #98a0ab; padding: 0em 0.5em 0em 0.5em; font-size: 1.1em;  font-weight: normal; }
div#navBar ul li.first {border-left: none; }
div#navBar li {margin: 0; padding: 0; list-style: none; display: inline;}
div#navBar li a:link {margin: 0; padding: 0; list-style: none; display: inline; color: #4370ca; text-decoration: none;}
div#navBar li a:visited {color: #4370ca; text-decoration: none; }
div#navBar li a:hover {color: #a71916; border-bottom: 2px solid #a71916; }

/* Banner (The large Section Title with big graphic) */

div#bannerAboutUs {width: 754px; background: url("/assets/uploads/1bg_banner_about_us.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerAboutUs h3 {margin: 0; padding: 70px 0 0 12px;}
div#bannerDesignExcellence {width: 754px; background: url("/assets/uploads/1bg_banner_design_excellence.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerDesignExcellence h3 {margin: 0; padding: 70px 0 0 12px;}
div#bannerHelpSupport {width: 754px; background: url("/assets/uploads/1bg_banner_help_and_support.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerHelpSupport h3 {margin: 0; padding: 70px 0 0 12px;}
div#bannerNews {width: 754px; background: url("/assets/uploads/1bg_banner_news.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerNews h3  {margin: 0; padding: 70px 0 0 12px;}
div#bannerPlatformBenefits {width: 754px; background: url("/assets/uploads/1bg_banner_platform_benefits.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerPlatformBenefits h3 {margin: 0; padding: 70px 0 0 12px;}

div#bannerRucksacks {width: 754px; background: url("/assets/uploads/1bg_banner_rucksacks.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #a71916;}
div#bannerRucksacks h3 {margin: 0; padding: 70px 0 0 12px;}

div#bannerOurSchools {height: 93px; background: #fff url("/assets/uploads/1bg_banner_our_schools.gif") bottom right no-repeat; margin-left: 11px;}
div#bannerOurSchools h2 {display: none; }
div#bannerOurSchools h3 {margin: 0; padding: 70px 0 0 12px;} 
div#bannerOurSchoolsContent {width: 754px; background: url("/assets/uploads/1banner_large_our_schools.jpg") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerOurSchoolsContent h3 {margin: 0; padding: 70px 0 0 12px;}
div#bannerOurServices {width: 754px; background: url("/assets/uploads/1bg_banner_our_services.gif") top center no-repeat; height: 115px; margin-left: 12px; border-bottom: 1px solid #4370ca;}
div#bannerOurServices h3 {margin: 0; padding: 70px 0 0 12px;}
div#banner h3 {margin: 0; padding: 70px 0 0 12px;}
div#bannerInAction {height: 93px; background: #fff url("/assets/uploads/1bg_banner_in_action.gif") bottom right no-repeat; margin-left: 11px;}
div#bannerInAction h2 {display: none; }
div#bannerInAction h3 {margin: 0; padding: 70px 0 0 12px;} 

/* Content - Main Left Hand Column */

div#content{float:left; width:500px;}
div#content h3 {font-size: 1.8em; color: #1e7f3e; margin: 0 0 0 0em; padding: 0em 1em 0.2em 0.1em; font-weight: normal; text-align: left;}
div#contentIntroduction {color: #434B53;  font-weight: normal; line-height: 1.8em; text-align: justify; margin: -1.4em 0 0 0; padding: 0em 0em 1em 26px;}
div#contentIntroduction p {line-height: 1.9em; }

/* Breadcrumb Trail - Please note, this doesn't display on some templates */

div#breadcrumb {padding: 6px 0px 0px 20px; color: #999;}
div#breadcrumb a:link {color: #999; text-decoration: none;}
div#breadcrumb a:visited {color: #999; text-decoration: none;}
div#breadcrumb a:hover {color: #9458a9; text-decoration: underline;}

/* Document - This is the DIV that contains the %Body% tag */

div#document {width: 750px; margin: 20px 0 0 24px; color: #333; line-height: 1.4em;}

div#document a:link {color: #09608e;}
div#document a:visited {color: #09608e;}


div#document2 {width: 706px; margin: 20px 0 0 24px; color: #195e83; line-height: 1.4em;}

div#document2 a:link {color: #09608e;}
div#document2 a:visited {color: #09608e;}

/* IN THIS SECTION - Right Hand Column (wrongly named newsFeed) */

div#newsFeed {float: right; width:200px; padding-right: 12px; color: #434b53; top: 0px; margin-right: 16px; margin-left: 16px;}
div#newsFeed h3 {text-align: left; width: 280px; font-size: 2.4em; margin-left: 14px;}
div#newsFeed img {border: 0;}

/* Section - Right Hand Section Navigation */

div#section {width: 208px; margin: 20px 0px 20px 0px; background: #2e8244; text-align: center; color: #79c98e;}
div#sectionTop {background: url("/assets/uploads/2bg_section_top.gif") top center no-repeat; width: 208px; height: 65px;}
div#sectionBottom {background: url("/assets/uploads/2bg_section_bottom.gif") bottom center no-repeat; width: 208px; height: 52px;}
div#section ul {margin: 0; padding: 0; display: block;}
div#section li {list-style: none; padding: 12px; background: url("/assets/uploads/2bg_section_seperator.gif") repeat-x bottom center;}
div#section li a:link {text-decoration: none; color: #fff;}
div#section li a:visited {text-decoration: none; color: #fff;}

/* Search Box */

div#search {text-align: center;}
.searchField {border: 1px solid #c9dde8; width: 208px;}
.submitButton {background: #c9dde8; border: 0px solid #195e83; width: 208px; color: #195e83;}
.soft {background: #c9dde8; color: #195e83;}

/* Search Box */
.searchResults img {display: none;}

/* Useful Links (Home, Top, Print) */

div#usefulLinks {margin: 20px 0 20px 0; text-align: center;}
div#usefulLinks ul {margin: 0; padding: 0;}
div#usefulLinks li {display: inline;}
div#usefulLinks li a:link {text-decoration: none; color: #999;}
div#usefulLinks li a:visited {text-decoration: none; color: #999;}
.usefulLinksHome {background: url("/assets/uploads/1icon_useful_home.gif") left top no-repeat; padding: 0 10px 0 20px; }
.usefulLinksTop {background: url("/assets/uploads/1icon_useful_top.gif") left top no-repeat; padding: 0 20px 0 16px; }
.usefulLinksPrint {background: url("/assets/uploads/1icon_useful_printer.gif") left top no-repeat; padding: 0 10px 0 20px;}

/* Footer */

div#footer{clear:both;width:770px; text-align: center; margin-top: 2em; padding: 0.4em 0 0 0; color: #666; background: #fff;color: #333; border-top: 1px dotted #9458A9;}
div#footer p{margin:0;padding:5px 10px; color: #666; font-size: 0.9em;}

/* Help and Support Login Box */

div#logInConsole {width: 516px; height: 90px; background: url("/assets/uploads/1bg_login_console.gif") top center no-repeat; margin: 19px 0 0 16px; text-align: center; padding-top: 25px;}
div#logInConsole p {margin: 2px; color: #266da5; font-size: 1.4em; }
form#logInForm {width: 516px;}
div#logIn {clear: both; height: 43px; background: url("/assets/uploads/1default_background_log_in.gif") top center repeat-y; color: #6678a0; font-size: 0.9em; margin: 0;}
div#logInUsername {float: left; padding: 0 0.4em 0 0; width: 210px;}	
div#logInPassword {float: left; width: 210px;}
div#logInSubmit {float: left; padding: 1.3em 0 0 0.6em; margin-top: 6px;}
.logInSubmitField {border: 1px solid #69b1ea; background: #fff;  color: #69b1ea;}
.logInSubmitButton {background: #dcff99; border: 1px solid #69b1ea; color: #69b1ea;}

/* News Archive Listing */

div#newsArchive {width: 744px; margin: 10px 0 10px 0;}
div#newsArchive ul {margin: 0; padding: 0;}
div#newsArchive li {margin: 0; padding: 0; list-style: none;}
div#newsArchiveDividerVS {width: 744px; height: 32px; background: url("/assets/uploads/1divider_news_vs.gif") top left no-repeat;}
div#newsArchiveContentVS h4 {font-size: 1.05em; color: #195e83; margin: 0; padding: 0px; font-weight: bold;}
div#newsArchiveContentVS h4 a:link {font-size: 1em; font-weight: bold; color: #195e83; margin: 0; padding: 0; text-decoration: none;}
div#newsArchiveContentVS h4 a:visited {color: #195e83; margin: 0; text-decoration: none;}
div#newsArchiveContentVS p {font-size: 1em; margin: 0; padding: 0; color: #333333;}
div#newsArchiveDividerSchools {width: 744px; height: 36px; background: url("/assets/uploads/1divider_news_schools.gif") top left no-repeat; clear: both;}
div#newsArchiveContentSchools h4 {font-size: 1.05em; color: #4c8a2b; margin: 0; padding: 0px; font-weight: bold;}
div#newsArchiveContentSchools h4 a:link {text-decoration: none; font-size: 1em; font-weight: bold; color: #4c8a2b; margin: 0; padding: 0;}
div#newsArchiveContentSchools h4 a:visited {text-decoration: none; color: #4c8a2b; margin: 0;}
div#newsArchiveContentSchools p {font-size: 1em; margin: 0; padding: 0; color: #333333;}
div#newsArchiveDividerPartners {width: 744px; height: 36px; background: url("/assets/uploads/1divider_news_partner.gif") top left no-repeat;}
div#newsArchiveContentPartners h4 {font-size: 1.05em; margin: 0; padding: 0px; color: #92694c; font-weight: bold;}
div#newsArchiveContentPartners h4 a:link {font-size: 1em; font-weight: bold; color: #92694c; margin: 0; padding: 0;}
div#newsArchiveContentPartners h4 a:visited {color: #92694c; margin: 0;}
div#newsArchiveContentPartners p {font-size: 1em; margin: 0; padding: 0; color: #333333;}

/* Our Schools including Thumbnails */

div#contentOurSchools {float:left;width:770px; text-align: center;}
div#contentOurSchools h3 {font-size: 1.3em; color: #4370ca; margin: -0.4em 0 0 0.8em; padding: 1em 1em 1em 0em; font-weight: normal; border-top: 1px solid #4370ca; border-bottom: 1px solid #4370ca; background: #fff; }
div#documentOurSchools {background: url("/assets/uploads/1bg_document_blue_fade.jpg") top center repeat-x; padding: 0 24px 18px 24px;}
div#documentOurSchools p {color: #096697; line-height: 1.6em;}
div#documentOurSchools img {border: 0;}
div#bannerOurSchools {height: 93px; background: #fff url("/assets/uploads/1bg_banner_our_schools.gif") bottom right no-repeat; margin-left: 11px;}
div#bannerOurSchools h2 {display: none; }
div#ourSchools {background: #fff url("/assets/uploads/1bg_document_blue_fade.jpg") top center repeat-x; padding-left: 30px;}
.thumbnailSchool {margin: 10px 10px 10px 10px;float: left;height: 180px;}
.thumbnailSchool img {border: 0;}
.thumbnailSchoolImage {background: url("/assets/uploads/1bg_our_schools_thumbnail.gif") no-repeat top center; width: 123px; height: 103px; padding: 12px 12px 4px 12px;}
.thumbnailSchoolTitle {background: url("/assets/uploads/1bg_our_schools_thumbnail_title.gif") no-repeat bottom center; width: 123px; padding: 0px 12px 8px 12px; text-align: center; line-height: 1.2em;}
.thumbnailSchoolTitle h5 {margin: 0; padding: 0; color: #1b6181;}

/* Our Schools Navigation */

div#navigationOurSchools {font-size: 1.2em; color: #195e83;}
div#navigationOurSchools ul {border-bottom: 1px solid #c2dbe6; margin-left: 8px; padding-bottom: 4px; margin-top: 1px; padding: 4px;}
div#navigationOurSchools li {display: inline; padding: 4px 8px 4px 8px; border-top: 1px solid #c2dbe6; border-right: 1px solid #c2dbe6; border-left: 1px solid #c2dbe6; background: #e8f3f9; margin-right: 4px; margin-left: 4px;}
div#navigationOurSchools a:link {text-decoration: none; color: #adccdb;}
div#navigationOurSchools a:visited {text-decoration: none; color: #adccdb;}

/* Our Schools Content */

div#documentOurSchoolsContent {width: 506px; margin: 20px 0 0 24px; color: #195e83; line-height: 1.4em;}
div#documentOurSchoolsContent a:link {color: #09608e;}
div#documentOurSchoolsContent a:visited {color: #09608e;}
div#documentOurSchoolsContent img {margin: 8px; padding: 4px; border: 1px solid #ccc;}