/* Import the common styles from the paemst.css file */
@import url(paemst.css);

/* BASIC ELEMENTS */

body {
   margin: 0;
   padding: 0;
   text-align: center;
   background-color: #666;
}

p, ul {
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 1.4em;
   font-size: 13px;
   margin-top: 10px;
}

a {
   color: #00336d;
}

a:hover {
   color: #990000;
}

img {
   margin: 0;
   padding: 0;
   border: none;
}

ul {
   margin-top: 0;
   padding-top: 0;
}

ul li {
   margin-bottom: 6px;
}

h1 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 24px;
   font-weight: normal;
   color: #990000;
}

h2 {
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-size: 14px;
   margin-bottom: 3px;
   padding-bottom: 0px;
   margin-top: 0;
   padding-top: 0;
}

h3 {
   color: #990000;
   padding: 6px 0;
   margin: 0;
   font-size: 14px;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
}

div#data_entry h3 {
   color: #00336D
}

acronym {
   border-bottom: 1px dotted black;
}

/* COMMON CLASSES */

.hide {  /* hides accessibility markup from sighted users */
   height: 0;
   width: 0;
   overflow: hidden;
   position: absolute;  /* for the benefit of IE5 Mac */
}

div.hr_dashed {
   background-image:url(../images/hr_dashed.gif);
   background-repeat: repeat-x;
   height: 6px;
   margin: 16px 0px;
   clear:both;
}

.button {
   background-color: #00336d;
   color: #fff;
   font-weight: normal;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   -moz-border-radius: 24px;
   -webkit-border-radius: 24px;
   font-size: 13px;
   padding: 3px 6px;
   border: 1px solid #00336d;
   text-decoration: none;
   cursor: pointer;
}

.button_disabled {
   background-color: #888888;
   color: #fff;
   font-weight: normal;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   -moz-border-radius: 24px;
   -webkit-border-radius: 24px;
   font-size: 13px;
   padding: 3px 6px;
   border: 1px solid #888888;
   text-decoration: none;
}

a:hover.button {
   color: #fff;
}

span.required_bullet {
   color: red;
   font-size: 1.1em;
}

#browser_warning {
   display: none;
}

#messages {
   padding: 10px 0 10px 0;
   color: green;
}

#messages ul, #messages li {
   padding: 0;
   margin: 0;
}

#messages li {
   list-style: none;
}

.message {
   color: green;
}

.error {
   color: red;
}

.breadcrumb {
   margin: 10px 0;
   font-size: 12px;
   color: #333;
}

label.error {
   display: block;
}

input.email {
   width: 20em;
}

input.big_email {
   width: 400px;
   height: 2em;
   padding: 10px 5px 0 5px;
   font-size: 1.4em;
}

input.name {
   width: 15em;
}

input.address {
   width: 20em;
}

input.username {
   width: 10em;
}

input.password {
   width: 10em;
}

input.other {
   width: 25em;
}

.important_box {
   background: #e4eef2;
   border: 1px outset #996;
   margin: .5em 0 .5em 0;
   padding: .5em;
   line-height: 1.5em;
}


/* PAGE WRAPPER, HEADER, NAVIGATION */
#page_wrapper {
   width: 940px;
   margin: 5px auto;
   padding: 0;
   text-align: left;
   border: 3px double #ccc;
}

#header {
   background-color: #00336d;
   padding: 50px 0 18px 180px;
   background-image: url(../images/paemst_seal_part1.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}

#global_nav {
   background-color: #00336d;
   background-image:url(../images/gnav_bg_with_seal.gif);
   background-repeat: no-repeat;
   background-color: #ccc;
   border-bottom: 1px solid #ccc;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: .01em;
   margin: 0;
   padding: 6px;
   width: 928px;
   font-weight: bold;
   color: #111;
}

#global_nav ul {
   padding: 0;
   margin: 0 0 0 180px;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
}

#global_nav ul li {
   margin-left: 6px;
   display: inline;
   padding: 6px 12px;
   line-height: 1.7em;
}

#global_nav ul li.selected, #global_nav ul li:hover {
   background-image: url(../images/gnav_selected_bg.gif);
   background-repeat: repeat-x;
   background-position: top;
}

#global_nav a {
   text-decoration: none;
   white-space: nowrap; /* to ensure that the entire link moves to the second line if font size is increased */
}

#nav_to_portals {
   margin: 0 auto;
   padding: 7px 0 0 0;
   width: 900px;
   text-align: right;
   color: #d5e5eb;
}

#nav_to_portals a {
   color: #fff;
}

#nav_to_portals ul li {
   display: inline;
   margin-left: 12px;
}

#nav_to_portals ul {
   margin: 0;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   letter-spacing: .02em;
   font-size: 12px;
}

/* FOOTER */

#footer {
   background-color: #ccc;
   border-top: 3px double #fff;
   font-size: 13px;
   text-align: center;
   width: 940px;
   padding: 9px 0 20px 0;
   margin: 0 auto;
}

#footer p {
   margin: 0;
   padding: 0;
}

#credits {
   margin: 0 auto;
   padding-top: 12px;
   text-align: center;
   line-height: 1.2em;
   width: 500px;
   margin-left: 200px;
}

#footer img {
   float: right;
   margin-right: 100px;
}


/* MAIN CONTENT */

#main_content {
   padding: 18px 20px;
   width: 900px;
   float: left;
   background-color: #fff;
}

/* HOME PAGE */

#home #primary_column {
   width: 557px;
   float: left;
   padding-top: 0px;
   padding-left: 3px;
   margin-left: 0px;
}

#home #secondary_column {
   float: right;
   width: 322px;
}

#promo #primary_column {
   width: 650px;
   float: left;
   padding-top: 0px;
   padding-left: 3px;
   margin-left: 0px;
}

#promo #secondary_column {
   float: right;
   width: 229px;
   margin-top: 65px;
}

#promo #secondary_column div {
   margin-bottom: 40px;
}

#home #primary_column h1 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 24px;
   font-weight: normal;
   color: #990000;
}

#home h2, #promo h2 {
   text-transform: uppercase;
   color: #990000;
}

#home #photo_feature_box {
   border: 6px solid #ccc;
   padding:3px;
}

#home #photo_feature_box h2 {
   margin-top: 12px;
   margin-left: 15px;
}

#home p.secondary_column {
   padding: 3px 15px;
   margin-bottom: 0;
   font-size: 13px;
}

#home #secondary_column ul {
   padding-top: 0px;
   margin-top: 0px;
   font-size: 13px;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-weight: bold;
   line-height: 1.6em;
   list-style: none;
}

div#nominate, div#apply {
   float: left;
}

div#nominate_button, div#apply_button {
   float: left;
   padding-bottom: 6px;
}

div#nominate, div#nominate_button {
   width: 230px;
   padding-right: 24px;
}

div#apply, div#apply_button {
   width: 250px;
}

#home #thumb_caption {
   padding: 0;
   margin: 3px;
   font-size: 12px;
   font-weight: bold;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   text-align: center;
}

#home #thumb_caption #thumb_sub_caption {
   font-size: 11px;
   color: #666;
}

#photo {
   width: 800px;
   height:  740px;
}

#photo #caption {
   width: 755px;
   margin: 10px 0 0 10px;
   padding: 10px;
   background-color: #fff;
   border: 2px solid #000;
}

/* LOGIN BOX */

#login_box {
   background-color: #e4eef2;
   padding: 0px 4px 4px 4px;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-size: 12px;
   margin-top: 0px;
}

#login_box_head {
   background-color: #818486;
   padding: 4px 4px 0 4px;
   margin-top: 24px;
   margin-bottom: 0px;
}

#login_box_head h2 {
   background-color: #818486;
   color: #fff;
   border: 1px solid #bbbcbe;
   border-bottom: none;
   padding: 8px;
   margin: 0;
   font-size: 12px;
   font-weight: bold;
}

#login_box form {
   margin: 0;
   border-color: #fff;
   padding: 8px 0px;
}

p.login_box_input {
   margin: 3px 3px 6px 3px;
}

#login_box label {
   float: left;
   clear: left;
   width: 70px;
   display: block;
   text-align: right;
   margin: 3px;
}

#login_box button {
   background-color: #91acc2;
   border-color: #91acc2;
   padding: 2px 9px;
   margin-left: 6px;
}

#login_box_forgot_pw {
   margin-left: 8px;
   font-size: 12px;
}

/* SUBPAGES */

#subpage #single_column {
   margin-left: 50px;
   margin-right: 50px;
}

#subpage #single_column h2 {
   color: #111;
   font-size: 16px;
   padding-top: 9px;
   border-top: 1px solid #ccc;
}

#subpage #single_column h2.first_header {
   border: none;
}

/* FORMS */

form {
   border: 1px solid #ccc;
   padding: 12px 18px;
}

form h2 {
   padding: 6px 0px;
   margin: 6px 0px 12px 0px;
   border-bottom: 3px double #ccc;
   border-top: none !important;
}

form, form p {
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-size: 13px;
}

form.criteria_box {
   background-color: #eeeeee;
}

form.nostyle {
   border: 0;
   padding: 0;
}

span.parens {
   font-style: italic;
   color: #666;
}

fieldset {
   border: none;
   padding-top: 0;
   margin-top: 0;
   margin-bottom: 18px;
}

fieldset p {
   margin: 3px 18px;
   padding: 0;
   font-weight: normal;
}

fieldset label {
   font-weight: normal;
}

#instrux {
   background-color: #eee;
   margin-top: 6px;
   padding: 12px;
   border: 1px solid #ccc;
   margin-bottom: 6px;
}

#instrux ul {
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-size: 12px;
   margin-bottom: 0;
   padding-bottom: 0;
}

#instrux p {
   margin-bottom: 0;
   padding: 6px 0px;
   font-family: "Trebuchet MS", "lucida grande", sans-serif;
   font-size: 12px;
}

.form_buttons {
   background-color: #e4eef2;
   border: 1px solid #ccc;
   padding: 12px;
   margin-top: 12px;
}

/*  TABLE FORMS */

table.form {
   width: 98%;
   border-collapse: collapse;
   padding: 5px;
}

td.form_label {
   color: #333;
   padding-right: 20px;
   padding-top: 10px;
   color: #333;
   text-align: right;
   width: 200px;
}

td.form_input {
   padding-top: 10px;
   vertical-align: middle;
}

td.submit_button {
   padding-top: 20px;
}

/*  FIND AWARDEES */

div.awardee_entry {
   border: 1px solid #ccc;
   float: left;
   height: 7.5em;
   margin-right: 12px;
   margin-top: 12px;
   padding: 18px;
   width: 348px;
}

div.awardee_entry img {
   float: left;
   border: 3px double #999;
   background-color: #fff;
}

div.awardee_details {
   margin-left: 100px;
}

div.awardee_details p {
   margin: 0;
   padding: 0;
   margin-bottom: 2px;
   font-family: Georgia, "Times New Roman", Times, serif;
}

div.awardee_details p.awardee_name {
   font-weight: bold;
   margin-top: 6px;
}

div.awardee_details p.awardee_school {
   font-style: italic;
}

div.awardee_details p.award_categories {
   padding-top: 12px;
}

/*  FIND STATE COORDINATORS */

#coordinator_results {
   padding: 0;
   margin: 0;
}

#coordinator_results ul {
   padding: 0;
   margin: 0;
}

#coordinator_results li {
   padding-top: 20px;
   padding-bottom: 20px;
   list-style: none;
   border-bottom: 1px solid #ccc;
}

#coordinator_results ul.expertise {
   padding: 0;
   margin: 10px 0 0 0;
}

#coordinator_results ul.expertise li {
   padding: 0px 0 0 20px;
   list-style: disc inside;
   border: none;
}

/* NOMINATION */

table.via {
   margin-left:  20px;
}

table.via td {
   vertical-align: top;
}

table.via label.checked {
   background-color: #e4eef2;
}

.nowrap {
   white-space: nowrap;
}

.center {
   text-align: center;
}

.example {
   color: #999;
   text-align: center;
}

.invisible {
   display: none;
}

div.timeline {
   padding: 20px 0 20px;
}

div.timeline table {
   margin: auto;
   border-collapse: collapse;
}

div.timeline table th {
   padding: 0px 10px 0 10px;
   text-align: left;
   border-bottom: 1px solid #000;
}

div.timeline table td {
   padding: 10px 10px 0 10px;
   text-align: left;
}

#contact_us {
   margin: 0;
   padding: 0;
}

/* AWARDEE PORTAL */
table.application_documents_table {
   margin: 0;
   margin-top: 10px;
   padding: 0;
   font-size: 1em;
   border-collapse: collapse;
   empty-cells: show;
   width: 640px;
}

table.application_documents_table tr.sub_heading {
   border-bottom: 1px solid #D7D7D7;
}

table.application_documents_table td {
   padding: 6px 6px 6px 10px;
   border: none;
}

table.application_documents_table td.last_row {
   padding-bottom: 16px;
}

table.application_documents_table td.first_row {
   padding-top: 10px;
}