/* CSS - New Project */
/* reset */
html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* general */
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;margin-right: 1em;}
.right {float: right;margin-left: 1em;}
.hide {display: none;}
.show {display: block;}
body {font-size: 12px; background: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; color: #555555;}
h1, h2, h3, h4 {font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;}
h1 {color: #4b6b82; font-size: 16px;}
h2 {color: #4b6b82; font-size: 14px;}
h3 {font-size: 12px; font-weight: bold; color: #ECD58F;}
h4 {font-size: 12px; font-weight: bold; font-style: italic;}
#home h2 {font-size: 16px;}
strong {color: #747158;}
a {color: #8c1413; font-family: Tahoma, Geneva, arial, sans-serif;}
a:hover {text-decoration: none;}
/* basic */
#mainContainer, #headerContainer, #headerNav, #bodyContainer, #footerContainer, #footerContent {margin: 0 auto; width: 987px; clear: both;}
#bodyWrap {min-height: 500px; width: 100%; background: #FEFFF1 url(images/bg.jpg) no-repeat top center;}
#inside #bodyWrap {background: #FEFFF1 url(images/insidebg.jpg) no-repeat top center;}
/* header */
#headerContainer { height: 331px;}
#headerContainer object {position: relative; top: -32px;}
#inside #headerContainer {background: url(images/insideheader.jpg) no-repeat bottom; height: 238px;}
#headerLogo h5 {text-indent: -9999px;margin: 0;}
#headerLogo a {display: block;}
#headerNav {height: 63px; background: url(images/nav.jpg) no-repeat; padding: 32px 0 0 20px; font-family: Geneva, Arial, Helvetica, sans-serif; position: relative; z-index: 2900!important;}
#headerNav li {list-style: none; font-size: 14px; display: inline; float: left; }
#headerNav li a {color: #fff; text-decoration: none;display: block; height: 23px; padding: 7px 14px 0 14px;background: url(images/navbg.jpg) no-repeat right;}
#headerNav li a:hover {text-decoration: underline;background: url(images/navbg_hover.jpg) no-repeat right;}
#headerNav .lastItem a {background: none;}
#headerNav .lastItem a:hover {background: url(images/navbg_hover.jpg) no-repeat 0 -3px;}
/* body */
#bodyContainer {background: url(images/bodytop.jpg) no-repeat; min-height: 500px; padding-top: 10px;}
#inside #bodyContent {margin: 0 40px;}
#inside #bodyContent ul {padding-left: 30px;}
#bodyMain {width: 100%; clear: both;}
#bodyLeft {width: 45%; float: left;}
#bodyRight {width: 45%; float: right;}
#bodyLeft li, #bodyRight li {list-style: none;}
#leftCol {float: left; width: 600px; margin-left: 40px;}
#leftCol .newsEvents {width: 600px; background: url(images/divider.jpg) no-repeat; min-height: 150px;}
.newsEvents .rightNews {float: right; width: 275px;}
.newsEvents .rightNews li {list-style: none; margin-bottom: 6px;}
.newsEvents .leftNews {float: left; width: 275px;}
#rightCol {float: right; width: 289px; margin-right: 30px;}
#rightCol .sidebox {width: 139px; height: 127px; padding: 1px 150px 0 10px; margin: 20px 0;}
#rightCol .donors {background: url(images/donors.jpg) no-repeat;}
#rightCol .tutors {background: url(images/tutors.jpg) no-repeat;}
#rightCol .students {background: url(images/students.jpg) no-repeat;}
.javelin_module-faq dt {color: #4b6b82; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
/* footer */
#footerContainer {background: url(images/footer.jpg) no-repeat; height: 25px; margin-bottom: 20px;}
#footerContent {margin-left: 40px;}
#footerContent img {margin-right: 80px;}
#footerContent li {display: inline; list-style: none; margin-right: 5px;}
/* custom styling */
.imageBorder {border: 1px solid #000; padding: 3px; background-color: #8D1517;}
.tutorLeft {width: 50%; float:left; margin-bottom: 20px;}
.tutorRight {width: 50%; float: left;}
.tutorImage {}
.ourBoard {width: 48%; float:left;}
.ourBoard ul {list-style: none;}
.ourStaff {width: 48%; float: right;}
.ourStaff ul {list-style: none;}
.programsColumn {width: 23%; margin-right: 15px; float: left;}
#contactForm {width: 49%; float: left;}
.contactUs {width: 45%; float: right;}
.programsColumn h2 {background: url(images/headingBackground.jpg) no-repeat; width:212px; height: 48px; text-align: left; padding: 6px; margin-bottom: -10px;}
.programsColumn img {border: 2px solid #E7DBAB;}
.faqsImage {float: right; border: 1px solid #000; padding: 2px; background-color: #8D1517;}
ul.aboutImages {margin-top: 15px; border-top: 1px solid #E7DBAB; border-bottom: 1px solid #E7DBAB; padding: 10px;}
ul.aboutImages li {display: inline; margin: 0 15px;}
ul.aboutImages img {border: 1px solid #000; padding: 2px; background-color: #8D1517;}
.appwide label {float: left;}
.appwide {width: 400px;}
.appwide p {clear: both; padding: 10px 0;}
.appwide span, .appwide select {float: right;}
.rightNews .blog {font-size: 10px;}
.rightNews .blog h2 {font-size: 12px!important;}
#eventDetail #title {margin-bottom: -17px; cursor: }
#eventDetail #date {font-weight: bold; margin-bottom: 15px; color: #747158;}
.datepicker {width: 200px; margin-top: -30px; margin-left: 137px; position: absolute;}
.datepicker-header {width: 190px; text-align: center; font-weight: bold; margin: 0px 10px;background: #9C302E; padding: 5px;border: 2px solid #4F0505; border-bottom: none; color: #fff;}
.datepicker-header span {cursor: pointer;}
.datepicker-calendar {border: 2px solid #4F0505; width: 200px; background: #9C302E; color: #FEFFF1; margin: 0 10px;}
.datepicker-calendar td {border: 1px solid #4F0505; padding: 2px; text-align: center; cursor: pointer;}
.datepicker-calendar .outbound {color: #B56661; background: #8C1413; border: none; cursor: default;}
.datepicker-calendar .wday {border: none; cursor: default;}
.datepicker-footer {width: 50px; text-align: center;text-transform: capitalize; font-weight: bold; border: 1px solid #8C1413; position: relative; left: 14px; padding: 1px; color: #FEFFF1; float: right; background: #B76863; cursor: pointer;}
.tutorList {padding: 0!important;}
.tutorList li {float: left; display: inline; list-style: none; margin-right: 10px;}
.tutorForm {width: 300px; clear: both;}
.tutorForm dl {width: 60%;}
.tutorForm dt {float: left;}
.tutorForm dd {margin: 0 5em 1em 8em; float: none;}
.tutorForm textarea {position: relative; z-index: 0;}
.tutorButton {clear: both;margin-left: 235px;margin-top: 5px;}
.viewSelect {border-bottom: 1px solid #EBE5CD; min-height: 40px; margin-bottom: 0;}
#viewReports dl {width: 30%; float: left;}
#viewReports .dateRange dd {font-size: 10px; width: 60px; float: left;}
#viewReports .dateRange dd input {width: 60px;}
#viewReports #updateButton {position: relative; top: 39px; font-size: 10px;}
#viewReports #tutorReport {width: 100%;}
#viewReports #tutorReport th {text-align: left; background: #fff; padding: 5px; font-size: 14px; background: #8D1312; color: #FEFFF1;}
#viewReports #tutorReport th a {color: #FEFFF1;}
#viewReports #tutorReport td {padding: 5px;}
#viewReports #totals {width: 130px; float: right; background: #8E1117;}
#viewReports #totals strong {color: #FEFFF1; padding: 5px; font-weight: normal; display: block;}
#viewReports #totals table {width: 130px; background: #FEFFF1;}
#viewReports #totals table th {text-align: left; font-weight: bold; padding: 2px;}
#viewReports .datepicker {width: 200px; margin-top: -30px; margin-left: 55px; position: absolute; z-index: 9999;}
#viewReports .datepicker-calendar {z-index: 1001;}
.tutorLogin a {font-size: 10px; font-weight: normal;}
#inside .blog {width: 700px;}
.message {width: 290px; border: 1px solid #CECFB5; background: #EDEFD1; padding: 5px;}
.javelin_module-links li {list-style: none;}
.javelin_module-links ul {margin: 0px!important; padding: 0px!important;}