/* CSS Style Sheet */
/* Main CSS */
/* Written by Tanner Naeher, Coyote6 GraphX - coyote6.com */

/* Defaults. */
* {margin: 0px; padding: 0px;}
html, body, th, tr, td, p, ul, li, h1, h2, h3, h4, h5, h6, i, div {color: #000000; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; font-style: normal; border: #000000 solid 0px;}

/* Background and page settings. */
html {background: #FFFFFF url('/Images/Common/bg.jpg') no-repeat 50% 300px;}
#page_container_1 {background: transparent; position: absolute; top: 0px; left: 50%;}
#page_container_2 {position: absolute; top: 0px; left: -400px; width: 800px;}
#page_content {position: relative; top: -50px; left: 125px; width: 600px; margin-bottom: 100px; min-height: 200px;}
ul, li {background: transparent; list-style-type: none;}

/* Links. */
a {color: #0818C7; font-size: 12px; text-decoration: none;}
a:link {color: #0818C7; text-decoration: none;}
a:hover {color: #CD853F; text-decoration: underline;}
a:active {color: #CD853F; text-decoration: none;}
a:visited {color: #0A1Df2; text-decoration: none;}

/* Main logo and subtext. */
h1 {color: #0818C7; font-size: 16px; font-weight: bold; text-align: center; text-indent: -9999px; background: #FFFFFF url('/Images/Common/banner.jpg') no-repeat 0px 0px; width: 800px; height: 200px;}
#geo_lab {color: #CD853F; font-size: 12px; font-weight: bold; text-align: center; text-indent: -9999px; width: 800px;}
#jmh {color: #CD853F; font-size: 12px; font-weight: bold; position: absolute; top: 130px; left: 310px; width: 290px; height: 50px; z-index: 10px;}

/* Date. */
#date {color: #666666; font-size: 11px; position: absolute; top: 131px; left: 600px; width: 200px; margin: 0px; padding: 0px;}

/* Login. */
#login_container {position: absolute; top: 10px; left: 580px; width: 210px; height: 77px; margin: 0px; padding: 0px;}
#login_box {background: transparent; width: 200px; height: 77px; margin: 0px; padding: 2px;}
#login_box fieldset {width: 196px; height: 75px; margin-top: 0px; margin-bottom: 0px; margin-left: 14px; margin-right: 0px; padding: 0px; border: #000000 solid 0px;}
#login_box p {color: #000000; position: relative; left: 0px; width: 186px; margin: 0px; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 0px; line-height: 2em;}
#login_box p.minor_error {font-size: 10px; width: 200px; padding-bottom: 0px;}
#usr_pass {padding-top: 3px;}
#usr_pass li {padding-top: 1px; padding-bottom: 1px;}
#usr_pass li input {position: relative; top: -1px;}
.login_labels {width: 85px; float: left; clear: left;}
.login_labels label {color: #000000; font-weight: normal; padding-left: 5px;}
#login {width: 186px;}
#login_submit {width: 50px; margin-left: 120px;}

/* User profile. */
#welcome {color: #333333; font-size: 11px; font-weight: bold; position: absolute; top: 10px; left: 600px; width: 200px; margin: 0px; padding: 0px; z-index: 1;}
#profile_links {position: absolute; top: 25px; left: 600px; width: 200px; z-index: 1;}
#profile_links li {display: inline; margin-right: 5px;}
#profile_links li a {font-size: 10px; font-weight: normal;}
#profile_links li a, #profile_links li a:link, #profile_links li a:visited {color: #333333; text-decoration: none;}
#profile_links li a:hover {color: #CC1100; text-decoration: underline;}
#profile_links li a:active {color: #CC1100; text-decoration: none;}

/* Page titles. */
h3 {color: #0818C7; font-size: 16px; font-weight: bold; text-align: center; width: 675px; padding-bottom: 25px;}
h4 {color: #CD853F; font-size: 10px; font-weight: bold; text-align: center; width: 675px; position: relative; top: -25px;}

/* Nav. */
#nav {position: absolute; top: 225px; width: 115px; height: 200px; padding-top: 20px; padding-left: 5px; display: block; z-index: 1;}
.nav_pic {background: transparent url('/Images/Common/nav.jpg') no-repeat 0px 0px;}
.nav_med {background: transparent url('/Images/Common/nav_lg.jpg') no-repeat 0px 0px;}
.nav_lg {background: transparent url('/Images/Common/nav_lg.jpg') no-repeat 0px 0px;}
.nav_ext {background: transparent url('/Images/Common/nav_ext.jpg') no-repeat 0px 0px;}
#nav li {background: transparent; width: 115px; display: block; padding: 2px;}
#nav li a {font-size: 13px;}
#nav li a, #nav li a:link, #nav li a:visited {color: #FFFFFF; text-decoration: none;}
#nav li a:hover {color: #CD853F; text-decoration: underline;}
#nav li a:active {color: #CD853F; text-decoration: none;}

/* Sub navs. */
.sub_nav {width: 800px; display: inline;}
.sub_nav li {padding-right: 10px; display: inline;}

/* Footer logo. */
#jmh_logo {color: #CD853F; font-size: 12px; font-weight: bold; text-align: center; text-indent: -9999px; background: #FFFFFF url('/Images/Common/jmh.jpg') no-repeat 0px 0px; position: relative; top: -253px; left: 40px; width: 100px; height: 115px; z-index: 10px;}
#jmh_logo:hover, #jmh_logo:active {background: #FFFFFF url('/Images/Common/john_and_kids.jpg') no-repeat 0px 0px;}

/* Footer nav. */
#footer_nav {color: #FFFFFF; text-align: center; background: #FFFFFF url('/Images/Common/footer.jpg') no-repeat 0px 0px; position: relative; top: -30px; width: 800px; height: 150px; padding-top: 75px; padding-bottom: 15px; padding-left: 50px; display: block; clear: both;}
#footer_nav li {color: #FFFFFF; background: transparent; display: inline; padding: 3px;}
#footer_nav li a {color: #CD853F; font-size: 12px;}
#footer_nav li a:link, #footer_nav li a:visited {color: #CD853F; text-decoration: none;}
#footer_nav li a:hover, #footer_nav li a:active {color: #FFFFFF; text-decoration: underline;}

/* Web design. */
#web_design {position: relative; top: -290px; width: 675px; margin-top: 0px; margin-left: 125px; padding-bottom: 5px;}
#web_design p {color: #AAAAAA; font-size: 10px; text-align: center; padding-top: 0px; padding-bottom: 0px;}
#web_design p a, #web_design p a:link, #web_design p a:hover, #web_design p a:visited {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: underline;}
#web_design p a:active {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: none;}

/* Main error message. */
#main_error_message {text-align: center; position: relative; top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; z-index: 10;}

/* Tables. */
table, thead, tbody, tfooter, tr, th, td {vertical-align: middle;}

/* Labels. */
#label {font-weight: bold;}

/* Other headers. */
h5 {color: #0000FF; font-weight: bold;}
h6 {color: #000000; font-weight: bold;}

/* Common classes. */
.error {color: #FF0000; font-weight: bold;}
.minor_error {color: #FF0000;}
.minor_error_input {color: #FF0000; border: #FF0000 solid 1px;}
.success {color: #006600;}
.selected {background: #FF0000;}
.odd_row, .odd_row p {background: #DDDDDD;}
.even_row, .even_row p {background: #CCCCCC;}
.day {width: 45px;}
.month {width: 90px;}
.year {width: 60px;}
.hide {display: none;}

/* Specific incomplete changes. */
#nav li.incomplete:hover ul {display: none;}