﻿body {margin:0px; background:url(../images/background_08.jpg);}
a img {border:0;}
/*h1 {margin:0; padding:0;}*/

#main {width:987px; margin:0 auto;}
#body {width:974px; background:#FFF; margin:0 3px 0 2px; padding:3px 4px;}
#mask {top:0; left:0; font-size:0; background:#FFF; opacity:0.1; filter:alpha(opacity=10); z-index:500;}
#cms {background:#FFF; z-index:500;}
.copy {font-family:Arial; font-size:12px; color:#333; padding-right:20px;}
.cms-copy {font:bold italic 12px/14px Arial; color:#333;}
#search-bar-container {background:#FFF; width:982px; margin-left:2px; padding-top:3px;}
#search-bar {width:975px; height:28px; background:#5B91F8; margin:0 0 0 3px;}
#todays-date {font:12px/26px Arial; color:#203258; margin-left:16px;}

.login {font:bold 11px/13px Arial; color:#FFF; text-decoration:none;}

/*- NOTICE -*/
#notice {top:6px; left:220px;}
#notice-text-container {width:400px; height:20px; left:52px; font:bold 12px/15px Arial; color:#000; overflow:hidden;}
#notice-text {font:bold 12px/15px Arial; color:#000; white-space:nowrap;}
#notice-text ul {margin:0; padding:0;  white-space:nowrap; list-style-type:none;}
#notice-text ul li {display:inline; margin:0 50px;}
#notice-text ul li a {color:#000; text-decoration:none;}
#notice-text ul li a:hover {color:#D06A00;}


#search-form {top:-3px; left:550px;}
#search-text {top:0px; left:0px;}
#search-button {top:2px; left:160px;}
#welcome-message {width:975px; height:21px; background:#09367A; border-top:solid 3px #FFF;}
.footer-text {font:normal 10px/12px Arial; color:#B0BBD1;}

/*- PRIMARY NAV -*/
#primary-nav {width:790px; height:28px; background:#09367A; border-right:solid 3px #FFF;}
#primary-nav ul {margin:0; padding:0; white-space:nowrap; list-style-type:none; z-index:100;}
#primary-nav li {display:inline;}
#primary-nav li span {position:absolute; overflow:hidden; width:0px;} /* SEO ~ for text item */
#primary-nav li a span {position:absolute; overflow:hidden; width:0px; font-size:40px;} /* SEO ~ for text item */
#primary-nav li a img {border:0px; margin:0 4px;}    /* SEO ~ for image item */
#primary-nav li div {height:0; background:#FFF;}
#primary-nav li div ul {margin:0; padding:0; background:#839CBB; border:solid 1px #C8D2C9; list-style-type:none;}
#primary-nav li div ul li {display:list-item; border-bottom:solid 1px #47689D; margin:0 20px; padding-bottom:4px;}
#primary-nav li div ul li.last {display:list-item; border:0; margin:0 20px; padding-bottom:4px;}
#primary-nav li div ul a {font-family:Arial; font-size:11px; font-weight:bold; color:#09367A; text-decoration:none;}

/*- SUB NAV
#secondary-nav-header {font-family:Arial; font-size:13px; font-weight:bold; color:#09367A; text-decoration:none; margin:13px 0 0 21px;}
#secondary-nav-header a {color:#0A3579; text-decoration:none;}
#secondary-nav {margin:0 0 0 21px; padding:0; white-space:nowrap; list-style-type:none;}
#secondary-nav li {font-family:Arial; font-size:11px; color:#000; line-height:17px; background:url(../images/navigation/primary/dash.gif) no-repeat top left;}
#secondary-nav li a {color:#000; text-decoration:none; margin-left:10px;}
#secondary-nav li a.active {font-weight:bold; text-decoration:none;}
#secondary-nav li a.active:hover {color:#000;}
#secondary-nav li a:hover {color:#D06A00;}
 -*/
 
#sub-navigation-header {font-family:Arial; font-size:13px; font-weight:bold; color:#D06A00; text-decoration:none; margin:13px 0 0 21px;}
#sub-navigation {margin:5px 0 0 5px; padding:0;}
#sub-navigation ul {margin:0 0 0 15px; padding:0; white-space:nowrap; list-style-type:none;}
#sub-navigation ul li {font-family:Arial; font-size:11px; color:#000; line-height:17px; background:url(../images/navigation/primary/dash.gif) no-repeat top left;}
#sub-navigation ul li a {color:#000; text-decoration:none; margin-left:10px;}
#sub-navigation ul li a.parent { color:#09367A;font-weight:bold;}
#sub-navigation ul li a.active {font-weight:bold; text-decoration:none;}
#sub-navigation ul li a.active:hover {color:#000;}
#sub-navigation ul li a:hover {color:#D06A00;}
img.theme {margin-top:40px;}


/*- ROTATOR -*/
#rotator {width:710px; height:306px;}
#rotator-image {margin:0; padding:0; white-space:nowrap; list-style-type:none; width:594px; height:258px; border:solid 2px #FFF;}
#rotator-image li {margin:0; padding:0;}
#rotator-image li a img {border:0;}

#rotator-thumbnail {margin:0; padding:0; list-style-type:none;}
#rotator-thumbnail li {margin:0 0 4px 0; padding:0; width:77px; height:58px; border:solid 2px #FFF;}

#rotator-caption {margin:6px 0 0 8px; padding:0; list-style-type:none;}
#rotator-caption li {font:bold 16px Arial; color:#333;}

/*- CALENDAR -*/
#calendar-container {width:179px; height:208px; border:solid 2px #999;}
#calendar-date-container {width:147px; margin:0 0px 10px 5px;}
#calendar-month-year {width:129px; line-height:12px; font-family:Arial; font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; margin:-3px;}
#calendar-day-container {margin:0 0 10px 0px;}
div.calendar-day {font-family:Arial; font-size:11px; font-weight:bold; color:#333; width:21px; margin-right:1px;}
/*#calendar-events {margin-left:0px;}*/
.cal-cell {width:21px; height:19px; margin:0 1px 1px 0;}
.cal-cell a {color:#333; font-weight:bold; text-decoration:none;}
.cal-space {background:url(../images/calendar/no-event.gif);}
.cal-no-event {line-height:19px; text-align:center; font-size:9px; font-weight:bold; font-family:Arial; background:url(../images/calendar/no-event.gif);}
.cal-event {line-height:19px; text-align:center; font-size:9px; font-weight:bold; font-family:Arial; background:url(../images/calendar/event.gif);}

#all-calendar-container {width:255px; height:302px; border:solid 2px #999;}
#all-calendar-date-container {width:184px; margin:0 0px 10px 5px;}
#all-calendar-month-year {width:150px; line-height:12px; font-family:Arial; font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; margin:-3px;}
#all-calendar-day-container {margin:0 0 10px 0px;}
div.all-calendar-day {font-family:Arial; font-size:11px; font-weight:bold; color:#333; width:24px; margin-right:2px;}
#calendar-events {margin-left:0px;}
.cal-all-cell {width:24px; height:22px; margin:0 2px 2px 0;}
.cal-all-cell a {color:#333; font-weight:bold; text-decoration:none;}
.cal-all-space {background:url(../images/calendar/all-no-event.gif);}
.cal-all-no-event {line-height:21px; text-align:center; font-size:11px; font-weight:bold; font-family:Arial; background:url(../images/calendar/all-no-event.gif);}
.cal-all-event {line-height:21px; text-align:center; font-size:11px; font-weight:bold; font-family:Arial; background:url(../images/calendar/all-event.gif);}

/*- EVENTS -*/
#event-window {width:526px; height:392px; top:144px; left:222px; background:#FFF; border:solid 2px black; z-index:1000;}
#event-date {width:175px; height:18px; background:#313131; border-top:solid 1px #CBCBCB; border-bottom:solid 1px #CBCBCB; font-family:Tahoma; font-size:11px; font-weight:bold; color:#CBCBCB; padding:3px 0 0 5px;}
#event-titles {font-family:Tahoma; margin-top:5px;}
#event-titles a {font-size:11px; font-weight:bold; color:#666;}
#event-titles div {font-size:11px; font-weight:normal; margin:3px 0 10px 2px;}
#event-details {font-family:Tahoma; padding:7px; color:#666;}
#event-details-title {font-size:15px; font-weight:bold;}
#event-details-description {font-size:13px; font-weight:normal;}

/*- LINKS -*/
#links-home {width:804px; height:165px;}
#links-home ul{margin:2px 0 0 0px; padding:0; white-space:nowrap; list-style-type:none;}
#links-home ul li {display:inline;}
#links-home ul li img {margin:0 5px;}

/*- DOCUMENTS -*/
.documents {margin:2px 0 0 0px; padding:0; white-space:nowrap; list-style-type:none;}
.document-item {border-bottom:dotted 1px #000;}
.document-item a {font-family:Arial; font-size:12px; color:#333; text-decoration:none; line-height:29px; margin-left:7px;}
.document-item a:hover {text-decoration:underline;}

/*- HEADERS -*/
/*
h1 {position:absolute; top:1px; padding:0; margin:0; font:normal 20px/20px Arial; color:#666; float:left;}
.h1 {width:582px; height:22px; background:transparent url(../images/headers/title-aboutus_03.gif) no-repeat; margin-top:10px; position:relative; display:block;}
.h1 h1 {left:103px;}
.h2 {width:582px; height:22px; background:transparent url(../images/headers/title-academics_03.gif) no-repeat; margin-top:10px; position:relative;}
.h2 h1 {margin:-1px 0 0 125px; padding:0; font-family:Arial; font-size:20px; color:#666;}

*/
.h1 {height:22px; background:url(../images/headers/title-aboutus_03.gif) no-repeat; margin-top:10px;}
.h1 h1 {margin:-1px 0 0 105px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h2 {height:22px; background:url(../images/headers/title-academics_03.gif) no-repeat; margin-top:10px;}
.h2 h1 {margin:-1px 0 0 125px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h3 {height:22px; background:url(../images/headers/title-admissions_03.gif) no-repeat; margin-top:10px;}
.h3 h1 {margin:-1px 0 0 125px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h4 {height:22px; background:url(../images/headers/title-contact_03.gif) no-repeat; margin-top:10px;}
.h4 h1 {margin:-1px 0 0 115px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h5 {height:22px; background:url(../images/headers/title-resources_03.gif) no-repeat; margin-top:10px;}
.h5 h1 {margin:-1px 0 0 115px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h6 {height:22px; background:url(../images/headers/title-schoollife_03.gif) no-repeat; margin-top:10px;}
.h6 h1 {margin:-1px 0 0 125px; padding:0; font-family:Arial; font-size:20px; color:#666;}
.h7 {height:22px; background:url(../images/headers/title_03.gif) no-repeat; margin-top:10px;}
.h7 h1 {margin:-1px 0 0 187px; padding:0; font-family:Arial; font-size:20px; color:#666;}

/*- IMAGE -*/
.caption {font:normal 11px/13px Arial;}

/*- IMAGE GALLERY -*/
.image-gallery-container {width:70px; padding-right:26px;}
.image-gallery-thumbnail {width:70px; height:70px;}
.image-gallery-name {font:normal 10px/12px Arial; color:#999; margin-top:4px;}

/*- CONTACT FORM -*/
#contact-form {}
#contact-form .label {font-family:Arial; font-size:11px; color:#333; width:150px;}
#contact-form .textbox {font-family:Arial; font-size:11px; color:#333; width:300px;}
#contact-form .textarea {font-family:Arial; font-size:11px; color:#333; width:300px; height:100px;}
#contact-form .response {font-family:Arial; font-size:11px; color:#333; width:300px;}

/*- SEARCH -*/
#search-results-header {font:bold 14px/18px Arial; color:#333; margin:5px 0 0 13px;}
#search-results-display {font:bold 12px/16px Arial; color:#09367A; margin-top:5px;}
#search-results-menu {font:bold 12px/16px Arial; margin-top:5px;}
#search-results-menu a {color:#09367A; margin:0 1px;}
#search-results-menu span {color:#5B91F8; margin:0 1px;}
#search-results-container {width:500px; margin:0 13px 5px;}
#search-results-container .title {font:bold 12px/16px Arial; color:#09367A; margin-top:15px;}
#search-results-container .text {font:bold 11px/14px Arial; color:#333;}
#search-results-container .link {font:bold 10px/14px Arial; color:#5B91F8;}
#search-results-container .bold {font-weight:bold; text-decoration:underline; color:#09367A;}

/*- WEEK AT A GLANCE -*/
.waag-hor-separator {border-bottom:dotted 1px #999; margin:15px 0 10px 0;}

#waag-dates .ht {height:2px;}
#waag-dates .wt {width:2px;}
#waag-dates .gray {background:#999;}
#waag-dates .white {background:#FFF;}
#waag-dates .date {background:#666; width:115px; height:97px;}
#waag-dates .events {background:#FFF; width:343px; height:97px;}
#waag-dates .day-of-week {margin-top:3px;}
#waag-dates .day {font:bold 28px/34px Arial; color:#FFF;}
#waag-dates .title {font:normal 12px/20px Arial; color:#333; text-decoration:none; margin-left:10px;}
#waag-dates .separator {border-bottom:dashed 1px #333; margin:5px 17px;}

#waag-event {}
#waag-event-date {font:bold 10px/12px Arial; color:#9A9A9A;}
#waag-event-title {font:bold 14px/16px Arial; color:#CF6A00;}
#waag-event-separator {border-bottom:dashed 1px #333; margin:5px 0;}
#waag-event-description {font:normal 13px/15px Arial; color:#000;}

/*
.waag-td1 {width:115px; height:97px; text-align:center; vertical-align:top; background:#666; margin:2px; border-bottom:solid 2px #999999;}
.waag-td1 div .container {width:115px; height:97px; text-align:center; vertical-align:top; background:#666; margin:2px;}
.waag-td2 {width:2px; background:#999;}
.waag-td3 {width:339px; height:97px; text-align:left; vertical-align:top;}
*/

/*- TEACHERS -*/
.teacher-back-button {padding-bottom:10px;}
.teacher-title {font:bold 20px/22px Arial; color:#666; margin:0; padding-bottom:5px;}
.teacher-divider {height:26px; background:url(../images/teacher/piece.gif) repeat-x bottom left;}
a.teacher-list {font:bold 12px/14px Arial; color:#395ECA;}

#teacher-list-main {background:#FFF; padding:10px;}
#teacher-list ul {margin:0; padding:0; list-style-type:disc; width:358px;}
#teacher-list li {margin:0 0 0 25px; padding:0;}
#teacher-list a {font:bold 12px/14px Arial; color:#395ECA;}
#teacher-list a:hover {color:#D06A00;}

#teacher-main {background:#FFF; padding:10px;}
.h8 {height:22px; background:url(../images/teacher/title-teacher.gif) no-repeat;}
.h8 h1 {margin:-1px 0 0 140px; padding:0; font-family:Arial; font-size:20px; color:#666;}
#teacher-thumbnail {margin:0 23px 15px 0;}
#teacher-email {font:bold 12px/14px Arial; color:#395ECA; text-decoration:underline; margin:0 30px 0 0;}
#teacher-phone {font:bold 12px/14px Arial; color:#333;}

#table-courses h4 {font:bold 13px/15px Arial; color:#333; margin:0 0 5px 10px;}
#table-courses ul {margin:0; padding:0; list-style-type:disc; width:358px;}
#table-courses li {margin:0 0 0 25px; padding:0;}
#table-courses a {font:bold 12px/14px Arial; color:#395ECA;}
#table-courses .separator {border-bottom:dotted 1px #999; font:0px/0px Arial; margin:10px 0 10px 30px; height:1px;}
#table-courses .separator-right {border-right:dotted 1px #999;}

#course-main {background:#FFF; padding:10px 0 10px 10px;}
#course-title {font:bold 20px/22px Arial; color:#666; margin:0; padding-bottom:5px;}
.course-label {font:bold 14px/16px Arial; color:#395ECA; margin-right:4px;}
.course-data {font:normal 14px/16px Arial; color:#333;}

#course-units {font:normal 12px/16px Arial; color:#333; border-right:solid 1px #333; border-top:solid 1px #333; border-left:solid 1px #333; margin-bottom:10px;}
.unit-col1 {width:50px; border-right:solid 1px #333; border-bottom:solid 1px #333;}
.unit-col2 {width:441px; border-right:solid 1px #333; border-bottom:solid 1px #333; padding-left:5px;}
.unit-col2 a {font:bold 12px/16px Arial; color:#395ECA;}
.unit-col3 {width:70px; border-bottom:solid 1px #333;}

#unit-main {background:#FFF; padding:10px 10px 60px 10px;}

/*- COMMITTEES -*/
.committee-back-button {padding-bottom:10px;}
.committee-title {font:bold 20px/22px Arial; color:#666; margin:0; padding-bottom:5px;}
.committee-divider {height:26px; background:url(../images/committee/piece.gif) repeat-x bottom left;}
a.committee-list {font:bold 12px/14px Arial; color:#395ECA;}

#committee-list-main {background:#FFF; padding:10px; height:450px;}
#committee-list ul {margin:0; padding:0; list-style-type:disc; width:358px;}
#committee-list li {margin:0 0 0 25px; padding:0;}
#committee-list a {font:bold 12px/14px Arial; color:#395ECA;}
#committee-list a:hover {color:#D06A00;}

#committee-main {background:#FFF; padding:10px;}
/*
#committee-thumbnail {margin:0 23px 15px 0;}
#committee-email {font:bold 12px/14px Arial; color:#395ECA; text-decoration:underline; margin:0 30px 0 0;}
#committee-phone {font:bold 12px/14px Arial; color:#333;}
*/
#committee-main {background:#FFF; padding:10px 0 10px 10px;}
#committee-title {font:bold 20px/22px Arial; color:#666; margin:0; padding-bottom:5px;}
.committee-label {font:bold 14px/16px Arial; color:#395ECA; margin-right:4px;}
.committee-data {font:normal 14px/16px Arial; color:#333;}

