﻿/*IE Peekaboo fix */
html .gainlayout { height: 1%; }

/*Layout*/
form {margin: 0; padding: 0;}
body {margin: 0; padding: 0; }

body { background: #ece4d1;
        font-family: "Trebuchet MS",Arial,Sans-Serif; 
        font-size: 62.5%;
        -x-system-font:none;
        color:#333333;
        font-size: .9em;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;}

/*divs at top*/
.wrapper {width: 900px; margin: auto; background: white;}
.top_area {height: 24px; }
.header {height: 176px; margin-bottom: 0;}
.header_schools { background: #005342 url(/Layouts/NAHP/images/header_bg_schools.gif) repeat-x 0 0;}
.header_members { background: #003680 url(/Layouts/NAHP/images/header_members_bg.jpg) repeat-x 0 0;}
.header_inner {height: 145px;}

.content {}
.content p {padding: 5px;}
.content img {margin: 10px;}
.footer {text-align: center;  font-size: .8em; padding-bottom: 2px;}
.image_overlay {float: right; width: 235px; text-align: right;}
.left {width: 185px; padding: 5px; float: left;}
.right {width: 185px; padding: 5px; float: right;}
.content_one {padding: 10px;}
.content_two {margin-left: 199px; padding: 10px;}
.content_two_right {margin-right: 199px; padding: 10px; }
.content_three {margin-left: 199px; margin-right: 199px;}

.title_menu_right {width: 250px; float: right; text-align: right;}

.logo_area_left {margin-right: 405px;}
.logo_area_right {width: 250px; float: right;}
.main_logo {margin: 20px 0 0 20px;}

/*Colors, format*/

.channel_area { color: #ffffff; font-size: 1.5em; padding: 0 0 0 5px; height: 40px; vertical-align: middle; line-height: 40px;}
.channel_area_members {background: #df0808 url(/Layouts/NAHP/images/channel_members_bg.jpg) repeat-x 0 0; }
.channel_area_schools {background: #003680 url(/Layouts/NAHP/images/channel_schools_bg.jpg) repeat-x 0 0; }

.title_menu_right {text-align: right; padding-right: 8px;}
.title_menu_right ul {list-style-type: none; padding: 0;}
.title_menu_right li {padding: 5px 0 5px 0;}
.title_menu_right li a {text-decoration: none; font-family: "Times New Roman", "Sans-Serif"; font-size: 2.0em; color: White;}

.quick_menu {}
.top_area, .top_area a {font-size: .85em; text-align: right; font-weight: bold; color: black; line-height: 24px; padding-right: 5px;}
.content {color: #333333;  padding: 10px;}
.content h1,h2,h3,h4,h5 {margin: 0 0 5px 0; padding: 0; font-weight: normal; color: #565656;}
.content h1 {font-size: 2.5em; color: #565656; font-family: "Times New Roman", "Sans-Serif"; }
.content h2 {font-size: 1.25em; color: Black; font-family: Tahoma, "Sans-Serif"; font-weight: bold;}
.content h3 {font-size: 1.0em; color: gray; font-weight: bold; }
.right h1,.left h1 {font-size: 1.25em;}
.right {text-align: right;}

div.menu_list {padding: 0; margin: 0; margin-top: 10px;}
div.menu_list ul {list-style-type: none; padding: 0; margin: 0; }
div.menu_list li {padding: 0; margin: 0; color: #565656; border-bottom: solid 1px #CDCDCD;}
div.menu_list li:hover {background-color: #ebebeb; color: #005B9C;}
div.menu_list a {text-decoration: none; color: #565656;}
div.menu_list a:hover {color: #005B9C;}

div.main_menu {padding: 0px; margin: 5px 0 0 20px; vertical-align: bottom; text-align: center;}
div.main_menu ul {list-style-type: none;  padding: 0; margin: 0; }
div.main_menu li {display: inline; margin: 0; }
div.main_menu li a { text-align: left;padding: 0 10px 0 5px; margin: 0; line-height: 25px; text-decoration: none; color: white; background: transparent url(/layouts/NAHP/images/separator.gif) no-repeat scroll right center;}
div.main_menu a:hover {color: #AAAAAA;}

div.MessageBox {padding: 5px;  margin: 5px;}
div.ErrorBox {padding: 5px;  margin: 5px;}

div.school_menu li a {padding: 0 10px 0 8px; text-decoration: none; color: white; background: transparent url(/layouts/NAHP/images/separator_red.gif) no-repeat scroll right center;}
div.school_menu a:hover {color: #ffa1a1;}

div.clear {clear: both;}
div.margin_top {margin-top: 20px;}

/*
.right {border: solid 1px blue;}
.content_two_right {border: solid 1px blue;}
*/

div.MessageBox {background-color: #F7F7F7; border: solid 1px #E0E0E0; padding: 5px;}
div.MessageBox h1 {font-size: 1.5em;}
div.ErrorBox {border: solid 1px #FF9900; font-family: "Courier New"; padding-left: 50px; background: #FFE3B8 url(/images/icon_error.png) no-repeat 10px 10px;}
div.InfoBox {border: solid 1px #6b99c5; font-family: "Courier New"; padding-left: 50px; background: #dde7f2 url(/images/icon_information.png) no-repeat 10px 10px;}
div.InfoBox h1 {color: #4a5e98; margin: 0;}
div.MessageBox p {margin: 0;}



/*Form tables*/
table.Form {font-size: .9em; font-family: Arial;}
table.Form th {text-align: left; font-weight: bold; white-space: nowrap; border-bottom: solid 1px #cfcfcf;}
table.Form td {text-align: left; padding: 2px; border-bottom: solid 1px #cfcfcf;}

/*Validators*/
.ValidationSummary, .ValidationItem {font-weight: bold; color: Red;}
.ValidationItem {font-size: 1.5em;}

/*Admin stuff*/
.ButtonBar {width: 300px; float:right; text-align: right;}
.TimeStamp {font-family: Verdana, Sans-Serif; font-size: .7em; font-weight: bold;}
.AccordianNormal {padding: 4px; background-color: #003680; color: White; margin: 2px;}
.AccordianSelected {padding: 4px; background-color: #8abafb; color: White; margin: 2px;}
.Accordian {border: solid 1px gray; padding: 5px;}

.smallnote {color: Gray; }
Form .price_list td {text-align: right;}


