/* Global Classes */
* {margin: 0px; padding: 0px;}
.clear         { clear: both; height: 0px;}
.float-left    { float: left; margin: 0px 10px 10px 0px;}
.float-right   { float: right; margin: 0px 0px 10px 10px;}
.text-left     { text-align: left;}
.text-right    { text-align: right;}
.text-center   { text-align: center;}
.text-justify  { text-align: justify;}
.bold          { font-weight: bold;}
.italic        { font-style: italic;}
.underline     { border-bottom: 1px solid;}
.highlight     { background: #ffc;}
.img-left      { float: left;margin: 4px 10px 4px 0;}
.img-right     { float: right;margin: 4px 0 4px 10px;}
.nopadding     { padding: 0;}
.noindent      { margin-left: 0;padding-left: 0;}
.nobullet      { list-style: none; list-style-image: none;}
strong {color: #09153c; font-weight: bold;}
.error, .red {background: #FFEBE8 none repeat scroll 0%; border: 1px solid #DD3C10; margin: 0pt 10px 10px; padding: 10px; display: block;}
.correct, .green {background: #E6FCE6 none repeat scroll 0%; border: 1px solid #84DB12; margin: 0pt 10px 10px; padding: 10px; display: block;}
.info {background: #FBFCE6 none repeat scroll 0%; border: 1px solid #D9B411; margin: 0pt 10px 10px; padding: 10px; display: block;}
.required_fields {color: red;}
/* End Global Classes */

body.editor{background: #ffffff;}

body {
font: 62.5% Arial, Helvetica, sans-serif;
color: #09153C;
background: url(../images/sce/body-bg.jpg) repeat-x #0B4088 left top;
}

#container {width: 980px; margin-left: auto; margin-right: auto;}

/* Header Styles */
#header {width: 980px; height: 100px;}

#header img {float: left;}

#header p {
font-size: 3em;
display: block;
width: 500px;
color: #FFF;
float: left;
margin-top: 20px;
margin-left: 10px;
}

#header form {float: right; display: block; width: 210px; margin-top: 28px;}

#header input {width: 150px; float: left; padding: 2px;}

#header button {
float: left;
width: 50px;
margin-left: 2px;
color: #FFF;
border: none;
background: url(../images/sce/menu-bg.jpg) repeat-x left top;
padding: 2px;
}
/* End Header Styles */

#content-wrap {background: url(../images/sce/content-bg.jpg) repeat-y left top; width: 980px; clear: both;}

#content {display: block; width: 760px; min-height: 623px; float: right; padding: 20px;/* border-left: 1px solid #6C6C6C;*/}

h1{font-size: 2.8em; font-weight: normal; color: #B30004; margin: 0px 0px 10px 0px;}

h2 {font-size: 2.2em; font-weight: normal; color: #B30004; margin-top: 5px; margin-bottom: 5px;}

h3 {font-size: 2em; font-weight: normal; color: #B30004; margin-top: 5px; margin-bottom: 5px;}

h4 {font-size: 1.8em; font-weight: normal; color: #B30004; margin-top: 5px; margin-bottom: 5px;}

h5, h6 {font-size: 1.6em; font-weight: normal; color: #B30004; margin-top: 5px; margin-bottom: 5px;}

p {color: #09153c; font-size: 1.4em; line-height: 1.1em; margin-bottom: 11px;}

#content ul {margin: 10px 0px 10px 20px; font-size: 1.4em; color: #09153c;}

#content ul ul {margin: 1px 0px 2px 20px; font-size: 1em;}

#content li {color: #09153c; line-height: 1.2em; margin-bottom: 5px;}

#content table {font-size: 1.4em; margin-top: 10px; margin-bottom: 10px;}

#content td, #content th {padding: 5px;}

#content th {text-align: left;}



a {color: #B30004; text-decoration: underline;}

a:hover {color: #09153c;}

hr {border-bottom: 1px solid #09153c; margin-top: 5px; margin-bottom: 5px;}

.thumbs {float: left; font-weight: bold; display: block; height: 175px; width: 190px; padding: 20px 0px; margin: 0px 0px 10px 40px; background-color: #CCC; text-align: center; text-decoration: none; border: 1px solid #999;}

.thumbs img {margin-bottom: 10px; width: 150px height: 150px; border: 1px solid #FFF;}

/* Footer Styles */
#footer {clear: both; text-align:center; font-size: 1.2em; margin-top: 10px;}

#footer ul {list-style: none;}

#footer li {display: inline;}

#footer a {color: #FFF;}

#footer a:hover {color: #b30004;}

#footer .footer_link { border-left:solid 1px #FFF; padding-left:4px;}

#footer .footer_first {border-left:none}

#copyright {clear: both; margin: 10px 0px; text-align: center; color: #FFF; font-size: 1.2em;}

#copyright a {color: #FFF; margin-left: 50px;}

#copyright a:hover {color: #b30004;}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {width: 355px; font-size: 1.4em; margin-top: 10px; margin-bottom: 10px; padding: 20px 10px 10px 10px; background-color: #CCC; border: 1px solid #999;}

#contactform .indent {margin:10px 0px 10px 130px;}

#contactform .form_element {padding: 2px 10px 0px 0px; text-align:right; float: left; width: 120px;}

#contactform .form_data {text-align:left; float: left;}

#contactform .separator {clear: left; height: 5px; line-height: 5px;}

#contactform input, #contactform textarea {width: 200px; padding: 2px;}

#contactform .image {padding: 2px; width: 60px; color: #FFF; font-weight: bold; border: 1px solid #09153c; background: url(../images/sce/menu-bg.jpg) repeat-x left top;}

#contactform td label {font-size: 0.7em;}

#contactform table {margin: 0px;}

#contactform #ctl00_MainContent_ctl03_field15_0, #contactform #ctl00_MainContent_ctl03_field15_1, #contactform #ctl00_MainContent_ctl03_field10_0, #contactform #ctl00_MainContent_ctl03_field10_1, #contactform #ctl00_MainContent_ctl03_field10_2, #contactform #ctl00_MainContent_ctl03_field10_3, #contactform #ctl00_MainContent_ctl03_field10_4, #contactform #ctl00_MainContent_ctl03_field14_0, #contactform #ctl00_MainContent_ctl03_field14_1 {
width: 16px;
}
/* End Contact Form Styles */

/* Gallery Styles */
.postcard_manager .cat_name {display: none;}

.postcard_manager .subcat {font-size: 1.2em;}

.postcard_manager .panel {float: left; height: 180px; width: 200px;}

.postcard_manager .panel img {height: 150px; width: 150px;}

.postcard_picture .docname {display: block; width: 150px; text-align: center; font-size: 1.3em;}

.postcard_header a {display: block; width: 60px; padding: 2px; border: 1px solid #09153c; text-align: center; text-decoration: none; font-weight: bold; background-color: #b30004; color: #FFF; font-size: 1.3em;}

#content #postcard_search ul {margin: 10px 0px 10px 0px; list-style: none;}

#postcard_search ul {}

#postcard_search li {margin-bottom: 10px;}

#postcard_search label {display: block; width: 100px; float: left; padding: 2px;}

#postcard_search input {width: 200px; padding: 2px;}

#postcard_search #ctl01_MainContent_gallery_search_VolPostCardSearch1_Search {width: 55px; color: #FFF; border: 1px solid #09153c; background: url(../images/sce/menu-bg.jpg) repeat-x left top;}
/* End Gallery Styles */

/* Event Calendar Styles */
#eCalendar h2 {font-size: 2em;}

.EventCatList ul {list-style-type: none; margin-top: 0px;}

.EventCatList ul li {float: left; width: 120px; display: block;}

.allEventLink {float: left; font-size: 1.3em; width: 100px; display: block; margin-top: 3px;}

.view {font-size: 1.3em; margin-top: 10px; margin-bottom: 5px;}

.months {font-size: 1.3em; margin-bottom: 5px;}

#eCalendar th {text-align: center;}

#eCalendar td {border: 1px solid #000;}

#eCalendar table table td {border: none;}

.eventDay .location {display: none;}
/* End Event Calendar Styles */

/* Site Search Styles */
.SiteSearch {font-size: 1.4em;}

.SiteSearch_result_item {margin-bottom: 10px;}

.SiteSearch #ctl01_MainContent_VolSiteSearchResults_Control_message {display: block; width: auto; margin-bottom: 10px;}

.SiteSearch_titlelink {text-decoration: none; color: #09153c; font-weight: bold;}
/* End Site Search Styles */

/* News Styles */
.VolNewsDetail .news_title {font-size: 2.2em; color: #b30004;}

.VolNewsCategories, .new_footer {font-size: 1.4em;}

.VolNewsSearch ul {list-style: none;}

#content .VolNewsSearch li {margin-bottom: 10px;}

.VolNewsSearch .search-label {display: block; width: 80px; float: left;}

#ctl01_MainContent_news_search_key_button, #ctl01_MainContent_news_search_spsearch_button {
width: 55px; color: #FFF; border: 1px solid #09153c; background: url(../images/sce/menu-bg.jpg) repeat-x left top;}

#ctl01_MainContent_news_search_archive_list label {margin-right: 10px; margin-left: 2px;}

.new_footer {margin-top: 40px;}

.new_footer a {display: block; width: 60px; margin-right: 10px; padding: 2px; border: 1px solid #09153c; text-align: center; text-decoration: none; font-weight: bold; background-color: #b30004; color: #FFF; float: left;}

.new_footer .articles {width: 120px;}

.VolNewsLatest {float: left; display: block; height: 324px; width: 224px; background-color: #CCC; border-left: 1px solid #6c6c6c; padding: 10px;}

.VolNewsLatest h3 {font-size: 2.6em; color: #0b4088; margin-top: 0px; margin-bottom: 5px;}

.VolNewsLatest .news_title {color: #0b4088; font-weight: bold; text-decoration: none; font-size: 1.2em;}

.VolNewsLatest .news_headline {font-size: 1.2em;}

.VolNewsLatest img, .VolNewsCategories img {border: 1px solid #b30004; float: left; margin-right: 10px;}

.VolNewsLatest .clear, .VolNewsCategories .clear {padding-bottom: 10px;}

.VolNewsDetail .news_date {font-size: 1.4em;}
/* End News Styles */

/* Homepage Styles */
#content .home {float: left; width: 696px; padding: 10px; border-top: 7px solid #09153c;}

#content .home strong {color: #0b4088;}

#content .right_content {float: left; width: 244px; border-top: 7px solid #09153c;}

.right_content .staff_login {background: url(../images/sce/staff-login-bg.jpg) no-repeat top left;}

.right_content .coba_newsletter {background: url(../images/sce/coba-newsletter-bg.jpg) no-repeat top left;}

.right_content .school_calendar {background: url(../images/sce/school-calendar-bg.jpg) no-repeat top left;}

.right_content .staff_login, .right_content .coba_newsletter, .right_content .school_calendar {display: block; width: 234px; height: 105px; font-size: 14px; margin-top: 10px; padding: 10px 0px 0px 10px; text-decoration: none;}

.right_content .staff_login span, .right_content .coba_newsletter span, .right_content .school_calendar span {display: block; margin-bottom: 5px; color: #FFF;}

.right_content .staff_login .link, .right_content .coba_newsletter .link, .right_content .school_calendar .link {color: #000; margin-bottom: 0px; padding-top: 5px; padding-left: 10px;}

.right_content .staff_login .title, .right_content .coba_newsletter .title, .right_content .school_calendar .title {font-size: 24px;}

.right_content .staff_login .title {color: #7cb2fd;}

.right_content .coba_newsletter .title {color: #a3a3a3;}

.photo_gallery {margin-top: 30px; clear: left; background: url(../images/sce/photo-gallery-bg.jpg) no-repeat top left; display: block; width: 676px; height: 105px; font-size: 14px; padding: 10px 0px 0px 10px; text-decoration: none;}

.photo_gallery span {display: block; margin-bottom: 5px; color: #FFF;}

.photo_gallery .title {font-size: 24px;}

.photo_gallery .link {color: #000; margin-bottom: 0px; padding-top: 5px; padding-left: 20px;}
/* End Homepage Styles */

/* Left Static Menu Styles */
#left_content {display: block; width: 175px; float: left; min-height: 300px; margin: 2px;}

#left_content ul {margin: 0px 5px; list-style: none;}

.students, .parents, .coba {display: block; width: 175px;}

.students span, .parents span, .coba span {display: block; width: 165px; padding: 5px; color: #FFF; font-size: 1.4em;}

.students span {background-color: #b30004;}

.parents span {background-color: #0b4088;}

.coba span {background-color: #000;}

.students li a, .parents li a, .coba li a {
display: block;
width: 150px;
font-size: 1.4em;
color: #09153c;
padding: 5px 0px 5px 15px;
text-decoration: none;
border-bottom: 1px solid #999;
}

.students li a.last, .parents li a.last {border-bottom: none;}

.students li a {background: url(../images/sce/for-students-bullet.jpg) no-repeat left center;}

.parents li a {background: url(../images/sce/for-parents-bullet.jpg) no-repeat left center;}

.coba li a {background: url(../images/sce/for-coba-bullet.jpg) no-repeat left center;}

#left_content li a:hover {color: #B30004;}

#left_content .staff_login, #left_content .school_calendar {display: block; width: 165px; text-decoration: none; padding: 10px 0px 0px 10px;}

#left_content .staff_login {height: 91px; margin: 10px 0px 2px 0px; background: url(../images/sce/left-staff-login-bg.jpg) no-repeat top left;}

#left_content .school_calendar {height: 208px; background: url(../images/sce/left-calendar-bg.jpg) no-repeat top left;}

#left_content .school_calendar span {display: block; color: #FFF; font-size: 1.4em;}

#left_content .staff_login .title {display: block; font-size: 2em; color: #7cb2fd;}

#left_content .school_calendar .title {font-size: 2em; margin-bottom: 115px;}

#left_content .staff_login .link {display: block; color: #000; margin-bottom: 0px; padding-top: 14px; padding-left: 10px; font-size: 1.4em;}

#left_content .school_calendar .link {color: #000; margin-bottom: 0px; padding-top: 7px; padding-left: 10px;}
/* End Left Static Menu Styles */

/* COBA Homepage Style */
.cobabox1, .cobabox2, .cobabox3, .cobabox4 {width: 370px; float: left; height: 110px; margin-top: 8px; margin-bottom: 8px; text-decoration: none;}

.cobabox1 {background: url(../images/sce/coba-section-newsletter-bg.jpg) no-repeat left top; margin-right: 8px;}

.cobabox2 {background: url(../images/sce/coba-section-events-bg.jpg) no-repeat left top; margin-left: 10px;}

.cobabox3 {background: url(../images/sce/coba-section-magazine-bg.jpg) no-repeat left top; margin-right: 8px;}

.cobabox4 {background: url(../images/sce/coba-section-contact-bg.jpg) no-repeat left top; margin-left: 8px;}

.cobabox1 span, .cobabox2 span, .cobabox3 span, .cobabox4 span {display: block; margin: 5px 5px 5px 10px; color: #ffffff; font-size: 14px;}

.cobabox1 .title, .cobabox2 .title, .cobabox3 .title, .cobabox4 .title {font-size: 24px; color: #a3a3a3;}

.cobabox1 .link, .cobabox2 .link, .cobabox3 .link, .cobabox4 .link {color: #000000; margin-bottom: 0px; padding-top: 10px;}

.cobabox1 .link {padding-left: 15px;}

.cobabox2 .link {padding-left: 16px;}

.cobabox3 .link {padding-left: 13px;}

.cobabox4 .link {padding-left: 18px;}
/* End COBA Homepage Style */

.border, .border td, .border th {border: 1px solid #5070a1;}

.border th {background-color: #CCC; color: #09153c; font-size: 1.2em;}

.border tr.odd {background-color: #DDD;}