/* DO NOT EDIT: EDIT ORIGINAL FILES USED TO BUILD THIS*/ 
 
@media screen { 
/* CSS FRAMEWORK FOR MHS */
/*** RESET RULES ***/


*, body, html {
        margin: 0; 
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}

html {  font-size: 62.5%;}

body { 
        font-size: 140%; 
        font-family: Arial, Verdana, sans-serif;
        color: #000000;
        background: #ffffff;
}

h1, h2, h3, h4, h5, h6 { text-align: left; font-weight: bold; margin: .5em 0em 1em 0em; }

h1 {font-size: 1.5em; /* 20px */}
h2 {font-size: 1.4em; /* 20px */}
h3 {font-size: 1.3em; /* 20px */}
h4 {font-size: 1.2em; /* 20px */}

h5, h6,
div, p,
ol, ul,
table { margin: 0px; }

hr {
        clear: both;
        height: 1px; background: #555555;
}

div.section {
        margin-left: 2em;
}

.clearfix {
        clear: both !important;
}
        
.clearfixzero {
        clear: both !important; height: 0 !important; font-size: 0 !important; border: none !important; padding: 0 !important;
}

ol, ul { list-style: disc; margin-left: 1em }
blockquote, q { quotes: none;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; 
}

table thead tr {background: #e5e5e5;}
table thead tr th {
        text-align: left;
        padding: .5em .5em .15em .5em;
}

table tbody tr {
}       


table tbody tr td {
        border-top: 1px solid #bbbbbb;
        border-left: 1px solid #bbbbbb;
        padding: .25em .5em .25em .5em;
}

table tbody tr td:first-child {
        border-left: none;
}

table.layout tbody tr td {
        border: none; padding: 0;
}

table.layout thead tr {background: none;}


a, a:link, a:active, a:visited {
        color: #0000ff;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}



/* FORMS */

form {
        font-size: 110%;
}

form div {
        clear: both;
}

form div.formline {
        margin-bottom: 1em;
        padding: .5em .5em .5em 1em;
}

/* For pairs of label/input such as checkboxes radio groups etc*/
form div.inputSet {
        float: left;
        clear: none;
}

form div.formline hr {
        clear: both;
        height: 1px; background: #555555; border: 0;
}

/* For continuous inline set of inputs and labels, as in a sentence */
form div.inputLine * {
        display: inline; float: none; vertical-align: middle; margin: 0; padding: .1em;
}
form div.inputLine option {display: block;}

label, input, select, option, button {font-size: 100%; margin: 0em; }

input, select, button, textarea {       border: 1px solid #999999; background: #ffffff; padding: 1px}

label {
        margin: 0em 1em 0em 1em;
        text-align: right;
}

form h3, form h4, form h5 {
}

input+label {
        float: none; 
        clear: none;
}

input[type="radio"], input[type="checkbox"] {
        vertical-align: top;
}

input:focus, select:focus, button:focus, textarea:focus {outline: 2px solid #aaaaff;}

input[type="submit"] {
        clear: both;
        margin-right: 1em;
        margin-left: auto;
        padding: 2px;
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
}

option {
        margin: .05em
}

textarea { clear: both;}

/* MHS STANDARDS VERSION OF 2001 DESIGN */
/* SEPT 2008 WILLIAM BECK */



/* LAYOUT DIVS AND MAIN NAVIGATION, HEADER, FOOTER */



#masterc {
        margin: 8px;
        width: 764px;
        color: #262626;
        font-size: 90%;
}

#banner {
        width: 764px; height: 78px;
        background: #ffffff url("/images/banners/mhs-standards-bg1.jpg") no-repeat;
}

#banner form {
        float: right;
        padding: 0;
        margin: 12px 36px 0px 20px;
}

#banner  a img {
        border: none;
}


#content {
        clear: both;
}

#gutter {
        float: left;
        width: 76px;
}

#one-col {
        float: left; width: 688px;
        padding-bottom: 1.75em;
}


#footer {
        clear: both;
        border-top: 1px solid #444444;
        font-size: 10px; color: #666666; font-weight:bold; text-decoration: none; 
}

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

#MHSaddress {
        float: left;
}

#MHSfineprint {
        float: right;
        text-align: right;
}

#MHScopyright {
        clear: both;
        text-align: center;
}


/* MHS STANDARDS VERSION OF 2001 DESIGN */
/* SEPT 2008 WILLIAM BECK */


/* BASIC HTML ENCODING STYLE */


a, a:link , a:active, a:visited {
        color: #1040AB; font-weight:bold; text-decoration: none;
}

a:hover {
        color: #2244ff; font-weight:bold; text-decoration: underline;
}

.clickable {
        cursor: pointer;
}

/* NAVIGATION FOR SITE SECTION (online, ed, library etc)*/

h1 {
        margin: 0px 0px .5em 0px;
        color: #c8d0e0;
        font-size: 220%;
}

.site_section_nav { float: left; width: 764px; margin: 0 0 16px 0; border-top: 1px solid #e0e0e0;}
.site_section_nav ul {list-style: none; float: left;}
.site_section_nav ul li {margin: .25em 1em .25em 0em; font-weight: bold; padding-left: 10px;
                                                background: url('/images/_graphics/list-styles.gif') 0px -197px no-repeat;}
.site_section_nav ul li.section_cur_page {background: url('/images/_graphics/list-styles.gif') 0px 3px no-repeat;}
.site_section_nav a:link, .site_section_nav a:active, .site_section_nav a:visited { font-weight: normal}

.site_section_nav ul.related_links {float: right; width: 164px; background: #dee0e9; margin: 0px 0px 0px 8px; list-style: none; padding: .25em .25em .25em .5em}
.site_section_nav ul.related_links li {font-size: 85%;}

h1 .subtitle, h1 span {
        display: block; margin-top: 0; font-size: 12px; color: #555555; padding-top: 0;
}


h3, h4 {font-size: 100%; margin: 0; padding: 0;}

h3 {color: #111111; margin-top: 2em}

h4 {color: #333333;}

h3+h4 {margin-top: 1em;}

p {
        margin: 12px 0px 12px 12px;
}


h3+p, h4+p {margin-top: 0;}


blockquote {
        padding: 1em 2em 1em 2em; background: #EAEBF4; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif;
}

ul.subnav {
        list-style: none;
        margin: 0px 16px 16px 16px;
}

ul.subnav li {
        display: inline;
        padding: .25em 1em .25em 1em;
}

ul.subnav li+li {
        border-left: 1px solid #888888;
}

ul {
        list-style: none;
}

ul.bullets {
        list-style: disc;
}

ol {
        list-style-type: decimal;
        padding-left: 1em;
}

noscript.alert { color: #ffffff; background: #990000; line-height: 1.5; padding: 2px;   font-weight: bold; }


/* Blog/CMS Style */

ul.pageLinks {margin-left: auto; margin-right: 1em; text-align: right;}
ul.pageLinks li {
        display: inline; padding: 1px 3px 1px 3px; margin:1px;
/*
        border: 0px solid #000000; background: #004466; color: #ffffff; 
*/
        }
ul.pageLinks li a:link,
ul.pageLinks li a:visited {}

ul.pageLinks li.currentPage {
        color: #333333;
/*      border: 0px solid #666666; background: #f0f0f0; 
*/
        }
ul.pageLinks li.currentPage a:link,
ul.pageLinks li.currentPage a:visited {color: #333333;}


/* LOAD IE HOVER FIX */

body { behavior: url("/incl/js/iehover.htc"); }


/* BANNER MENU HOVER CSS */

#banner #logoLink {
        line-height: 0;
        font-size: 0;
        padding: 25px 200px 35px 200px; 
}

#banner #searchlink {
        float: right;
        margin: 22px 18px 0px 0px;
        background: #9da6b6;
        font-size: 11px;
        padding: 3px 9px 3px 9px;
        color: #003466}


ul#topnav  {
        border: 1px solid #000000;
        padding: 1px 0px 2px 0px; /* MATCH TO As BELOW */
        margin-top: 33px; margin-bottom: 0;
        margin-left: 157px;
        background: #9da6b6;
        width: 506px;
        font-size: 12px;
        float: left;
}

/*ie6 fix */ * html ul#topnav {display: inline;}



ul#topnav li {
        display: inline;
        padding: 0px;
}


ul#topnav a, ul#topnav a:link, ul#topnav a:visited, ul#topnav a:active {
        padding: 1px 14px 2px 14px; /*COORD WITH ul ABOVE */
        background: #9da6b6;
        border-left: 1px solid #abb3c0;
        text-decoration: none;
        color: #001144;
}

ul#topnav a:hover {
        background: #dadae7;
        text-decoration: none;
}




/* DROP DOWN positioning */

ul#topnav li {
        position: relative;
}

ul#topnav li ul {
        position: absolute; left: -1px;
        top: 17px;
        margin: 0;
        padding-top: .5em;
        z-index: 100;
        width: 15em;
        border: 1px solid #000000;
        border-top: none;
        background: #9da6b6;
        font-size: 11px;
}

ul#topnav li ul#menu_online {width: 21em}

ul#topnav li ul li {
        display: block;
        padding: 1px 0px 2px 0px;
        width: 100%;
        background: #9da6b6;
        border-top: 1px solid #abb3c0;
}

ul#topnav li ul li:hover {
        background: #dadae7;
}

/* turn off a background for dropdowns */
ul#topnav li ul li a:link,
ul#topnav li ul li a:visited,
ul#topnav li ul li a:active,
ul#topnav li ul li a:hover
 {background: none; font-weight: normal}


/* DROP DOWN behaviors */

ul#topnav li ul {display: none;}
ul#topnav li:hover ul {display: block;}
ul#topnav li ul:hover {display: block;}

ul#topnav li ul#menu_online {width: 14em;}
ul#topnav li ul#menuPubs {width: 16em;}
ul#topnav li ul#menuEducation { width: 20em; left: -51px;}
ul#topnav li ul#menuEvents {width: 24em; left: -183px !important;}


} 



@media print {
        #topnav {
                display: none;
        }
}