/**
* MCHS Screen Style Sheet
*
* @author Nicolas Borg <nborg@kaneland.org>
*/

/* =Imports
----------------------------------------------- */
@import url(ns4_toxins.css);

/* =General Selectors
----------------------------------------------- */
* {
  margin:0;
  padding:0;
  }
body {
  background:#fff url(/mchs/img/body_bg.jpg) repeat-y center;
  color:#000;
  }
body.two_cols {
  background:#fff url(/mchs/img/body_bg_two_cols.jpg) repeat-y center;
  }
body.full_main {
  background:#fff url(/mchs/img/body_bg_full_main.jpg) repeat-y center;
  }
body.home {
  background:#fff url(/mchs/img/body_home_bg.jpg) repeat-y center;
  }
body, div, p, th, td, li, dd {
  font-family:Georgia,sans-serif;
  font-size:14px;
  }
p {
  line-height:19px;
  font-size:14px;
  color:#333;
  }
hr {
  display:none;
  }
a:link {
  color:#00c;
  }
a:visited {
  color:#551A8B;
  }
a:active {
  color:#c40c0c;
  }
a:hover {
  color:#c40c0c;
  }
img {
  border:none;
  }
h1 {
  display:none;
  }
h2 {
  font-size:32px;
  color:#c40c0c;
  font-weight:normal;
  font-family:Georgia,serif;
  }
h3 {
  font-size:10px;
  font-weight:bold;
  margin:20px 0 0;
  font-family:Verdana,sans-serif;
  }
h3 span {
  font-weight:bold;
  color:#fff;
  margin-left:5px;
  }
h4 {
  font-size:13px;
  }

/* =Wraps
----------------------------------------------- */
.wrap {
  background:url(/mchs/img/wrap_bg.jpg) repeat-x top left;
  }
.wrap > div {
  width:760px;
  margin:0 auto;
  }
body.home .wrap > div {
  width:760px;
  margin:0 auto;
  }

/* =Header
----------------------------------------------- */
#hdr {
  background:url(/mchs/img/hdr_bg.jpg) no-repeat top left;
  height:140px;
  }
#hdr img {
  display:none;
  }
#hdr #archives {
  margin:4px 0 0 0;
  padding-left:10px;
  float:left;
  }
#hdr #archives li {
/*  background:#A80B00;*/
  display:block;
  float:left;
  margin-right:20px;
  }
#hdr #archives a {
  color:#fff;
  font-size:10px;
  line-height:1px;
  display:block;
  float:left;
  padding:7px 7px 9px 7px;
  margin:0;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  }
#hdr #archives strong a {
  color:#fff;
  background:#A80B00;
  border-top:2px solid #ddd;
  border-bottom:4px solid #900;
  }
#hdr #archives a:hover {
  background:#443E30;
  }
.contact_line, .contact_line span {
  color:#efefef;
  font-size:10px;
  padding:10px 0;
  }
.contact_line {
  text-align:right;
  }
#reminder {
  float:right;
  width:215px;
  margin-top:65px;
  text-align:center;
  }
#reminder p {
  color:#fff;
  font-size:11px;
  line-height:15px;
  font-family:Verdana,sans-serif;
  }
#reminder h4 {
  font-size:11px;
  text-transform:uppercase;
  color:#fff;
  padding:3px 0 0;
  letter-spacing:1px;
  }
#reminder img {
  display:inline;
  vertical-align:middle;
  }

/* =Navigation
----------------------------------------------- */
.nav {
  list-style:none;
  background:#a80b00;
  padding-left:0;
  }
.nav ul li {
  list-style: none;
  display:block;
  float:left;
  padding:0 10px 0 0;
  font-size:14px;
  font-family:Georgia,Sans-serif;
  }
.nav ul li.first {
  margin-left: 0;
  list-style: none;
  }
.nav ul li strong, .nav ul li a {
  color:#fff;
  display:block;
  float:left;
  padding:7px 15px 5px;
  text-decoration:none;
  }
.nav ul li strong, .nav ul li .active {
  background:url(/mchs/img/nav_act_bg.gif) no-repeat top left;
  border-right:1px solid #fff;
  border-bottom:1px solid #a80b00;
  }
.nav ul li .active, #sub_nav ul li .active {
  text-decoration:underline;
  font-weight:bold;
  }
.nav a {
  color:#fff;
  }
.nav a:hover {
  color:#fff;
  }
#sub_nav {
  clear:left;
  padding:4px 0 0 0;
  }
#sub_nav ul {
  list-style:none;
  }
#sub_nav ul li {
  list-style: none;
  display:block;
  float:left;
  padding:0 10px 0 0;
  font-size:11px;
  font-family:Verdana,sans-serif;
  }
#sub_nav ul li strong, #sub_nav ul li a {
  color:#fff;
  display:block;
  float:left;
  padding:2px 15px 0;
  }
#sub_nav a {
  color:#fff;
  }

/* =Content
----------------------------------------------- */
.content {
  clear:both;
  margin-top:10px;
  width:745px;
  padding:10px 15px 0 15px;
  }
body.home .content {
  margin-top:11px;
  width:725px;
  padding-top:15px;
  margin:11px 0 0 0;
  }

/****************************************** Main*/
.content .main {
  width:340px;
  float:left;
  }
body.full_main .content .main {
  width:430px;
  float:left;
  margin-left:0;
  }
body.home .main {
  width:230px;
  padding-left:0;
  margin-left:5px;
  }
body.home .main h3 {
  margin:0 0 0 0;
  padding:7px 5px;
  }
.content .main h3 {
  background-color:#EEEEDF;
  color:#000;
  padding:5px 3px;
  font-size:16px;
  padding-left:20px;
  color:#a80b00;
  font-weight:normal;
  }
body.home .main h3 {
  border-bottom:none;
  font-size:12px;
  }
.content .main h3 span {
  color:#000;
  margin-left:0;
  }
body.full_main .content .main h2 {
  font-size:25px;
  margin-bottom:15px;
  }
/******************************************* Side*/
.content .side {
  float:left;
  width:180px;
  }
body.full_main .content .side {
  width:0;
  }
body.home .side {
  width:335px;
  padding:0 10px 0 0;
  }
.content .side h4 {
  background:url(/mchs/img/side_nav_hdr_bg.gif) no-repeat center left;
  padding:5px;
  color:#fff;
  margin-bottom:-3px;
  position:relative;
  z-index:1;
  }
body.home .side h4 {
  background:none;
  padding:0;
  color:#000;
  margin-bottom:5px;
  }
.content .side > ul {
  background:#F2F3E1;
  border:1px solid #ddd;
  padding:5px;
  color:#fff;
  }
body.home .content .side > ul {
  background:none;
  border:none;
  padding:0;
  color:#000;
  }
.content .side ul {
  list-style:none;
  width:144px;
  margin:0 0 0 5px;
  padding:5px 0;
  }
body.home .content .side ul {
  width:330px;
  }
.content .side li {
  margin-bottom:10px;
  border-bottom:1px dotted #ccc;
  font-size:11px;
  padding-left:5px;
  }
.content .side li strong {
  color:#c40c0c;
  font-weight:bold;
  font-size:13px;
  }
.content .side li a {
  text-decoration:none;
  }
.content .side li a:active {
  color:#c40c0c;
  }
.content .side li a:hover {
  color:#c40c0c;
  }
.content .side li a.active {
  font-weight:bold;
  text-decoration:underline;
  font-size:13px;
  }
.content .side li a.active:hover {
  color:#c40c0c;
  }
body.home .content .side li {
  margin:0;
  border:none;
  }
.content .side ul ul {
  margin-top:5px;
  }
/******************************************* Sub*/
.content .sub {
  float:right;
  width:185px;
  font-size:11px;
  }
body.full_main .content .sub {
  float:right;
  width:260px;
  font-size:11px;
  }
body.home .content .sub {
  width:115px;
  font-size:10px;
  }
.content .sub h4 {
  padding:5px 0 0;
  margin-top:20px;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;
  }
.content .sub h4 span {
  color:#c40c0c;
  }
.content .sub h4 a {
  color:#c40c0c;
  text-decoration:none;
  }
.content .sub > h4:first-child {
  margin-top:0;
  }
.content .sub p {
  font-size:11px;
  padding:0 0 0 23px;
  line-height:13px;
  margin:0;
  }
.content .sub td p {
  padding:0 0 0 10px;
  line-height:auto;
  margin:0;
  }
.content .sub li span {
  font-weight:bold;
  }

/* =Footer
----------------------------------------------- */
#footer {
/*  line-height:10px;*/
  clear:both;
  position:absolute;
  width:100%;
  text-align:center;
  background:#000;
  border-top:5px solid #333;
  }
body.home #footer p {
  color:#fff;
  }
#footer p {
  padding:13px 5px 10px;
  font-size:9px;
  color:#fff;
  }

/* =Important Announcements
----------------------------------------------- */
.imp_anns {
  margin-bottom:-5px;
  }
.imp_ann {
  padding:5px 7px 1px;
  border:solid #c40c0c;
  border-width:0 1px 2px 0;
  margin-top:0;
  margin-bottom:15px;
  background:#F2F3E1;
  }
.imp_ann h2 {
  font-size:23px;
  font-family:Georgia,Verdana,Sans-serif;
  color:#c40c0c;
  font-weight:normal;
  margin-top:0;
  padding-left:4px;
  background:none;
  }
.imp_ann p {
  padding:4px 0 4px 4px;
  color:#666;
  font-size:13px;
  }

/* =About Sub Department
----------------------------------------------- */
.about_sub p {
  padding:0;
  color:#666;
  font-size:13px;
  margin:0;
  }
.main div.about_sub {
  padding:0 3px 15px;
  margin-bottom:10px;
  border-bottom:1px dotted #666;
  }



/* =Daily Announcements
----------------------------------------------- */
body#daily .wrap {
  background:url(/mchs/img/wrap_bg_thin_snav.jpg) repeat-x top left;
  }
body#daily .announcement p {
  margin-top:10px;
  }
body#daily .content {
  padding-top:10px;
  }
body#daily #sub_nav h3 {
  margin:0;
  padding:0;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  font-size:17px;
  letter-spacing:15px;
  font-family:Georgia,Sans-serif;
  }
body#daily .main {
  width:480px;
  }
body#daily .main h2 {
  border-bottom:1px solid #ddd;
  margin-bottom:0;
  padding-bottom:0;
  }
body#daily .main .daily_content {
  margin:-5px 7px 7px;
  border-left:4px solid #eee;
  padding:0 9px 9px;
  }

/* =Hot Lunch
----------------------------------------------- */
body#lunch .wrap {
  background:url(/mchs/img/wrap_bg_thin_snav.jpg) repeat-x top left;
  }
body#lunch .content {
  padding-top:10px;
  width:100%;
  }
body#lunch #sub_nav h3 {
  margin:0;
  padding:0;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  font-size:17px;
  letter-spacing:15px;
  font-family:Georgia,Sans-serif;
  }
body#lunch .main {
  width:732px;
  }
body#lunch .main h2 {
  font-size:18px;
  margin-bottom:5px;
  }
body#lunch .sub {
  width:100px;
  }
.mealtime_account {
  text-align:center;
  margin:0 15px 10px;
  padding:3px 0;
  background:#F2F3E1;
  }
.mealtime_account strong {
  font-size:10px;
  font-family:Verdana,sans-serif;
  color:#c40c0c;
  text-transform:uppercase;
  margin-right:3px;
  }
.mealtime_account img {
  margin-right:2px;
  }

/* =News & Photos (Posts)
----------------------------------------------- */
body.posts_page .wrap {
  background:url(/mchs/img/wrap_bg_thin_snav.jpg) repeat-x top left;
  }
body.posts_page .content {
  padding-top:10px;
  }
body.posts_page #sub_nav h3 {
  margin:0;
  padding:0;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  font-size:18px;
  letter-spacing:20px;
  font-family:Georgia,Sans-serif;
  }
body.posts_page > h2 {
  font-size:28px;
  }
body.posts_page .main h3 {
  margin-top:10px;
  }
body.posts_page .main h2 {
  font-size:28px;
  }
body.posts_page .imp_ann h2 {
  font-size:20px;
  }
body.posts_page .sub {
  width:195px;
  }
body.posts_page .sub h4 {
  margin:0;
  padding:5px 0 0;
  text-align:center;
  background:none;
  }
body.posts_page .sub p {
  margin-bottom:10px;
  font-size:10px;
  }
body.posts_page .sub p a {
  text-transform:uppercase;
  }
body.posts_page .sub p a {
  background:#fff;
  }
body.posts_page .sub li {
  margin-left:5px;
  font-size:10px;
  }
body.posts_page .sub ul ul {
  border-bottom:1px solid #999;
  }
.news {
  padding:0 0 0 5px;
  clear:left;
  }
.news > div {
  border-bottom:1px dotted #666;
  padding:10px 10px 10px 0;
  margin-bottom:10px;
  }
body.home .news > div, body.posts_page .news > div {
  border-bottom:1px dotted #666;
  border-top:none;
  }
body.sub_dept .news > div {
  }
.news h4 {
  font-size:15px;
  margin-bottom:5px;
  font-family:Georgia,Sans-serif;
  }
.news img {
  margin:0 0 0 5px;
  display:block;
  }
.news .img_cpt {
  font-size:10px;
  line-height:13px;
  color:#8e8e7e;
  text-align:left;
  margin:5px 0 10px;
  }
.news p {
  margin:5px 0 10px;
  }
.news ul li {
  margin-left:15px;
  }
.news_hdr, #news_home_hdr {
  background:url('/universal/img/news.gif') no-repeat 5px 7px;
  margin-bottom:5px;
  }
#news_home_hdr {
  background-color:#EEEEDF;
  padding:5px 3px;
  font-size:12px;
  padding-left:20px;
  margin-bottom:5px;
  font-weight:normal;
  }
#news_home_hdr span {
  color:#000;
  }
.more {
  font-size:16px;
  font-weight:bold;
  }
.post_indv_hdr {
  text-align:center;
  padding-bottom:3px;
  margin:10px 0 10px;
  border-bottom:1px dotted #000;
  }
.post_full .post_date {
  margin-top:25px;
  padding-top:5px;
  border-top:1px solid #ccc;
  }
.post_full .img_cpt {
  font-size:10px;
  line-height:13px;
  color:#8e8e7e;
  text-align:left;
  margin:5px 0 10px;
  }
.post_full p {
  margin-bottom:5px;
  }
body#photos_page .post_full p {
  margin-top:10px;
  margin-bottom:0;
  }
.post_full img {
  display:block;
  margin:0 auto 10px;
  }
.posts_crumbs {
  font-size:10px;
  font-family:Verdana,sans-serif;
  margin-bottom:10px;
  }
.posts_page .content .sub ul {
  list-style:none;
  margin-top:5px;
  padding-left:7px;
  padding-right:7px;
  }
.posts_page .content .sub li {
  margin-bottom:10px;
  color:#999;
  }
.posts_page .content .sub li a {
  margin-left:11px;
  }
.posts_page .content .sub li span {
  margin-left:13px;
  }
.posts_page .content .sub li strong {
  color:#666;
  display:block;
  text-align:center;
  padding-left:15px;
  letter-spacing:25px;
  border-bottom:1px dotted #666;
  margin-top:20px;
  font-weight:normal;
  font-size:9px;
  }
.print_act {
  background:url('/universal/img/printer-red.gif') no-repeat left;
  padding:3px 0 3px 18px;
  margin:0 0 0 15px;
  font-size:12px;
  display:block;
  }

/* =Sections
----------------------------------------------- */
.sections h2 {
  margin-bottom:9px;
  }
.content .main .sections h3 {
  padding:0;
  background:none;
  color:#000;
  font-family:Georgia,sans-serif;
  font-weight:bold;
  margin-bottom:7px;
  }
.sections p {
  margin-top:7px;
  margin-bottom:15px;
  padding:0;
  }
.sections, .sections p {
  font-size:14px;
  color:#333;
  }
.sections ul {
  margin-left:30px;
  }
.sections ul li {
  line-height:140%;
  color:#333;
  }

/* =Documents
----------------------------------------------- */
.docs_hdr {
  background:url('/universal/img/right-red.gif') no-repeat 5px 7px;
  margin-bottom:10px;
  }
.docs_thin {
  margin-bottom:11px;
  padding-left:10px;
  clear:left;
  }
.docs_thin a {
  font-family:Georgia,Sans-serif;
  font-size:15px;
  font-weight:normal;
  }
.docs_thin img {
  float:left;
  margin-right:5px;
  margin-top:2px;
  }
.docs_thin p {
  margin-left:20px;
  font-size:10px;
  color:#666;
  }

/* =Members
----------------------------------------------- */
.members_hdr {
  background:url('/universal/img/user-group2.gif') no-repeat 5px 7px;
  margin-bottom:10px;
  }
.members_thin {
  margin-bottom:11px;
  padding-left:10px;
  width:160px;
  margin-left:5px;
  float:left;
  height:60px;
  }
.members_thin a {
  font-family:Georgia,Sans-serif;
  font-size:15px;
  font-weight:normal;
  }
.members_thin img {
  float:left;
  margin-right:5px;
  margin-top:2px;
  }
.members_thin p {
  margin-left:0;
  font-size:10px;
  color:#666;
  }
.members_thin p.phone {
  font-family:Verdana,sans-serif;
  }

/* =Staff
----------------------------------------------- */
.staff_thin p {
  line-height:13px;
  color:#666;
  font-size:10px;
  }
body#directory .main #success_msg {
  font-size:23px;
  color:#063;
  margin-top:10px;
  margin-bottom:0;
  }

/* =Links
----------------------------------------------- */
.links_hdr {
  background:#EEEEDF url('/universal/img/web-page-blue.gif') no-repeat 5px 7px;
  margin-bottom:10px;
  clear:left;
  }
body.home .content .main .links_hdr {
  background:none;
  color:#000;
  padding-left:0;
  text-transform:none;
  }
.links_thin {
  margin-bottom:5px;
  padding-left:10px;
  }
.links_thin a {
  font-family:Georgia,Sans-serif;
  font-weight:normal;
  font-size:15px;
  }
body.home .links_thin {
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
  }
body.home .links_thin a {
  font-family:Verdana,Sans-serif;
  font-size:10px;
  }
.links_thin h4 {
  font-size:13px;
  }
.links_thin img {
  float:left;
  margin-right:5px;
  margin-top:2px;
  }
.links_thin p {
  margin-left:20px;
  font-size:10px;
  color:#666;
  }
.links {
  background:#fff;
  margin-top:0;
  }
body.home .links {
  padding:5px 0 5px 0;
  margin:0 6px 5px 2px;
  border:solid #D7D7C9;
  border-width:1px 0;
  line-height:11px;
  }

/* =Photos
----------------------------------------------- */
#photos_home_hdr {
  background:url(/mchs/img/h3_alt2_bg.gif) no-repeat center left;
  }
.photos_thin {
  margin:2px;
  padding:3px;
  float:left;
  width:150px;
  height:106px;
  }
.photos_thin img {
  }
.photos_thin .post_date {
  display:block;
  text-align:right;
  clear:left;
  margin-top:2px;
  font-size:10px;
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
  }
.photos_hdr {
  background:url('/universal/img/photos.gif') no-repeat left;
  margin-bottom:5px;
  }

/* =Upcoming Events
----------------------------------------------- */
#upcoming_events {
  border:1px solid #777;
  border-top:none;
  width:100%;
  }
#upcoming_events table {
  margin:0 0 0 0;
  border:7px solid #EEEEDF;
  border-top:none;
  }
#upcoming_events td {
  vertical-align:middle;
  margin:0;
  padding:5px 5px 15px;
  border-bottom:1px solid #D7D7C9;
  }
#upcoming_events ul {
  list-style:none;
  }
#upcoming_events ul li {
  font-size:10px;
  line-height:14px;
  padding:2px 0;
  color:#600;
  border-bottom:1px dotted #ccc;
  font-family:Verdana,sans-serif;
  }
#upcoming_events ul li:hover {
  cursor:default;
  color:#a80b00;
  }
#upcoming_events .uevnt_date {
  display:block;
  font-size:10px;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
  text-shadow:#fff 1px 1px 1px;
  color:#333;
  background:url(/universal/img/uevnt_date_t.gif) 0 0 no-repeat;
  margin-top:3px;
  margin-left:3px;
  margin-right:10px;
  width:35px;
  padding-top:5px;
  float:left;
  }
#upcoming_events .uevnt_date .uevnt_day {
  display:block;
  font-weight:bold;
  font-size:18px;
  letter-spacing:-2px;
  text-indent:-3px;
  text-shadow:#bbb 2px 2px 0;
  color:#000;
  background:url(/universal/img/uevnt_date_b.gif) bottom left no-repeat;
  padding-bottom: 5px;
  }
#upcoming_events p {
  font-size:10px;
  background:#EEEEDF;
  color:#68604A;
  text-align:center;
  font-style:italic;
  padding:0;
  margin:-5px 0 0;
  }
#upcoming_events p a {
  font-style:normal;
  }
#upcoming_events .ue_day {
  padding-left:4px;
  border-bottom:1px solid #D7D7C9;
  }
#upcoming_events h3 {
  border-top:1px solid #777;
  }

/* =Featured External Links
----------------------------------------------- */
#feat_ext_links {
  width:233px;
  margin:10px 0;
  padding-top:10px;
  }
#feat_ext_links td {
  font-size:16px;
  font-family:Georgia,Sans-serif;
  padding-bottom:10px;
  }
#feat_ext_links .feat_ext_link_img {
  width:60px;
  text-align:center;
  }

/* =Dates
----------------------------------------------- */
.post_date {
  font-size:9px;
  color:#666;
  text-transform:uppercase;
  margin-top:0;
  padding:0;
  display:block;
  text-align:center;
  font-family:Verdana,sans-serif;
  }

/* =Staff
----------------------------------------------- */
.staff_group {
  margin-top:10px;
  }
.staff_group td {
  padding-bottom:10px;
  }
.staff_group img {
  margin-right:3px;
  }
.staff_group p {
  line-height:11px;
  color:#333;
  font-family:Verdana,sans-serif;
  }

/* =Page Specific Styles
----------------------------------------------- */
/******************************************* Home*/
/*.home .content {
  background:url(/mchs/img/home_content_bg.gif) repeat-y top left;
  }
.home .main {
  width:400px;
  }*/
/******************************************* Superintendent*/
#superint .superint_contact {
  background:#68604A;
  padding:10px;
  margin:20px 10px 10px 10px;
  border:1px solid #333;
  float:right;
  width:210px;
  text-align:center;
  }
#superint .superint_contact a {
  display:block;
  clear:left;
  color:#fff;
  margin-top:7px;
  font-size:23px;
  font-family:Georgia,Sans-serif;
  }
#superint .superint_contact img {
  border:1px solid #333;
  }
#superint .main h2 {
  font-size:40px;
  margin-bottom:0;
  }
#superint .main h2 span {
  font-size:23px;
  color:#333;
  }
#superint .main {
  width:740px;
  }
#superint .superint_contact {
  text-align:center;
  background:#68604A;
  width:220px;
  padding:10px 0;
  margin:10px;
  border:1px solid #000;
  color:#eee;
  }
#superint .superint_contact a {
  color:#fff;
  }
#superint .superint_contact p {
  color:#eee;
  }
#superint .superint_contact img {
  display:block;
  margin:0 auto 10px;
  }
.superint_message p {
  margin-bottom:15px;
  }
/******************************************* Team*/
.ath_sched p {
  margin:0;
  font-size:11px;
  clear:left;
  }
.ath_sched table {
  border-collapse:collapse;
  }
.ath_sched > table {
  margin-top:0;
  clear:left;
  }
.ath_sched table table {
  margin-top:15px;
  margin-bottom:25px;
  width:340px;
  }
.ath_sched table table td, .ath_sched table table th {
  font-size:9px;
  padding:5px 3px;
  border:1px solid #ddd;
  color:#3e3e3e;
  font-family:Verdana,sans-serif;
  }
.ath_sched table .ath_sched_hdr {
  font-size:11px;
  text-align:center;
  font-weight:bold;
  padding:3px 0;
  color:#000;
  background:#eee;
  text-transform:uppercase;
  }
.ath_sched th {
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  }
.ath_sched .ath_sched_cancelled {
  color:#f00;
  }
.roster_hdr {
  font-size:11px;
  }
.roster_table {
  border-collapse:collapse;
  margin-bottom:30px;
  margin-top:0;
  width:340px;
  }
.roster_table td {
  padding:3px 5px;
  border:1px solid #ddd;
  font-size:11px;
  }
tr.roster_col_hdrs td {
  font-size:10px;
  font-weight:bold;
  text-align:center;
  padding:5px 3px;
  background:#eee;
  border:1px solid #ddd;
  color:#3e3e3e;
  }

/******************************************* Departments*/
#departments h2 {
  font-size:34px;
  margin-bottom:5px;
  }
#depts_dir {
  padding-left:7px;
  margin-top:15px;
  }
#depts_dir ul {
  margin-bottom:15px;
  float:left;
  }
#depts_dir li {
  list-style:square;
  margin-left:15px;
  }
#depts_dir .dept_hdr {
  background:#fff url(/universal/img/grad.png) repeat-x bottom left;
  border:1px solid #ebebeb;
  border-bottom:1px solid #c7c7c7;
  text-transform:none;
  clear:left;
  font-size:18px;
  font-family:Georgia,Sans-serif;
  font-weight:normal;
  margin:0;
  padding:5px 7px;
  color:#fff;
  width:690px;
  }
#depts_dir .dept_hdr a {
  }
#depts_dir > div {
  padding:0 0 4px 10px;
  margin-bottom:20px;
  }
#depts_dir > div > a {
  font-size:11px;
  padding:0;
  }

/******************************************* Guidance*/
#guidance .main {
  width:540px;
  }
#guidance .news h4 {
  text-align:left;
  }
#guidance .docs_thin a  {
  font-size:18px;
  }
#guidance .links_thin a  {
  font-size:18px;
  }
#guidance .about_sub {
  border-bottom:none;
  padding-bottom:0;
  }

/******************************************* Transportation*/
#transportation .main {
  width:540px;
  }
#transportation .news h4 {
  text-align:left;
  }
#transportation .docs_thin a  {
  font-size:18px;
  }
#transportation .about_sub {
  border-bottom:none;
  padding-bottom:0;
  }
#transportation .links_thin a  {
  font-size:18px;
  }

/******************************************* Health Services*/
#health .main {
  width:540px;
  }
#health .news h4 {
  text-align:left;
  }
#health .docs_thin a  {
  font-size:18px;
  }
#health .about_sub {
  border-bottom:none;
  padding-bottom:0;
  }
#health .links_thin a  {
  font-size:18px;
  }

/******************************************* Board of Education*/
#board .wrap {
  background:url(/mchs/img/wrap_bg_thinner_snav.jpg) repeat-x top left;
  }
#board .main {
  width:540px;
  }
#board .content {
  padding-top:17px;
  margin-top:0;
  }
#board .docs_thin a  {
  font-size:18px;
  }
#board .about_sub {
  border-bottom:none;
  padding-bottom:0;
  }
#board .sub h4 {
  margin-top:10px;
  padding-top:0;
  }
#board .sub ul {
  list-style:none;
  margin-left:13px;
  }
#board .sub ul li {
  padding-bottom:13px;
  font-family:Verdana,sans-serif;
  }
#board .sub ul li a {
  font-size:11px;
  }
#board .sub ul li p {
  margin-left:0;
  padding:5px 0;
  }
#board .sub ul li p span {
  padding-right:7px;
  float:left;
  }
#board .sub ul p span a {
  float:left;
  }
#board .sub ul li p img {
  margin-right:3px;
  float:left;
  }
#board .sub .post_filters {
  text-align:center;
  padding:13px 0;
  }
#board .sub .post_filters span {
  font-size:11px;
  color:#333;
  font-family:Verdana,sans-serif;
  font-weight:bold;
  }
#board .sub select {
  width:65px;
  font-family:Georgia,serif;
  color:#333;
  }
#board .links_thin a  {
  font-size:18px;
  }
#board .upcomin_meets {
  margin-top:7px;
  }
#board .upcomin_meets li {
  color: #333;
  font-size:11px;
  font-family:Verdana,sans-serif;
  margin-bottom:5px;
  margin-left:7px;
  }
#board .main p {
  margin-top:7px;
  }
#board .members_wrap {
  margin-bottom:15px;
  }
#board .members_wrap p {
  margin-top:0;
  }

/******************************************* Calendar*/
body#cal_page {
  background:none;
  }
body#cal_page .wrap {
  background:url(/mchs/img/wrap_bg_thinner_snav.jpg) repeat-x top left;
  width:100%;
  }
body#cal_page .wrap > div {
  width:90%;
  }
body#cal_page .content {
  padding-top:10px;
  width:100%;
  }
body#cal_page #hdr {
  width:760px;
  }
body#cal_page .wrap > div.clearfix {
  width:760px;
  }
body#cal_page .main {
  width:100%;
  }
body#cal_page .main h3 {
  font-size:18px;
  }

/******************************************* Staff Directory*/
body#directory .wrap {
  background:url(/mchs/img/wrap_bg_directory.jpg) repeat-x top left;
  width:100%;
  }
body#directory .content {
  padding-top:10px;
  width:100%;
  }
body#directory .main {
  width:732px;
  }
body#directory h2 {
  font-size:15px;
  color:#fff;
  font-family:Georgia,Sans-serif;
  font-weight:bold;
  margin-top:5px;
  text-transform:uppercase;
  }
body#directory .main h3 {
  font-size:20px;
  text-transform:none;
  background:none;
  color:#a80b00;
  font-weight:normal;
  font-family:Georgia,Sans-serif;
  }
body#directory .main p {
  margin-left:5px;
  font-size:11px;
  }
body#directory .main div p {
  margin-bottom:5px;
  }
body#directory .main div p span {
  font-size:16px;
  color:#a80b00;
  }
.staff_list li {
  list-style:none;
  float:left;
  width:210px;
  text-align:left;
  margin:0 15px;
  padding-top:5px;
  }
.staff_list {
  text-align:left;
  margin:15px auto 0 auto;
  clear:left;
  }
body#directory .staff_list {
  border:1px solid #666;
  }
.staff_list li img {
  float:left;
  margin:0 10px 0 0;
  }
#staff_indv {
  width:550px;
  margin:0 auto;
  border-bottom:none;
  }
body#directory .staff_list p, #staff_indv p {
  font-size:11px;
  line-height:14px;
  text-align:left;
  margin:0 10px;
  }
body#directory .staff_list p em, #staff_indv p em {
  font-size:16px;
  margin-left:0;
  display:block;
  margin-top:25px;
  color:#666;
  }
body#directory .staff_list p img, #staff_indv p img {
  margin:3px 3px 0;
  padding:0;
  }
body#directory .staff_list h2, body#directory #staff_indv h2 {
  color:#000;
  text-align:left;
  margin:5px 5px 0;
  padding:0;
  display:block;
  font-size:28px;
  font-family:Georgia,Sans-serif;
  text-transform:none;
  }
body#directory .staff_list img, #staff_indv img {
  margin:0 10px 0;
  float:left;
  }
#staff_indv img {
  margin:-15px 10px 0 5px;
  }
body#directory #staff_indv h3 {
  font-size:14px;
  }
body#directory #staff_indv h3 span {
  color:#000;
  margin-left:0;
  }
.staff_list h4 {
  text-align:left;
  padding:3px;
  background:#666;
  font-size:10px;
  color:#fff;
  margin-bottom:10px;
  }
.staff_list h4 em {
  color:#fff;
  }
.staff_notice {
  clear:left;
  width:550px;
  border:1px dotted #ccc;
  padding:5px;
  margin:30px auto 10px;
  }
.staff_notice p strong {
  font-weight:bold;
  color:#a80b00;
  }
.staff_search {
  float:right;
  margin-top:-2px;
  padding:0;
  }
.staff_search input[type="text"] {
  font-size:20px;
  margin:0 4px 0 0;
  color:#444;
  width:340px;
  font-family:Georgia,Sans-serif;
  }
.staff_search input[type="submit"], #staff_mailer input[type="submit"] {
  color:#000;
  font-family:Verdana,sans-serif;
  font-size:11px;
  padding:5px 5px;
  font-weight:bold;
  margin-bottom:3px;
  }
.alpha_nav {
  font-size:15px;
  font-family:Georgia,Sans-serif;
  clear:left;
  margin:0 auto 10px;
  padding:0 0 5px;
  text-align:center;
  color:#999;
  border-bottom:1px dotted #666;
  }
.alpha_nav span {
  margin:0 5px;
  color:#ddd;
  }
.alpha_nav a {
  color:#fff;
  }
.alpha_nav a:hover {
  color:#fff;
  }
.alpha_nav a:visited {
  color:#fff;
  }
.alpha_nav strong {
  background:#666;
  color:#fff;
  border:1px solid #eee;
  border-bottom:none;
  padding:2px 7px;
  }
#staff_mailer {
  width:350px;
  float:left;
  }

/* =Site Map Strip
----------------------------------------------- */
#site_map_strip ul {
  list-style:none;
  }
#site_map_strip ul li {
  text-transform:uppercase;
  border-bottom:1px solid #ccc;
  }
#site_map_strip ul > li a {
  text-decoration:none;
  }
#site_map_strip ul ul li {
  text-transform:none;
  border:none;
  }
#site_map_strip ul ul li a {
  text-decoration:underline;
  }
#site_map_strip li {
  margin-bottom:7px;
  font-size:11px;
  }
#site_map_strip ul ul {
  margin-top:7px;
  }
#site_map_strip strong {
  margin-bottom:5px;
  display:block;
  }

/* =Site Page Tabs
----------------------------------------------- */
#tabs {
  list-style:none;
  float:left;
  margin-bottom:0;
  margin-left:0;
  width:340px;
  background:url(/mchs/img/tabs_bg.gif) center center repeat-x;
  }
#tabs li{
  display:inline;
  text-transform:uppercase;
  }
#tabs li a, #tabs li strong {
  float:left;
  color:#fff;
  padding:9px 15px;
  font-size:10px;
  text-decoration:none;
  border-right:1px solid white;
  font-family:Verdana,sans-serif;
  }
#tabs li strong {
  color:#fff;
  padding-top:10px;
  padding-bottom:13px;
  background:transparent url(/mchs/img/tabs_act_bg.gif) bottom center repeat-x;
  }

/* =Utilities
----------------------------------------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*** end clearing hack ***/

/* =Navigation Calendar
----------------------------------------------- */
#nav_cal_wrapper {
  }
#nav_cal_wrap {
  width:100%;
  border:1px solid #d20d0d;
  background:#eeeedf;
  border:1px solid #ccc;
  border-right:2px solid #666;
  border-bottom:2px solid #666;
  }
#nav_cal_wrap h2 {
  text-transform:uppercase;
  text-align:center;
  font-size:9px;
  letter-spacing:6px;
  font-weight:normal;
  color:#c40c0c;
  font-family:Verdana,San-serif;
  border-bottom:1px dotted #ccc;
  padding:5px;
  width:90%;
  margin:0 auto 5px auto;
  }
#nav_cal_wrap h2 a {
  margin:0 5px;
  letter-spacing:normal;
  font-size:11px;
  font-weight:bold;
  }
#nav_cal {
  width:220px;
  margin:0 auto;
  background-color:#fff;
  border:1px solid #ccc;
  border-right:2px solid #666;
  border-bottom:2px solid #666;
  }
#nav_cal td {
  text-align:center;
  font-size:11px;
  padding:6px 0;
  color:#333;
  }
#day_titles_ {
  background-color:#3d77cb;
  }
#nav_cal a {
  }
#nav_cal .day_content {
  }
#viewed_date {
  background:#f2f3e1;
  border:1px dotted #c40c0c;
  padding:3px 1px;
  }
#viewed_date a {
  color:#d20d0d;
  text-decoration:none;
  font-weight:bold;
  }
.prev_month, .next_month {
  background:#eee;
  }
.prev_month a, .next_month a {
  color:#3d77cb;
  }
#nav_cal_today {
  font-size:11px;
  color:#333;
  text-align:center;
  border-top:1px dotted #ccc;
  width:214px;
  margin:5px auto 0;
  padding:5px 7px;
  }

/* =Calendar
----------------------------------------------- */
#cal_wrap {
  width:100%;
  border:1px solid #666;
  background:#eeeedf;
  margin-bottom:10px;
  padding-bottom:20px;
  }
#cal_wrap h3 {
  text-transform:uppercase;
  text-align:center;
  letter-spacing:6px;
  font-weight:normal;
  font-size:15px;
  color:#c40c0c;
  padding:10px 5px 5px;
  width:650px;
  margin:0 auto 5px auto;
  background:none;
  }
#cal_wrap h3 span {
  font-size:24px;
  color:#c40c0c;
  font-family:"Times New Roman",sans-serif;
  }
#cal_wrap h3 a {
  margin:0 5px;
  letter-spacing:normal;
  font-size:16px;
  font-weight:bold;
  }
#cal {
  margin:0 auto;
  background-color:#fff;
  border:solid #bbb;
  border-width:0 0 1px 1px;
  width:100%;
  }
#cal td, #cal th {
  border:solid #bbb;
  border-width: 1px 1px 0 0;
  color:#600;
  vertical-align:top;
  }
#cal th {
  background:#68604A;
  font-weight:normal;
  color:#fff;
  text-transform:uppercase;
  font-size:10px;
  font-family:Verdana,sans-serif;
  }
#cal td p {
  font-size:11px;
  line-height:normal;
  padding:6px 6px 8px;
  clear:left;
  color:#600;
  }
#cal td ul {
  list-style:none;
  clear:left;
  border-bottom:1px dotted #ccc;
  margin-bottom:5px;
  }
#cal td ul li {
  font-size:10px;
  padding:3px 7px;
  margin:3px;
  color:#600;
  font-family:Verdana,sans-serif;
  border-top:1px dotted #ccc;
  }
#cal td ul li:hover {
  cursor:default;
  }
#cal div {
  float:left;
  font-size:9px;
  width:20px;
  text-align:center;
  font-weight:bold;
  padding:3px;
  margin:0 5px 0 0;
  color:#000;
  }
#day_titles_ {
  background-color:#3d77cb;
  }
.prev_month, .next_month {
  background:#eee;
  }
.prev_month a, .next_month a {
  color:#3d77cb;
  }
#cal .cal_today {
  background:#eee;
  border:1px solid #c40c0c;
  }

/* =Lightbox
----------------------------------------------- */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(/universal/img/overlay.png); }

* html #overlay{
    background-color: #000;
    back\ground-color: transparent;
    background-image: url(/universal/img/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/universal/img/overlay.png", sizingMethod="scale");
    }

/* =Hoverbox
----------------------------------------------- */
ul.hoverbox {
  list-style: none;
  }
.hoverbox a {
  cursor:pointer;
  }
.hoverbox a .preview {
  display: none;
  }
.hoverbox a:hover .preview {
  display: block;
  position: absolute;
  top: -10px;
  left: -5px;
  z-index: 1;
  }
.hoverbox img {
  background:#fff;
  border-color:#aaa #ccc #ddd #bbb;
  border-style:solid;
  border-width:1px;
  color:inherit;
  padding:2px;
  vertical-align:top;
  }
.hoverbox li {
  display:inline;
  margin:0;
  padding:0;
  position:relative;
  background: #eee;
  border-color: #ddd #bbb #aaa #ccc;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  display: inline;
  float: left;
  margin: 3px;
  width:80px;
  height:100px;
  padding: 5px;
  text-align:center;
  }
.hoverbox .preview {
  border-color: #000;
  }

/* =Magazine Layout
----------------------------------------------- */
.magazine-image {
  background: #fff;
  margin-left:10px;
  }
.magazine-image img {
  padding:1px;
  background:#fff;
  margin:1px;
  border:1px #ccc solid;
  }

/* =Sub Department
----------------------------------------------- */
.sub_dept .content .main h2 {
  }
.sub_dept .content .main p {
  clear:left;
  }

/* =Slideshow
----------------------------------------------- */
body.home .slideshow {
  margin:0 0 10px;
  padding:3px;
  border:1px solid #ccc;
  }
div.slideshow img {
  }
div.slideshow p {
  background:#000;
  margin:-30px 0 0;
  padding:5px 7px;
  font-size:10px;
  z-index:1;
  position:relative;
  }
div.slideshow p a {
  color:#fff;
  }
div.slideshow p a:visited {
  color:#fff;
  }
div.slideshow ul {
  display:none;
  }

/* =Forms
----------------------------------------------- */
.site_form {
  padding-bottom:2em;
  width:99%;
  }
.site_form input[type="text"], .site_form input[type="password"], .site_form textarea {
  font:12px Verdana, Sans-serif;
  line-height:18px;
  width:98%;
  padding:4px 4px 8px 4px;
  }
.site_form input[type="text"]:focus, .site_form input[type="password"]:focus, .site_form input[type="file"]:focus, textarea:focus {
  background:#F2F3E1;
  }
.site_form dl {
  clear:left;
  padding-top:12px;
  }
.site_form dt {
  margin-bottom:.5em;
  }
.site_form dd {
  margin-bottom:1.5em;
  }
.site_form label {
  color:#666;
  font-weight:bold;
  font-size:11px;
  }
.site_form label span {
  color:#d20d0d;
  text-transform:uppercase;
  font-size:10px;
  font-weight:normal;
  }
.site_form h2 {
  font-weight:normal;
  border-bottom:1px dotted #063;
  }
.site_form dt.submit {
  text-align:right;
  width:100%;
  }
.site_form label.field_error {
  color:#f00;
  border:none;
  }
.site_form .field_error {
  border:1px solid #f00;
  color:#f00;
  }
.site_form .form_succes_msg, .site_form .form_error_msg {
  color:#096;
  padding:10px 0 0;
  margin-bottom:10px;
  font-weight:normal;
  font-family:Georgia,Sans-serif;
  font-size:26px;
  clear:left;
  text-align:center;
  border-bottom:1px dotted #096;
  }
.site_form .form_error_msg {
  color:#f00;
  border-bottom:1px dotted #f00;
  }
.site_form fieldset {
  border:1px dotted #999;
  padding:0 12px;
  margin:0 0 15px;
  }
.site_form fieldset input[type="text"], .site_form fieldset input[type="password"], .site_form fieldset input[type="file"], .site_form fieldset textarea {
  width:90%;
  }
.site_form fieldset img {
  margin:0 auto;
  display:block;
  text-align:center;
  }
.site_form fieldset input, .site_form fieldset textarea {
  padding:.4em;
  }
.site_form legend {
  background:#fff;
  padding:.5em;
  margin-bottom:0;
  padding-left:0;
  font-weight:bold;
  color:#333;
  }

/* =ToolTips
----------------------------------------------- */
        .tool-tip {
            color: #fff;
            width: 139px;
            z-index: 13000;
        }

        .tool-title {
            font-weight: bold;
            font-size: 10px;
            margin: 0;
            color: #ddd;
            padding: 8px 8px 4px;
            background: url(/universal/img/bubble.png) top left;
        }

        .tool-text {
            font-size: 10px;
            padding: 4px 8px 8px;
            color:#fff;
            background: url(/universal/img/bubble.png) bottom right;
        }
        .tool-loading {
            background: url(/universal/img/ajax_load.gif) center center no-repeat;
            width: 30px;
            height: 30px;
            margin: 0 auto;
        }

/* =Jump Menu
----------------------------------------------- */
.jump_menu {
  margin-bottom:125px;
  background:#eee;
  }
.jump_horz {
  list-style:none;
  }
.jump_horz > li:first-child {
  border-left:none;
  }
.jump_horz li {
  float:left;
  padding:25px 5px 0 10px;
  border-left:1px solid #ddd;
  margin:0 5px;
  }
.jump_horz li a {
  color:#00c;
  font-size:11px;
  }

/* =Column List
----------------------------------------------- */
ul.col_list {
  padding:10px;
  width:700px;
  }
.col_list li {
  list-style:none;
  float:left;
  width:160px;
  height:20px;
  font-size:11px;
  padding:0;
  margin-right:10px;
  }

/* =Side Panel
----------------------------------------------- */
.side_panel {
  border:1px solid #777;
  background:#EEEEDF;
  width:220px;
  padding:0 5px;
  }
.side_panel h3 {
  background:#EEEEDF;
  margin:0;
  padding:0;
  }
.side_panel ul {
  background:#fff;
  }

.loading_bar {
  margin-top:30px;
  text-align:center;
  }

.sub_hdr {
  float:right;
  font-size:11px;
  text-transform:uppercase;
  font-family:Verdana,sans-serif;
  color:#555;
  margin-top:8px;
  }
.photo_thumbnail {
  width: 160px;
  height:170px;
  float:left;
  text-align:center;
  margin:13px 10px 0 0;
  }
.photo_thumbnail a {
  text-decoration:none;
  }
.photo_thumbnail p {
  font-family:Verdana,sans-serif;
  font-size:11px;
  line-height:13px;
  }
.posts_page .content .main .photo_hdr {
  font-size:24px;
  border-bottom:1px solid #ccc;
  }
.posts_page .content .main .photo_thumbnail h5 {
  font-size:12px;
  }
.posts_page .content .main .photo_thumbnail .post_info {
  font-size:10px;
  }