/**
* Kaneland District Screen Style Sheet
*
* @author Nicolas Borg <nborg@kaneland.org>
*/
@import url(/universal/c/base.css);

/* =Wraps
----------------------------------------------- */
.wrap {
  background:url(/khs/img/wrap_bg.png) repeat-x top left;
  }
.wrap > div {
  width:825px;
  margin:0 auto;
  }

/* =Header
----------------------------------------------- */
#hdr {
  background:url(/khs/img/hdr_bg.png) no-repeat top left;
  height:100px;
  }
#hdr img {
  display:none;
  }
#hdr #archives {
  margin:12px 0 0 0;
  float:left;
  }
#hdr #archives li {
  display:block;
  float:left;
  }
#hdr #archives a {
  color:#fff;
  font-size:10px;
  line-height:1px;
  display:block;
  float:left;
  padding:3px 17px 5px 14px;
  margin:5px 0 0;
  border-left:1px solid #bbb;
  text-transform:uppercase;
  text-decoration:none;
  }
#hdr .web_mail {
  border-right:1px solid #777;
}
#hdr #archives strong a {
  color:#fff;
  border-top:2px solid #ddd;
  border-bottom:4px solid #900;
  }
#hdr #archives a:hover {
  text-decoration:underline;
  }
#contact_top {
  text-align:left;
  }
#contact_top p {
  color:#ddd;
  padding:69px 40px 0 130px;
  font-size:13px;
  line-height:15px;
  font-family:Verdana;
  }
#contact_top img {
  display:inline;
  vertical-align:middle;
  margin-left:5px;
  }

/* =Navigation
----------------------------------------------- */
.nav {
  list-style:none;
  padding-left:0;
  }
.nav ul li {
  list-style: none;
  display:block;
  float:left;
  padding:0 10px 0 0;
  font-size:13px;
  margin-right:10px;
  font-family:Verdana,sans-serif;
  }
.nav ul li strong, .nav ul li a {
  color:#ddd;
  display:block;
  float:left;
  padding:8px 15px 10px 10px;
  text-decoration:none;
  background:url(/khs/img/nav_off.gif) no-repeat 0 11px;
  }
.nav ul li strong, .nav ul li .active {
  color:#333;
  background:#fff;
  border-top:1px solid #ddd;
  padding-left:12px;
  }
.nav ul li .active a {
  text-decoration:underline;
  }
.nav a {
  color:#383838;
  }
.nav a:hover {
  color:#fff;
  text-decoration:underline;
  }
.nav a.konnect_tab {
  height:33px;
  width:90px;
  padding-top:0;
  margin-top:0;
  background:url(/khs/img/konnect_tab.png) no-repeat 0 4px;
  }
.nav a.konnect_tab span {
  display:none;
  }

/* =Content
----------------------------------------------- */
.content {
  clear:both;
  width:800px;
  padding:0;
  }

/****************************************** Main*/
.content .main {
  width:485px;
  margin-left:2px;
  float:left;
  margin-top:13px;
  }
.home .content .main {
  margin-top:-6px;
  }
body.full_main .content .main {
  width:810px;
  }
body.full_main .content .main div {
  width:610px;
  margin:17px auto;
  }
body.full_main .content .main div ul {
  padding-left:35px;
  }
.content .main div ul {
  margin-top:13px;
  padding-left:35px;
  color:#333;
  }
.content .main div li {
  line-height:140%;
  }
.content .main div {
  width:485px;
  }
.content .main p, .content .main h4 {
  padding-left:3px;
  }
.content .main div div {
  width:auto;
  }
.content .main .channel, .content .main .channel_embed {
  border:1px solid #DDDDDD;
  margin:15px 0 12px;
  }
.content .main .channel_wrap {
  margin:12px 0 7px;
  padding-bottom:3px;
  }
.content .main .channel h3 a, .content .main .channel_embed h3 a,
.content .main .channel h3 strong, .content .main .channel_embed h3 strong {
  display:block;
  background:url(/d302/img/wrap_bg.png) repeat-x scroll left bottom;
  padding:7px 8px;
  color:#333;
  font-family:Arial,sans-serif;
  font-size:13px;
  padding:6px 7px 7px;
  text-decoration:none;
  }
.content .main .channel h3 strong, .content .main .channel_embed h3 strong {
  background:url(/d302/img/channel_no_link_hdr_bg.png) no-repeat top left;
  }
.content .main .channel_embed h3 {
  background:url(/d302/img/channel_no_link_hdr_bg.png) no-repeat top left;
  }
.content .main .channel p, .content .main .channel h4,
.content .main .channel_embed p, .content .main .channel_embed h4 {
  margin:0 8px;
  }

/******************************************* Side*/
.content .side {
  float:left;
  width:250px;
  padding-top:13px;
  padding-right:30px;
  }
.content .side h4 {
  background:url(/d302/img/side_nav_hdr_bg.gif) no-repeat center left;
  padding:5px;
  color:#fff;
  margin-bottom:-3px;
  position:relative;
  z-index:1;
  }
.content .side > ul {
  background:#eee;
  border:1px solid #ddd;
  color:#fff;
  }
.content .side ul {
  list-style:none;
  margin:0;
  }
.content .side li {
  border-bottom:1px dotted #ccc;
  font-size:12px;
  }
.content .side li a, .content .side li strong {
  text-decoration:none;
  padding:10px 0 10px 11px;
  display:block;
  }
.content .side li strong {
  background:#333 url(/d302/img/side_nav_on.gif) no-repeat right;
  color:#eee;
  }
.content .side li a.active {
  font-weight:bold;
  font-size:12px;
  text-decoration:underline;
  }
.content .side li a:visited {
  color:#03c;
  }
.content .side ul ul {
  margin-top:5px;
  }

/******************************************* Sub*/
.content .sub {
  float:left;
  width:280px;
  margin-left:30px;
  }
.content .sub .channel, .content .sub .channel_embed {
  border:1px solid #DDDDDD;
  margin:8px 0 12px;  
  }
.content .sub .channel_wrap {
  margin:12px 0 7px;
  background:none;
  padding-bottom:3px;
  }
.content .sub .channel h3 a, .content .sub .channel_embed h3 {
  display:block;
  background:none;
  padding:7px 8px;
  color:#333;
  font-family:Arial,sans-serif;
  font-size:13px;  
  letter-spacing:0;
  text-decoration:none;
  }
.content .sub .channel_embed h3 {
  background:url(/d302/img/wrap_bg.png) repeat-x scroll left bottom;
  }
.content .sub > ul {
  color:#666;
  }
.content .sub ul {
  list-style:none;
  margin:20px 0 0 13px;
  }
.content .sub li {
  font-size:12px;
  }
.content .sub li a, .content .sub li strong {
  text-decoration:none;
  padding:10px 0 11px 27px;
  background:url(/d302/img/sub_nav_bg.png) repeat-y top left;
  display:block;
  }
.content .sub li.first_li a, .content .sub li.first strong {
  background:url(/d302/img/sub_nav_top_bg.png) repeat-y top left;
  }
.content .sub li strong {
  background:url(/d302/img/sub_nav_on.png) no-repeat left;
  padding-left:25px;
  color:#eee;
  }
.content .sub li.first_li strong {
  background:url(/d302/img/sub_nav_top_on.png) no-repeat left;
  }
.content .sub li a.active {
  font-weight:bold;
  text-decoration:underline;
  font-size:13px;
  }
.content .sub li a:visited {
  color:#03c;
  }
.content .sub li a:hover {
  color:#eee;
  background:url(/d302/img/sub_nav_hover_bg.png) repeat-y top left;
  }
.content .sub li.first_li a:hover {
  color:#eee;
  background:url(/d302/img/sub_nav_hover_top_bg.png) repeat-y top left;
  }
.content .sub li a.active:hover {
  color:#c40c0c;
  }
.content .sub ul ul {
  margin-top:5px;
  }

/* =Footer
----------------------------------------------- */
#footer {
/*  line-height:10px;*/
  clear:both;
  width:420px;
  border-top:1px dashed #ddd;
  margin:30px auto 15px;
  padding-top:4px;
  text-align:center;
  }
#footer p {
  padding:7px 0 10px;
  font-size:9px;
  color:#666;
  }

/* =Important Announcements
----------------------------------------------- */
.imp_ann {
  }

/* =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 .announcement {
  margin-top:0;
  }
body#daily .announcement p {
  margin-top:13px;
  }
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;
  margin-top:0;
  }
body#daily .main h2 {
  border-bottom:1px solid #ddd;
  margin-bottom:0;
  padding-bottom:0;
  width:470px;
  }
body#daily .main .daily_content {
  margin:-5px 7px 7px;
  border-left:4px solid #eee;
  padding:0 9px 9px;
  width:470px;
  }

/* =Hot Lunch
----------------------------------------------- */
body#lunch .wrap {
  background:url(/khs/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;
  }

/* =Spotlight
----------------------------------------------- */
.spotlight h4 {
  font-size:15px;
  }
.spotlight img {
  float:right;
  margin-left:5px;
  }
.spotlight {
  margin:0 15px 15px;
  padding-bottom:15px;
  border-bottom:1px dotted #ccc;
  }

/* =Sections
----------------------------------------------- */
.sections h4 {
  color:#333;
  margin-top:26px;
  }
.sections p {
  margin-top:7px;
  margin-bottom:15px;
  padding:0;
  }

/* =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;
  }
body#directory .staff_thin {
  height:30px;
  }
body#guidance .main #success_msg {
  font-size:23px;
  color:#063;
  margin-top:10px;
  margin-bottom:0;
  }
body#guidance .staff_thin {
  height:30px;
  }

/* =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
----------------------------------------------- */
.photo {
  text-align:center;
  padding-bottom:5px;
  }
.photo p {
  padding:7px;
  margin-top:4px;
  }
.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;
  }

/* =Upcoming Events
----------------------------------------------- */
#upcoming_events table {
  margin:-10px 0 0 9px;
  border-top:none;
  width:263px;
  background:none;
  }
#upcoming_events td {
  vertical-align:middle;
  margin:0 0 5px 0;
  padding:5px 5px 15px 10px;
  border-bottom:1px solid #ccc;
  }
#upcoming_events ul {
  list-style:none;
  margin:0;
  }
#upcoming_events ul li {
  padding:0;
  font-size:11px;
  color:#555;
  border-bottom:1px dotted #ccc;
  margin-left:7px;
  }
#upcoming_events ul li strong {
  color:#000;
  font-size:11px;
  background:none;
  margin:0;
  padding:0;
  }
#upcoming_events ul li a {
  background:none;
  padding-left:7px;
  }
#upcoming_events ul li a:hover {
  cursor:default;
  color:#000;
  text-decoration:none;
  background:none;
  }
#upcoming_events .uevnt_date {
  display:block;
  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:11px;
  text-align:center;
  padding:5px 0 0;
  line-height:12px;
  margin:0 0 10px;
  }
#upcoming_events p a {
  font-style:normal;
  }
#upcoming_events a strong {
  display:block;
  }
#upcoming_events .ue_day {
  padding-left:10px;
  }
#upcoming_events h3 a {
  display:block;
  background:url(/d302/img/wrap_bg.png) repeat-x scroll left bottom;
  padding:7px 8px;
  color:#333;
  text-decoration:none;
  }
.custom-tip {
    color: #fff;
    width: 300px;
    z-index: 13000;
    border:2px solid #333;
}
.custom-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #eee;
    padding: 4px 8px 4px;
    background: #000;
}
.custom-text {
    font-size: 11px;
    padding: 8px 8px 8px;
    background: #666;
}

/* =Search Results
----------------------------------------------- */
#search_results .content h3 {
  margin-top:13px;
  text-align:left;
  }
#search_results {
  background:#fff;
  }

/* =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(/khs/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, .ath_sched .sched_table {
  margin:15px 0 25px 5px;
  width:480px;
  }
.ath_sched table table td, .ath_sched table table th, .sched_table td, .sched_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:480px;
  }
.roster_table td {
  padding:3px 5px;
  border-bottom: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;
  }

/******************************************* Calendar*/
/******************************************* Calendar*/
#full_cal .content {
  width:100%;
  }
#full_cal #hdr {
  width:820px;
  }
#full_cal .nav, #full_cal .wrap .clearfix {
  width:820px;
  }
#full_cal .wrap > div {
  width:90%;
  }
#full_cal .content .main ul {
  padding-left:4px;
  }
#full_cal .content {
  width:100%;
  margin-top:0;
  padding-top:0;
  }
#full_cal .content .main {
  width:100%;
  margin-top:0;
  padding-top:0;
  }
#full_cal .cal_wrap {
  width:100%;
  }


/******************************************* Staff Directory*/
body#directory .main h2, body#guidance .main h2 {
  font-size:27px;
  padding-bottom:3px;
  }
body#directory .main h3, body#guidance .main h3 {
  display:block;
  background:url(/d302/img/full_channel_no_link_hdr_bg.png) no-repeat top left;
  padding:7px 8px;
  margin-bottom:0;
  color:#fff;
  text-decoration:none;
  }
body#directory .main p, body#guidance .main p {
  margin-left:5px;
  }
body#directory .main div p, body#guidance .main div p {
  margin-bottom:5px;
  }
body#directory .main div p span, body#guidance .main div p span {
  font-size:16px;
  color:#a80b00;
  }
body#directory .staff_list {
  width:800px;
  }
body#guidance .staff_list {
  width:480px;
  }
.staff_list li {
  list-style:none;
  float:left;
  width:210px;
  text-align:left;
  margin:0 15px;
  padding-top:5px;
  }
body#guidance .staff_list li {
  width:180px;
  }
.staff_list {
  text-align:left;
  margin:15px auto 0 auto;
  clear:left;
  background:url(/d302/img/full_channel_body_bg.png) repeat-y top left;
  }
.staff_list li img {
  float:left;
  margin:0 10px 0 0;
  }
#staff_indv {
  width:710px;
  margin:0 auto;
  border-bottom:none;
  }
body#directory .staff_list .channel {
  }
body#directory .staff_list .channel_wrap {
  width:800px;
  background:transparent url(/d302/img/full_channel_bottom_bg.png) no-repeat bottom left;
  margin:-15px 0 0;
  }
body#directory .staff_list .channel_wrap .staff_thin {
  width:220px;
  }
body#guidance .staff_list .channel_wrap .staff_thin {
  width:180px;
  }
body#directory .staff_list p, #staff_indv p {
  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:25px;
  border-bottom:none;
  text-transform:none;
  }
body#directory .staff_list img, #staff_indv img {
  margin:0 10px 0;
  float:left;
  }
#staff_indv img {
  margin:-10px 0 0 5px;
  padding-right:20px;
  }
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;
  }
.full_main .content .main .staff_search {
  float:right;
  margin-top:0;
  padding:0;
  width:auto;
  }
.staff_search input[type="text"] {
  font-size:15px;
  margin:0 4px 0 0;
  color:#444;
  width:340px;
  font-family:Verdana,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:Verdana,Sans-serif;
  clear:left;
  margin:0 auto 10px;
  padding:0 0 5px;
  text-align:center;
  color:#999;
  }
.full_main .content .main .alpha_nav {
  margin-top:0;
  width:auto;
  }
.alpha_nav span {
  margin:0 5px;
  color:#ddd;
  }
.alpha_nav strong {
  background:#333;
  color:#eee;
  position:relative;
  border:1px solid #eee;
  border-bottom:none;
  padding:2px 7px 5px;
  }
#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(/khs/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(/khs/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 {
  float:left;
  }
#nav_cal_wrap {
  width:230px;
  float:left;
  border:1px solid #333;
  border-right:3px solid #666;
  border-bottom:3px solid #666;
  }
#nav_cal_wrap h2 {
  text-transform:uppercase;
  text-align:center;
  font-size:10px;
  letter-spacing:6px;
  font-weight:bold;
  color:#000;
  padding:5px 0;
  width:100%;
  margin:0 auto 5px auto;
  }
#nav_cal_wrap h2 a {
  padding:5px;
  letter-spacing:normal;
  font-size:14px;
  text-decoration:none;
  font-weight:bold;
  }
#nav_cal_wrap h2 a:hover {
  background:#03c;
  color:#fff;
  }
#nav_cal {
  width:230px;
  margin:0 auto;
  background-color:#fff;
  border:none;
  }
#nav_cal td {
  text-align:center;
  font-size:12px;
  padding:6px 0;
  color:#333;
  }
#day_titles_ {
  background-color:#3d77cb;
  }
#nav_cal a, #nav_cal span {
  color:#03c;
  padding:5px;
  }
#nav_cal span {
  color:#666;
  text-align:center;
  float:none;
  margin-top:0;
  }
#nav_cal a:hover {
  background:#03c;
  color:#fff;
  font-weight:bold;
  }
#nav_cal .day_content {
  text-decoration:none;
  border-bottom:3px solid #093;
  font-weight:bold;
  padding-bottom:0;
  }
#viewed_date {
  background:#333;
  padding:3px 1px;
  }
#viewed_date a, #viewed_date span {
  color:#fff;
  font-weight:bold;
  }
#nav_cal #viewed_date .day_content {
  color:#fff;
  text-decoration:none;
  background:none;
  border-bottom:2px solid #ccc;
  padding-bottom:2px;
  font-weight:bold;
  }
#viewed_date a:hover {
  background:none;
  cursor:default;
  }
#nav_cal_wrap h2 a {
  padding-top:0;
  }
#nav_cal_today {
  font-size:12px;
  color:#333;
  text-align:center;
  width:214px;
  margin:5px auto 0;
  padding:5px 7px 8px;
  }
#nav_cal_today a {
  font-weight:bold;
  padding:5px;
  }
#nav_cal_today a:hover {
  background:#03c;
  color:#fff;
  }
.nothing_posted {
  clear:left;
  text-align:center;
  font-size:30px;
  padding-top:25px;
  color:#656565;
  }

/* =Calendar
----------------------------------------------- */
/* =Calendar
----------------------------------------------- */
#cal_wrap {
  width:100%;
  margin-bottom:10px;
  padding-bottom:20px;
  }
#cal_wrap h3 {
  text-transform:uppercase;
  text-align:center;
  letter-spacing:6px;
  font-weight:normal;
  padding:0 5px 9px;
  width:650px;
  margin:0 auto 5px auto;
  background:none;
  }
#cal_wrap h3 span {
  font-size:25px;
  }
#cal_wrap h3 a {
  margin:0 5px;
  letter-spacing:normal;
  font-size:27px;
  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:#444;
  font-weight:bold;
  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;
  margin-bottom:11px;
  margin-right:7px;
  }
#cal td ul li {
  font-size:11px;
  padding:3px 7px;
  margin:3px 3px 7px;
  background:#eee;
  color:#555;
  font-family:Verdana,sans-serif;
  }
#cal td ul li:hover {
  cursor:default;
  }
#cal div {
  float:left;
  font-size:14px;
  width:20px;
  text-align:center;
  font-weight:bold;
  padding:3px;
  margin:0 5px 0 0;
  color:#333;
  }
#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:2px solid #06c;
  }

/* =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;
  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;
  }
body#guidance .content .main div p {
  clear: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;
  }

.CategoryLinks {
  margin-left:100px;
  }
.jobs .content .main {
  margin-left:0px;
  }
.jobs .content .main h2 {
  margin-bottom:15px;
  }
.jobs .CategoryLinks {
  margin-top:33px;
  }
.jobs .CategoryLinks ul li {
  list-style:disc;
  font-size:15px;
  }
.jobs .normal {
  padding:13px;
  color:#333;
  font-size:11px;
  }
.jobs .ListHeader {
  text-decoration:none;
  color:#555;
  font-size:12px;
  float:left;
  margin-bottom:5px;
  }
.jobs table {
  clear:left;
  }
.jobs .sub ul li a {
  font-size:11px;
  background:#eee;
  }
.jobs .sub ul li a:hover {
  background:#666;
  color:#eee;
  }
.jobs .content .main .subnotetext {
  background:#eee;
  padding:13px;
  margin:15px auto;
  line-height:14px;
  }
.content .main h2 a {
  text-decoration:none;
  color:#00c;
  }
.content .main h2 a:hover {
  cursor:pointer;
  }
body.sub_dept .sections table {
  margin:0 auto;
  }
body.sub_dept .sections table td {
  font-size:13px;
  color:#333;
  background:#ddd;
  }
.content .main .staff_member {
  width:150px;
  text-align:center;
  margin:10px 15px;
  float:left;
  }
.staff_member p a {
  font-size:15px;
  }
.file img {
  float:left;
  }
.file span {
  float:left;
  margin-left:4px;
  }
.file span a:hover {
  text-decoration:underline;
  }


#posts_page_full .content .main, #posts_page_full .content .main div {
  width:525px;
  padding-left:11px;
  }
#posts_page_full .content .main {
  width:535px;
  }
#posts_page_full .main .trigger {
  margin:0;
  }
#posts_page_full .post_indv_hdr {
  font-size:28px;
  text-align:center;
  padding:13px 0 11px;
  margin:0 0 13px;
  }
#posts_page_full h2 {
  margin-top:1.5em;
  }
#posts_page_full .posts_crumbs {
  font-size:15px;
  }
#posts_page_full .posts_crumbs a {
  font-size:11px;
  }
#posts_page_full .post_full {
  margin-top:7px;
  }
#posts_page_full .post_full img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  }
#posts_page_full .post_full .img_cpt {
  margin:0 20px 0;
  font-size:11px;
  line-height:14px;
  }
#posts_page_full .post_full .focus {
  font-size:19px;
  line-height:25px;
  margin-top:11px;
  padding-bottom:20px;
  margin-bottom:4px;
  border-bottom:4px solid #bbb;
  }
#posts_page_full .post_full p {
  margin-top:7px;
  padding:7px 0 0;
  font-size:15px;
  line-height:21px;
  }
#posts_page_full .post_full .post_date {
  clear:left;
  font-size:11px;
  padding:4px 7px;
  width:185px;
  margin:20px auto;
  background:#eee;
  }
#posts_page_full .post_full li {
  font-size:15px;
  line-height:21px;
  }
.posts_page .content .side {
  width:180px;
  padding-right:14px;
  }
.posts_page .content .side ul {
  border:none;
  background:none;
  }
.posts_page .content .side li {
  font-size:11px;
  border:none;
  padding:0 8px;
  }
.posts_page .content .side li a, .posts_page .content .side li strong {
  background:none;
  border:none;
  padding:9px 0 0 5px;
  color:#00c;
  }

.posts_page .content .side li strong {
  color:#000;
  font-size:12px;
  }
.posts_page .content .side li a:hover {
  text-decoration:underline;
  }
.content .side .channel, .content .side .channel_embed {
  margin:0 0 12px;
  background:#fff url(/d302/img/side_channel_body_bg.png) repeat-y top left;
  }
.content .side .channel_wrap {
  margin:0 0 7px;
  background:transparent url(/d302/img/side_channel_bottom_bg.png) no-repeat bottom left;
  padding-bottom:12px;
  }
.content .side .channel h3 a, .content .side .channel_embed h3 a,
.content .side .channel h3 strong, .content .side .channel_embed h3 strong {
  display:block;
  background:url(/d302/img/side_channel_hdr_bg.png) no-repeat top left;
  padding:7px 8px;
  color:#fff;
  font-size:10px;
  text-decoration:none;
  }
.content .side .channel h3 strong, .content .side .channel_embed h3 strong {
  background:url(/d302/img/side_channel_no_link_hdr_bg.png) no-repeat top left;
  }
.content .side .channel_embed h3 {
  background:url(/d302/img/side_channel_no_link_hdr_bg.png) no-repeat top left;
  }
.content .side .channel p, .content .side .channel h4,
.content .side .channel_embed p, .content .side .channel_embed h4 {
  margin:0 8px;
  }





.posts_page .main .channel, .posts_page .main .channel_wrap {
  background:none;
  }
.posts_page .content .main .channel p,
.posts_page .content .main .channel h4,
.posts_page .content .main .channel_embed p,
.posts_page .content .main .channel_embed h4 {
  margin:0;
  }
.posts_page .content .main p, .posts_page .content .main h4 {
  padding:0;
  }
.posts_page .news_brief {
  margin-left:3px;
  margin-right:3px;
  }
.posts_page .content .main .channel h4 {
  margin-bottom:3px;
  }
.posts_page .content .main, .posts_page .content .main div {
  width:400px;
  }
.posts_page .content .main {
  padding-right:17px;
  }
.posts_page .content .main h2 {
  font-size:19px;
  margin-bottom:7px;
  }
.posts_page .content .main .channel {
  margin-top:0;
  border:none;
  }
.posts_page .content .main .channel h2 {
  margin-bottom:7px;
  }
.posts_page .content .sub {
  margin-left:0;
  width:180px;
  padding-top:13px;
  }
.posts_page .content .sub .channel h3 {
  font-size:10px;
  }
.posts_page .content .sub ul {
  margin:9px 8px 0;
  }
.posts_page .content .sub ul li {
  font-size:11px;
  padding-bottom:5px;
  }
.posts_page .content .sub li a, .posts_page .content .sub li strong {
  margin:0;
  padding:0;
  background:none;
  display:inline;
  }
.posts_page .content .sub li span {
  color:#000;
  font-weight:bold;
  font-size:12px;
  }
.posts_page .content .sub li strong {
  color:#666;
  }
.posts_page .content .sub li a:hover {
  color:#00c;
  text-decoration:underline;
  }

.posts_page .content .sub .channel, .posts_page .content .sub .channel_embed {
  margin:0 0 12px;
  background:#fff url(/d302/img/side_channel_body_bg.png) repeat-y top left;
  border:none;
  }
.posts_page .content .sub .channel_wrap {
  margin:0 0 7px;
  background:transparent url(/d302/img/side_channel_bottom_bg.png) no-repeat bottom left;
  padding-bottom:12px;
  }
.posts_page .content .sub .channel h3 a, .posts_page .content .sub .channel_embed h3 a,
.posts_page .content .sub .channel h3 strong, .posts_page .content .sub .channel_embed h3 strong {
  display:block;
  background:url(/d302/img/side_channel_hdr_bg.png) no-repeat top left;
  padding:7px 8px;
  color:#fff;
  text-decoration:none;
  }
.posts_page .content .sub .channel h3 strong, .posts_page .content .sub .channel_embed h3 strong {
  background:url(/d302/img/side_channel_no_link_hdr_bg.png) no-repeat top left;
  }
.posts_page .content .sub .channel_embed h3 {
  background:url(/d302/img/side_channel_no_link_hdr_bg.png) no-repeat top left;
  }
.posts_page .content .sub .channel p, .posts_page .content .sub .channel h4,
.posts_page .content .sub .channel_embed p, .posts_page .content .sub .channel_embed h4 {
  margin:0 8px;
  }
.soft_blocks_wrap {
  margin:30px 0 0;
  }
.soft_block {
  float:left;
  width:215px;
  margin-left:45px;
  height:130px;
  }
.soft_block img {
  float:left;
  margin-bottom:15px;
  margin-right:6px;
  }
.trigger {
  float:right;
  margin-top:2px;
  }
.full_content .content {
  padding-top:13px;
  }

.channel h3 span {
  color:#eee;
  }

.sub_hdr {
  float:right;
  font-size:12px;
  text-transform:uppercase;
  color:#555;
  }
.sub_hdr strong {
  margin-top:5px;
  display:block;
  }

.posts_page .content .main .img_cpt {
  font-size:11px;
  color:#666;
  line-height:14px;
  padding:3px 7px;
  margin:0;
  }

.posts_page .content .main .photo_thumbnail {
  width: 176px;
  height:180px;
  float:left;
  text-align:center;
  margin:13px 10px 0 0;
  }
.posts_page .content .main .photo_thumbnail h5 {
  font-size:11px;
  }
.posts_page .content .main .photo_thumbnail .post_info {
  font-size:10px;
  line-height:13px;
  }
#posts_page_full .post_date {
  float:none;
  }
#posts_page_full .news_file {
  text-align:center;
  padding:7px 0;
  }
#posts_page_full .news_file a {
  font-size:18px;
  }
#posts_page_full .news_file img {
  display:inline;
  margin:0 4px 0 0;
  padding:0;
  }
#posts_page_full .news_file .type {
  display:inline;
  margin:0 0 0 4px;
  font-size:11px;
  text-transform:uppercase;
  padding:0;
  }

.drive_direct h3 {
  margin-top:1.5em;
  font-size:90%;
  clear:left;
  font-family:Arial,sans-serif;
  }
.drive_direct h5 {
  font-size:110%;
  font-weight:normal;
  color:#666;
  margin-left:3px;
  padding:.3em 0;
  }
.drive_direct dl {
  color:#333;
  margin-left:11px;
  line-height:140%;
  }
.drive_direct dt {
  font-weight:bold;
  color:#666;
  }
.drive_direct dd {
  margin-left:3px;
  }
.scholarships li {
  margin-bottom:1.3em;
  }
.content .main .scholarships ul {
  padding-left:23px;
  }
.docs h4 a {
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:bold;
  }
.sub_dept .main .no_wrps .channel h3 a {
  display:none;
  }  
.sub_dept .main .no_wrps .channel,
.sub_dept .main .no_wrps .channel_wrap {
  background:none;
  padding-top:15px;
  margin-top:0;
  }
.sub_dept .main .no_wrps .channel {
  margin-top:10px;
  border:none;
  }  
.sub_dept .main .no_wrps .channel_embed {
  clear:left;
  background:none;
  border:none;  
  }
.sub_dept .main .no_wrps .channel_embed h3 {
  display:none;
  }
.no_wrps .news_brief,
.content .main .no_wrps .channel p, 
.content .main .no_wrps .channel h4,
.content .main .no_wrps .channel_embed p,
.content .main .no_wrps .channel_embed h4 {
  margin-left:0;margin-right:0;
  }  
  
.ff_no_wrps {
  margin-top:-30px;
  display:block;
  }  
#ff_mv_up {
  margin-top:-30px;
  display:block;
  }