@media all { 
    
    /***********************************************************************************
    * HTML STYLES
    ***********************************************************************************/
    
    html {overflow-y:scroll; min-height: 100%; height:100%;}
    body {min-height: 100%;  min-width:980px; color:#666; margin:0; padding:0; height:100%;}
    body {font-family: sans-serif, arial; font-size: 15px; line-height:1.25; background-color: #fdfdfd }
    
    h1, h2, h3, h4, h5 {font-weight:normal; margin: 12px 0 4px}    
    h1 {font-size:140%; color:#444;}
    h2 {font-size:130%; color:#444;}
    h3  {font-size:120%; color:#444; }
    h3 a, h3 a:visited {}
    h3 a:hover {text-decoration: underline;}
    h4 { font-size:120%; color:#444; }
    h5 { font-size:110%; color:#444; }
    
    ul {margin:0;padding:0}
    li {margin: 2px 0; list-style-type:none}
    ul li ul {margin-bottom:10px}
    p {margin:8px 0}
    
    ul.disc {margin:10px;padding:0}
    ul.disc li {margin: 2px 0 2px 20px; list-style-type:disc}
    
    a {color:#396D8C;text-decoration:none}
    a:visited {color:#396D8C /*#3A6F8F #449*/;}
    a:hover,a:focus {text-decoration:underline; /*border-bottom:1px dotted #449*/}
    a img {border:none !important}
    
    a.external { background: url(/sitemedia/static/images/ksccommon/sprites.png)  right -202px no-repeat; padding-right: 15px; }
    
    /* keep consistent line spacing with sup and sub */
    sup,sub {height: 0; line-height: 1; vertical-align: baseline; position: relative;}
    sup {bottom: 1ex;}    
    sub {top: .5ex;}
    
    table {border-collapse:collapse}
    table th, table td {padding: 5px; text-align:left; vertical-align: top}
    table th {text-transform: uppercase; font-size:90%}
    table td {border-top: 1px dotted #C9C3BA; font-size:90%}
    table.noborder td {border-top: none}
    
    form {display:inline; margin:0; padding:0}
    
    /***********************************************************************************
    * GLOBAL/GENERIC STYLES
    ***********************************************************************************/
    
    .print_only {display:none}
    .clear {clear:both; height:0px; line-height:0px}
    .clear_left {clear:left; height:0px; line-height:0px}
    .clear_right {clear:right; height:0px; line-height:0px}
    .rounder {-moz-border-radius: 8px; -webkit-border-radius:8px; behavior:url(/sitemedia/static/css/border-radius.htc); border-radius: 8px;}
    .rounder_4 {-moz-border-radius: 4px; -webkit-border-radius:4px; behavior:url(/sitemedia/static/css/border-radius.htc); border-radius: 4px;}
    .relative {position:relative}
    .dull {color:#aaa !important}
    .hide {display:none;}
    .screen_reader {display:none;}
    .note {font-style:italic;font-size:75%;color:#777}
    
    div.rounder {padding :10px; background-color: #f6f6f6; border: 1px solid #bbb;}
    ul.ui-autocomplete {font-size:80%; }
    span.info {font-size:80%; font-style:italic; font-weight:normal; color:#999}
    span.info_90 {font-size:90%; font-style:italic; color:#999}
    div.alert_information {background: url(/sitemedia/static/images/ksccommon/information.png) 5px 3px no-repeat; border: 1px solid #ddd; float:left; background-color:#f9f9f9; padding: 10px 10px 10px 45px; margin:10px 0 10px 0}
    a.pdf_floater {color:#707070; display:block; float:right; height:20px;margin-top:3px; font-size:12px; line-height:20px; vertical-align:middle; padding-left: 25px; background: url(/sitemedia/static/images/ksccommon/pdf.png) 0 0 no-repeat;}
    a.pdf_floater:hover {background: url(/sitemedia/static/images/ksccommon/pdf.png) 0 -30px no-repeat;}
    a.back_to_top {display:block; margin-top: 4px; padding-left:18px; float:right; font-size:13px; line-height:120%; vertical-align: middle;background:url(/sitemedia/static/images/ksccommon/sprites.png)  -284px -330px no-repeat;}
    
    td.right {text-align:right}
    td.left {text-align:left}
    
    /***********************************************************************************
    * MAIN LAYOUT
    ***********************************************************************************/
    
    /* main layout - container - min-height:0 IE7 hasLayout bug */
    #container {position:relative; min-height:100%; background: url(/sitemedia/static/images/ksccommon/background_bottom.png) bottom left repeat-x;/**/}
    
    /* main layout - header */
    #header {width:100%; margin:auto; background-color:#84A2B5; /*#ce1126  #CEC3BD #396D8C*/; }    
    #header {background:url(/sitemedia/static/images/headers/hale.jpg) top center no-repeat #396D8C; }
    body.directories #header {background:url(/sitemedia/static/images/headers/pumpkinfest.jpg) top center no-repeat #F78221; }
    
    
    #header_inner {position:relative; width:960px; margin:auto; }
    #header div.logo_heading a, #header div.logo_subheading a { margin:0; padding:0; font-weight:normal; }
    #header div.navigation {float:right; margin: 10px 0 0; }
    #header div.navigation ul li {display:inline; border-right:1px dotted #fff; padding: 0; margin:0; padding-right: 5px; margin-right: 5px; ; font-size:85%}
    #header div.navigation ul li.end {border-right:none; padding-right:0}
    #header div.navigation ul li a {color:#fff;}
    #header a.logo {display:block; background: url(/sitemedia/static/images/ksccommon/sprites.png) 0px 5px; background-repeat:no-repeat; height:94px; width:200px }
    #header div.subheading {position:absolute; bottom:4px;right:2px;font-size:110%; text-transform:uppercase; margin-top:-10px; }
    #header div.subheading a {color:#fff; }
    #header .shadow {text-shadow: black 0.1em 0.1em 0.2em; /*filter: glow(color=black,strength=3), alpha(opacity=70)*/; }
    
    
    /* main layout - top level navigation */
    #navigation {}
    #navigation_bg { min-height:10px; background-color:#4F454F;border-bottom:1px solid #999; border-top:1px solid #666 /*#30596F*/;}
    #navigation_inner {width:960px; margin:auto; margin:auto; }
    #navigation ul {margin:0;padding:0}
    #navigation ul li {display:block; float:left; padding: 0; margin:0;}
    #navigation ul a {padding:5px 7px; display:block; float:left;color:#d2d2d2;text-transform:uppercase; font-size:85%; line-height:140%; font-weight:bold}
    #navigation ul a:hover, #navigation ul a.current:hover {display:block; float:left;background-color:#6B696B;color:#fff;}
    #navigation ul a.current {display:block; float:left;background-color:#585858;color:#fff;}
    #navigation ul.pages {float:right; margin:0px 0; color:#EFE0E1;}
    #navigation ul.pages li {/*border-left:1px dotted #888;*/ }
    #navigation ul.pages li:first-child {border-left:none; margin-left: 0px }
    #navigation ul.breadcrumbs {font-family: helvetica, arial; font-size:100%; letter-spacing:1px; font-weight:bold; margin-left:-15px}
    #navigation ul.breadcrumbs li {float:left;padding-left:0px; }
    #navigation ul.breadcrumbs a, #content div.navigation ul.breadcrumbs span {text-transform:none; display:block; padding:0 15px 0 15px; height:28px; line-height:28px}
    #navigation ul.breadcrumbs a {background:url(/sitemedia/static/images/ksccommon/navigation_crumbs.png) no-repeat right center; color:#EFE0E1}
    
    /* main layout - content */
    #content {clear:both; margin-top:0px; padding-bottom: 50px; width:960px; margin:auto; min-height:450px; }
    #content_main {margin-right: 320px; padding-top:1px}
    #content_main h2:first-child {}
    #content div.navigation ul span {color:#EFE0E1;} 
    
    /* main layout - secondary navigation */
    #content_navigation {width: 285px; float:right; padding:5px 10px 5px; margin: 10px 0 5px 10px; border-left: 1px solid #C9C3BA; border-right:none; -moz-border-radius: 8px; border-radius: 8px;}
    #content_navigation h3 {margin: 2px 4px; color:#444; margin-top:15px; color:#396D8C; font-size: 95%; font-weight:bold; border-bottom: 1px dotted #DDDDDD; text-transform: uppercase;}
    #content_navigation h3:first-child {margin-top:0px}
    #content_navigation > ul {margin:5px 0px 5px 5px; font-size:90%}
    #content_navigation > ul li {margin-bottom:4px}
    #content_navigation > ul ul {}
    #content_navigation > ul ul ul {}
    #content_navigation li {list-style-type: none; }    
    #content_navigation > ul > li {margin-top:3px; padding-left:20px; background: url(/sitemedia/static/images/ksccommon/sprites.png)  -283px -347px no-repeat;}    
    #content_navigation > ul > li > ul {margin-left:0; }
    #content_navigation > ul > li > ul li {margin-left:-5px; padding-left:20px; background: url(/sitemedia/static/images/ksccommon/sprites.png)  -283px -347px no-repeat;}
    #content_navigation > ul > li > ul > ul > li {margin-left:8px; padding-left:20px; background: url(/sitemedia/static/images/ksccommon/sprites.png)  -283px -347px no-repeat;}
    #content_navigation p {color:#444 !important; font-size:90%; margin:10px 4px}
    #content_navigation div.outcomes {color:#444 !important; font-size:90%; margin:0 4px}
    #content_navigation div.outcomes a, #main div.filter_list div.outcomes h4 {color:inherit !important}
    #content_navigation div.outcomes a:hover {text-decoration:none}
    #content_navigation strong {font-weight:normal}
    
    /* main layout - footer */
    #footer {clear:both; position: relative; height: 33px; margin-top: -35px; width:100%; color:#999; font-size:90%; background-color:#4F454F; border-top:1px solid #999; border-bottom:1px solid #30596F; }
    #footer_inner {position:relative; width:960px; margin:auto;padding-top:4px; }
    
    #footer a.external {
        background: none;        
    }
    
    /* main layout - social/feed icons */
    #footer a.icon32 {float:left;margin-left:8px;padding-right: 0 !important; display:block; width:32px; height:32px; background: url(/sitemedia/static/images/ksccommon/sprites.png); background-repeat:no-repeat}
    #footer a.facebook32 {background-position: 0 -500px !important}
    #footer a.rss32 {background-position: -80px -500px !important}
    #footer a.smugmug32 {background-position: -40px -500px !important}
    #footer a.twitter32 {background-position: -120px -500px !important}
    #footer a.youtube32 {background-position: -160px -500px !important}
    
    #footer a.icon24 {float:left;margin-left:5px;padding-right: 0 !important; display:block; width:24px; height:24px; background: url(/sitemedia/static/images/ksccommon/sprites.png); background-repeat:no-repeat}
    #footer a.facebook24 {background-position: 0 -550px !important}
    #footer a.rss24 {background-position: -60px -550px !important}
    #footer a.smugmug24 {background-position: -30px -550px !important}
    #footer a.twitter24{background-position: -90px -550px !important}
    #footer a.youtube24 {background-position: -110px -550px !important}
    
    #footer div.joinus {padding: 0px 0 3px; float:right}     
    #footer div.joinus div {float:left; font-size:110%; }
    
    #footer a.feedback {float:right; padding:2px 12px 0 0; font-size:90%;color:#999;}
	#footer a.feedback:hover {color:#eee;}
    
    /***********************************************************************************
    * SEARCH FORMS AND LIST
    ***********************************************************************************/
    
    /* main layout - search forms */
    div.search_option {margin-top:20px}
    div.search_option h2 {font-size:130%; text-transform:uppercase}
    div.search {position:relative; color:#222; background-color: #fff; padding:0 !important; margin-bottom: 10px; max-width:550px !important;}
    div.search input.search_text {border:0 none; width:100%;  margin-right:25px; }
    div.search div.search_options {margin-top: 5px}
    div.search_input_wrapper_outer {border: 1px solid #8F8986; margin:0; -moz-border-radius: 3px; -webkit-border-radius:3px; }
    div.search_input_wrapper_inner {border: 1px solid #DFD6D1; margin:0; -moz-border-radius: 3px; -webkit-border-radius:3px; }
    div.search_radio_note { margin:7px 0; width:490px; font-style:italic; font-size:75%; color:#777}
    div.search_note img { display:block; margin-bottom:4px }
    form.search_form input.search_text { font-size:14px; padding: 2px 0 2px 4px; margin:0; color: #444; height:20px;width:93%;}    
    form.search_form input.search_submit { background: url(/sitemedia/static/images/ksccommon/sprites.png) -277px -245px no-repeat; background-color: transparent; border:0 none; cursor: pointer; height: 20px; width: 20px; margin: 2px 3px 0px 0;padding: 0; overflow: hidden;  position: absolute; top:2px; right:1px; }
    body.search div.main_search {width:500px}
    
    /* main layout - search pagination */
    ul.results_pagination {margin:8px 0 0 0; }
    ul.results_pagination li { display:inline;  }
    ul.results_pagination li.text a { padding-left:6px; padding-right:6px; /*text-transform:uppercase;*/ vertical-align:middle}
    ul.results_pagination a, #content ul.results_pagination span { display:block; float:left; line-height: 25px; margin: 4px 2px 4px; padding: 0 2px 2px 2px; min-width: 16px; text-align:center }
    ul.results_pagination a {border:1px solid #CEC3BD; cursor:pointer; font-size:80%}
    ul.results_pagination a:hover, #content ul.results_pagination a:visited {text-decoration:none; }
    ul.results_pagination span {border:1px solid #900000; background-color: #CE1126; color:#fff; font-size:120%; vertical-align:middle}
    
    ul.az a, ul.az span { padding-left:2px !important; padding-right:2px !important; line-height: 25px; margin: 4px 2px 4px; padding: 0 2px 2px 2px; min-width: 14px; }
    div.az_results {clear:left; padding-top:1px; margin-bottom: 15px}
    div.az_results h2 {margin-top:5px}
    table.listing {width:630px}
    
    div.profile {}
    div.profile div.photo {float:left; margin: 0 10px 5px 0}
    div.profile div.photo img {width:175px; border: 3px solid #CEC3BD;}
    div.profile div.bio {margin-top: 15px}
    div.profile div.edit_options {margin-top: 20px; font-size:80%;}
    
    /***********************************************************************************
    * DIRECTORIES 
    ***********************************************************************************/
    
    /* google custom search */
    iframe.gcse {width:640px; height:1200px; margin-left: -10px; margin-top: -15px; margin-bottom:150px; background:transparent}
    #cse table th, #cse table td {padding: 0px; text-align:left; vertical-align: top; border-top: none; font-size:90%}
    #cse .gsc-resultsHeader {display:none !important}
    #cse .gsc-webResult:after {clear:none}
    
    a.phone_base {}
    a.phone_child, div.phone_child {display:block; margin-left:10px; padding-left:20px; background: url(/sitemedia/static/images/ksccommon/sprites.png)  -283px -347px no-repeat;}
    
    body.directories div.anchor_directory {margin-top:10px}
    body.directories div.anchor_directory div.column { float:left; width:50%; }    
    body.directories #search_filters {width: 125px; float:right; padding :1px 10px 1px 0; margin: 5px 0 5px 10px; }
	body.directories #search_filters ul {margin:5px 0px 5px 5px; font-size:80%}
	body.directories #search_filters li {list-style-type: none; margin-bottom:4px;margin-top:3px; padding-left:20px; background: url(/sitemedia/static/images/kscclasses/filter.png)  0 0 no-repeat;}	
	body.directories #search_filters li.selected {background: url(/sitemedia/static/images/ksccommon/filter.png)  0 -50px no-repeat;}	
    body.directories #search_filters span.clear_filter {font-size:85%}
    body.directories #search_filters span.count {font-size:80%; color:#777}
    body.directories #search_filters li.solo {background: url(/sitemedia/static/images/ksccommon/filter.png)  0 -25px no-repeat;}
    body.directories form.employee {display:block; padding-top:5px}
    body.directories form.employee div.field {margin:5px 0; line-height:140%; vertical-align:top}
    body.directories form.employee div.field input#id_email {width:190px}
    body.directories form.employee div.field input#id_captcha_1 {margin-left:10px; vertical-align:middle; padding-top: -15px; width:60px; }
    body.directories form.employee img.captcha {vertical-align:middle; border: 1px solid #bbb}
    body.directories form.employee ul.errorlist {font-size:75%; color:#d00; display:inline; margin-left:5px}
    body.directories form.employee ul.errorlist li {color:#d00; display:inline}
    body.directories table.alumni th.name {width:310px}
    body.directories table.alumni th.email {width:220px}
    body.directories ul.alumni_inline {margin: 5px 0 10px; font-size:90%}
    body.directories ul.alumni_inline li {display:inline; padding: 0 2px; }
    body.directories div.alumni_secondary_nav {float:right; margin:10px 10px 0 0; font-size:95%}
    body.directories div.alumni_secondary_nav li {padding: 0 5px;}
    body.directories div.alumni_secondary_nav li:last-child  {border-left:1px solid #bbb}
    body.directories div.profile ul {margin:10px;padding:0}
    body.directories div.profile ul li {margin: 2px 0 2px 20px; list-style-type:disc}
    
    /***********************************************************************************
    * TINYMCE
    ***********************************************************************************/
    
    body#tinymce {padding:0px 10px; width:700px; min-width:700px}
    body#tinymce ul {margin:10px;padding:0}
    body#tinymce ul li {margin: 2px 0 2px 20px; list-style-type:disc}
    p.tmce_media_element_left, p.tmce_media_element_right {display:block; margin:10px 0; padding:10px; background-color:#ddd; min-height:100px; }
    p.tmce_media_element_right img {float:right; margin-left:10px; max-height:100px !important; max-width:160px !important}
    p.tmce_media_element_left img {float:left; margin-right:10px; max-height:100px !important; max-width:160px !important}
    p.tmce_image_160x160 {background-color:#ddd; width:160px !important; overflow: hidden !important; height:160px !important; float:left; margin: 0 10px 10px 0}
    p.tmce_image_320x202 {background-color:#ddd; width:320px !important; overflow: hidden !important; height:202px !important; float:right; margin: 0 0px 10px 10px}
    p.tmce_image_640x200 {background-color:#ddd; width:640px !important; overflow: hidden !important; height:200px !important}
    
    
}

@media print { 
    
    /* ff 3.6.x print bug https://bugzilla.mozilla.org/show_bug.cgi?id=258397 */    
    body, div {position: static !important; overflow:visible !important;color:#444;}
    
    /* increase font for legibility */
    body {font-family: arial, helvetica !important; font-size:110%}
    
    /* remove color in hx tags and links */
    h1, h2, h3, h4 {color: #444 !important} 
    #content a, #content a:visited {color: #aaa !important; text-decoration:underline} 
    
    /* IE doesn't render dotted borders well */
    #main h1, #main div.filter_contents h1 {border-bottom: 1px solid #ccc; }
    
    /* hide navigation */
    div.search_form {display:none}
    form.search_form input.search_submit  {display:none}
    div.navigation {display:none}
    ul.results_pagination {display:none}
    
    /* remove image and replace */    
    #header {position:relative; border-bottom: 2px solid #ddd}
    #header a.logo {display:none}
    #header div.print_logo {position:relative; height:85px; width: 300px; overflow: hidden; }
    #header div.print_logo img {position:absolute;  margin-top:-104px;  clip: rect(100px auto 185px auto);}
    #header div.subheading {float:right; margin-top:-40px; font-size:120%;}
    #header .shadow {text-shadow:none}
    #footer {display:none}
    #navigation_bg {border-top:none; border-bottom:none; background-color:none; }      
    #content_navigation { display:none}
    #navigation ul.breadcrumbs a {background:none}
    #content_main {margin-right: 0px;}
    .print_only { display:block}
    
    .rounder { behavior:none; }
    .rounder_4 { behavior:none; }
    
}