/* CSS Document */

/* Resets */

@import "reset.css";

.clear {clear: both;}

.float-right {float: right;}

.float-left {float: left; padding: 0 .8em .2em 0}

.text-right {text-align: right;}

.hidden {display: none;}

/* Typography & Colour */

body {font-size: 62.5%; font-family: "Lucida Grande", Arial, Verdana, sans-serif;}

body {background: #0D0D0D; font-size: .875em; color: #333; line-height: 1.1em}

body.home {color: #F5F5F5;}

p {padding-bottom: .8em;}

em {font-family: "Lucida Sans", Verdana, Sans-Serif; font-style: italic;}

h2 {color: #0D0D0D; font-size: 1.2em; font-weight: normal; text-transform: uppercase; margin-bottom: .8em; }

h2 span, .yellow {background: #FFFF3F; padding: 2px 5px;}

body.home h2 {color: #FFF200;}

h3 {font-size: 1.1em; font-weight: bold; margin-bottom: .4em;}

strong {font-weight: bold}

a {color: #000; text-decoration: none; border-bottom: 1px dotted #888;}

a:hover {border-bottom: 1px solid #888;}

a.image {border-bottom: 0;}

.established {font-family: "Lucida Sans", Verdana, Sans-Serif; font-style: italic; font-weight: bold; font-size: .7em; text-align: right; color: #FFF}

.navigation ul li {text-align: center; font-size: 1em; font-weight: bold; color: #FFF; letter-spacing: .1em; border: 0;}
 
.navigation a {border: 0; color: #FFF;}

.navigation li:hover a, .navigation li.current-page a {color: #0D0D0D;}

body .container {font-size: .8em;}

.container {background: #FFF;}

#cf-wrapper a {border: 0;}

#mainContent {background: #F5F5F5;}

body.home .container, body.home #mainContent {background: transparent;}

.first-aside p {font-size: 1.2em !important; line-height: 1.4em;}

.footer {color: #FFF; font-size: .8em;}

.footer a {color: #FFF;}

.del {text-decoration: line-through}

/* Layout */

.header {width: 650px; margin: 0 auto;}

#mainContent {width: 650px; margin: 0 auto; padding: 12px 0 24px 0;}

.logo {background: url('img/js_logo.png') no-repeat; width: 420px; height: 86px; text-indent: -9999px; float: left}

.logo a {width: 100%; height: 100%; display: block; outline: 0; border: 0}

.established {float: right; width: 200px; margin-top: 20px;}

.navigation ul {float: right; padding-top: 12px; clear: both }

.navigation ul li {float: left; text-transform: uppercase; margin-left: 8px; height: 22px; padding: 2px 4px 4px 4px}

.navigation ul li:hover, .navigation ul li.current-page {background: url('img/nav_bg.png') 0 0 repeat-x;
} 

#cf-wrapper {width: 650px; height: 240px; margin-bottom: 18px; }

.aside {width: 315px; float: left; margin-left: 20px; }

.aside img {margin-bottom: 12px;}

.first-aside {margin-left: 0;}

.left-col {width: 210px; padding-left: 10px; margin-right: 15px; float: left;}

.left-col ul.menu {margin-bottom: 1.8em;}

.left-col ul.menu li {border-left: 3px solid #d0d0d0; padding-left: 1em; margin-bottom: 4px;}

.left-col ul.menu li:hover {border-left: 3px solid #8f8f8f;}

.left-col ul.menu li a {display:block; width: 100%; height: 100%; border-bottom: 0;}

.left-col .list {padding-bottom: 2.8em !important;}

.left-col ul.list li, .right-col ul.list li {list-style-type: square; margin-left: 22px; background-color: transparent !important; background-image: none !important; border: none !important; padding: 0 }

.right-col ul.list {border: none;}

.right-col {float: left; width: 405px;}

.right-col ul {border-top: 1px dashed #cdcdcd; margin-bottom: 1.2em;}

.right-col ul li {background: #fcfcfc url('img/ul_bg.jpg') bottom left repeat-x; border-bottom: 1px dashed #cdcdcd; padding: 8px;}

.right-col ul li:hover {background: #fcfcfc url('img/ul_bg_hover.jpg') top left repeat-x;}

.right-col ul li span {float: right; font-weight: bold;}

.page_hdr {margin-bottom: 12px;}

.footer {margin: 12px auto; width: 650px; }

#schoolboard {margin-top: 28px;}

.tripinfo {background: #FFF url(img/infobox.jpg) top left no-repeat; padding: 24px 12px 12px; margin: 0 0 12px 0}

/* Contact Form */

#contactFormArea {margin-top: .8em;}
 
input {width: 100%; margin-bottom: .4em; clear: both;}

label {width: 80px; display: block; float: left; margin-top: .2em; text-align: right; padding-right: .4em;}

.text {float: left; width: 240px; border: 1px solid #A4A4A4;background: #F1F1F1; clear: right;}

input:focus {background: #FFF;}

.talabel {width: 80px; display: block; float: left; margin-top: .2em; text-align: right; padding-right: .4em}

#posText {float: left; width: 242px; border: 1px solid #A4A4A4;background: #F1F1F1; margin-bottom: .4em}

#posText:focus {background: #fff;}

.cclabel {display: none;}

.submit {clear: both; margin-left: 84px; margin-bottom: .8em; width: 80px}

.submit #sendContactEmail {width: 80px;}