/*
 * layout.css
 *
 * contains layout and content placement information for Star RTQ
 *
 * history:
 *    28 Jul 08: file created - sjr
 *    25 Nov 08: modified to increase content font size - sjr
 *    13 Mar 09: modified to increase accessibility with viewing in largest font size in IE - sjr
 *
 */

body {
   font-size: 62.5%;
   font-family: verdana, helvetica, arial, sans-serif;
   }

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; }
h2, h3, h4 { margin: 0 0 0.83em 0; padding: 0; }
h5, h6 { margin: 0; padding: 0; }

h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

p, li, td, th, input, select, textarea, blockquote { font-size: 1.2em; font-family: arial, helvetica, verdana, sans-serif;}

p { margin: 0 0 1em 0; padding: 0; border: 0;}

blockquote { font-style: italic; }

ul { margin: 0.23em 0 1.23em 0; padding: 0 0 0 3.5em; }
ul li { margin: 0 0 0.41em 0; padding: 0;}

ol { margin: 0.23em 0 1.23em 0; padding: 0 0 0 3.5em; }
ol li { margin: 0 0 0.41em 0; padding: 0; }

img { border: 0; margin: 0; padding: 0; display: block; }

.clearboth { clear: both; }
.zeroheight { height: 0; }

ul.nobullets { list-style-type: none; padding-left: 2em; }

/* **************************************************************** */
/* main */

   body {
      margin: 0;
      padding: 0;
      background-color: #1f4075;
      }

   #wrapper {
      position: relative;
      margin: 0 auto;
      padding: 0;
      background: #ffffff url(../img/star-header-bg.gif) repeat-x;
      width: 750px;
      }

   body.home_page #wrapper {
      width: 750px;
      }

   #wrapper h1 {
      position: relative;
      margin: 0;
      padding: 0;
      width: 750px;
      height: 105px;
      overflow: hidden;
      color: #c87a25;
      }

   #wrapper h1 span {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #ffffff url(../img/star-header.gif) no-repeat;
      }

/* **************************************************************** */
/* accessible 'skip-nav' */
.accessibletext { text-indent: -3000px; height: 1px; overflow: hidden; }

.skip { position: absolute; top: -4em; display: none; color: white; background: black; }
* html .skip { display: block; position: absolute; top: -4em; left: 0; z-index: 99; color: white; background: black; }
html:not([dummy]) .skip { display: block; position: absolute; top: -4em; left: 0; z-index: 99; color: white; background: black; }

.skip a { padding: 0 0.5em; left: 0; width: 14.2em; z-index: 0; color: white; }
.skip a:hover { cursor: default; }
.skip a:focus, .skip a:active { display: inline; z-index: 99; text-decoration: none; position: absolute; top: 6.5em; left: 0; color: white; background: black; border: 1px solid black; }

/*
   star_skip_over_SECTION_NAME
   star_skip_back_SECTION_NAME
 */

/* list all star 'skips' here with 'a#' */
/* don't forget the commas! */
.skip a#star_skip_over_navigation,
.skip a#star_skip_back_navigation,
.skip a#star_skip_over_quicklinks,
.skip a#star_skip_back_quicklinks,
.skip a#star_skip_back_corpnav,
.skip a#star_skip_over_corpnav
{ position: absolute; top: -9em; width: 20em; height: 1.2em; }

/* list all star 'skips' here with :focus and :active */
/* don't forget the comma between sets of two */
.skip a#star_skip_back_navigation:focus, .skip a#star_skip_back_navigation:active,
.skip a#star_skip_over_navigation:focus, .skip a#star_skip_over_navigation:active,
.skip a#star_skip_back_quicklinks:focus, .skip a#star_skip_back_quicklinks:active,
.skip a#star_skip_over_quicklinks:focus, .skip a#star_skip_over_quicklinks:active,
.skip a#star_skip_back_corpnav:focus, .skip a#star_skip_back_corpnav:active,
.skip a#star_skip_over_corpnav:focus, .skip a#star_skip_over_corpnav:active
{ position: absolute; z-index:99; left: 0em; color: white; background: black; border: 1px solid black; }

/* list all star 'skips' here with :focus and :active (yes, again) in order on the page
   --> put at least 2em between each 'top' */
.skip a#star_skip_back_navigation:focus, .skip a#star_skip_back_navigation:active { top: 10em; }
.skip a#star_skip_back_quicklinks:focus, .skip a#star_skip_back_quicklinks:active { top: 15em; }
.skip a#star_skip_over_quicklinks:focus, .skip a#star_skip_over_quicklinks:active { top: 20em; }
.skip a#star_skip_over_navigation:focus, .skip a#star_skip_over_navigation:active { top: 25em; }
.skip a#star_skip_back_corpnav:focus, .skip a#star_skip_back_corpnav:active { top: 30em; }
.skip a#star_skip_over_corpnav:focus, .skip a#star_skip_over_corpnav:active { top: 35em; }


/* **************************************************************** */
/* cent_con */

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

/* **************************************************************** */
/* home_nav */

   #home_navigation {
      margin: 3em 0;
      padding: 0;
      background: url(../img/star-homepage.jpg) no-repeat;
      width: 750px;
      height: 272px;
      }

   #home_navigation ul {
      margin: 132px 0 0 0;
      padding: 0;
      font-weight: bold;
      color: white;
      list-style-type: none;
      float: left;
      width: 750px;
      height: 70px;
      }

   #home_navigation ul li {
      margin: 0;
      padding: 0;
      float: left;
      font-size: 1.1em;
      }

   #home_navigation ul li a {
      position: absolute;
      color: white;
      display: block;
      width: 250px;
      height: 74px;
      text-decoration: none;
      text-indent: -9999px;
      overflow: hidden;
      background: url(../img/star-homepage_nav.jpg) no-repeat;
      }

   #home_navigation ul li#homenav_about a {
   	left: 0;
   	background-position: 0 0;
   	}

   #home_navigation ul li#homenav_parents a {
   	left: 250px;
   	background-position: -250px 0;
   	}

   #home_navigation ul li#homenav_educators a {
   	left: 500px;
   	background-position: -500px 0;
   	}

   #home_navigation ul li#homenav_about a:hover {
   	background-position: 0 -74px;
   	}

   #home_navigation ul li#homenav_parents a:hover {
   	background-position: -250px -74px;
   	}

   #home_navigation ul li#homenav_educators a:hover {
   	background-position: -500px -74px;
   	}

   #home_navigation p {
      clear: both;
      margin: 0 0 0 9em;
      padding: 4.9em 0 0 0;
      color: #1f4075;
      width: 35em;
      }

/* **************************************************************** */
/* contents */

   #contents {
      margin: 1em 1em 0 2em !important;
      margin: 1em 1em 0 1em;
      padding: 0;
      float: left;
      width: 72%;
      }

   #contents h2 {
      color: #c87a25;
      }

   #contents h3, #contents h4 {
      color: #1f4075;
      }

   #contents a, #contents a:visited {
      color: #1f4075;
      }

   #contents a:hover {
      color: #c87a25;
      }

   #contents ul {
      list-style-image: url(../img/bullet.gif);
      }

   #contents ul.nobullets {
      list-style-image: none;
      }

   #contents table.search {
      text-align: right;
      margin: 0 0 2em 7em;
      padding: 0;
      }

   #contents table.search td {
      margin: 0;
      padding: 0 0 0.75em 5em;
      }

   #contents table.search select {
      margin: 0;
      padding: 0;
      width: 16em;
      font-size: 1em;
      }

   #contents table.search input#submit_button {
      margin: 0;
      padding: 0 0 0.3em 0;
      color: #1f4075;
      width: 88px;
      height: 24px;
      border: 0;
      background: url(../img/button-search.gif);
      font-weight: bold;
      }

   #contents table.search input#submit_button:hover {
      color: white;
      }

/* **************************************************************** */
/* results */

   #results {
      margin: 0 0 1em 0;
      padding: 0;
      }

   #results h3 {
      margin: 0.75em 1em 0.1em 1.5em;
      padding: 0;
      color: #1f4075;
      font-size: 1.3em;
      }

   #results_wrapper {
      margin: 0;
      padding: 0 0 0.3em 0;
      background: white url(../img/star-questbar-bg-bottom.gif) bottom repeat-x;
      }

   #results_tabs {
      margin: 0;
      padding: 0.2em 0 0 0;
      }

   #results_tabs_left {
      margin: 0;
      padding: 0;
      float: left;
      }

   #results_tabs_left ul#tabs {
      list-style-type: none;
      margin: 0;
      padding: 0;
      height: 3.4em;
      float: left;
      }

   #results_tabs_left ul#tabs li {
      float: left;
      text-align: center;
      margin: 0 0 0 1em;
      padding: 0.8em 0 1px 0 !important;
      padding: 0.8em 0 0 0;
      line-height: 22px;
      height: 2.2em !important;
      height: 2.3em;
      width: 130px;
      font-size: 1.1em;
      }

   #results_tabs_left ul#tabs li#testing {
      line-height: 1.0em;
      }

   #results_tabs_left ul#tabs li.on {
      background: url(../img/star-questtab-over.gif) no-repeat top right;
      color: white;
      }

   #results_tabs_left ul#tabs li.off {
      background: url(../img/star-questtab-up.gif) no-repeat top right;
      color: #1f4075;
      }

   #results_tabs_left ul#tabs li.off a {
      text-decoration: none;
      color: #1f4075;
      }

   #results_tabs_left ul#tabs li.off a:hover {
      text-decoration: underline;
      }

   #results_tabs_right {
      margin: 0.4em 0 0.2em 0;
      padding: 0;
      float: right;
      }

   #results_tabs_right img {
      margin: 0.5em 1em 0 0;
      }

   #results_tabs_center {
      margin: 0 0 0 414px;
      padding: 0.4em 0 0 0;
      }

   #results_tabs_center h3 {
      margin: 0 0 0 0;
      padding: 0.6em 0 0.4em 0;
      float: left;
      }

   #results_tabs_center form {
      margin: 0;
      float: left;
      }

   #results_tabs_center a {
      text-decoration: none;
      color: #1f4075;
      }

   #results_tabs_center a:hover {
      text-decoration: underline;
      }

   #results_top {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #fab468;
      background: #dbe3ef url(../img/star-questbar-bg.gif) top repeat-x;
      height: 3em;
      }

   #results_top_left {
      margin: 0 0 0 4.4em !important;
      margin: 0 0 0 2.2em;
      padding: 0;
      float: left;
      }

   #results_top_left h3 {
      color: black;
      }

   #results_top_right {
      margin: 0;
      padding: 1em 0 0 0;
      float: right;
      }

   #results_top_right img {
      margin-right: 1em;
      }

   #results_top_center {
      margin: 0 0 0 348px;
      padding: 1em 0 0 0;
      }

   #results_top_center h3 {
      margin: 0 1.5em 0.1em 1.5em;
      float: left;
      }

   #results_top_center form {
      margin: 0;
      float: left;
      }

   #results_top_center img {
      float: left;
      }

   #results_content {
      margin: 1em 0 2em 0;
      padding: 0;
      font-size: 1.1em;
      }

   #results_content h4 {
      margin: 1em 2em 1em 1.5em;
      }

   #results_content h4.results_bar {
      margin: 1em 0;
      padding: 0.1em 1.6em;
      border-top: 1px solid #fab468;
      border-bottom: 1px solid #fab468;
      background-color: #dbe3ef;
      font-size: 1.2em;
      }

   #results_content p {
      margin: 1em 1em 1em 3em;
      padding-left: 1.25em;
      }

   #results_content .smalltext {
      font-size: 0.8em;
      }

   #results_content table {
      margin-left: 2em;
      font-size: 0.8em;
      }

   #results_content ol, #results_content ul {
      margin: 1em 5em 1em 8em;
      padding: 0;
      }

   #results_content ol li.answer, #results_content ul li.answer {
      color: #007236;
      font-weight: bold;
      }

   #results_content ol.upper_alpha {
      list-style-type: upper-alpha;
      }

   #results_content p.results_note {
      margin-left: 3.8em;
      *margin-left: 3.4em; /*ie only*/
      }

   #results_content a, #results_content a:visited {
      color: #1f4075;
      }

   #results_content a:hover {
      color: #c87a25;
      }

   #results_testing h3 {
      position: absolute;
      left: -10000px;
      }

   #results_content .expanded  {
      position: static;
      display: block;
      }

   #results_content .collapsed {
      position: absolute;
      left: -10000px;
      top: -10000px;
      display: block !important;
      display: none;
      }

   #results_content img.floatright {
      float: right;
      }

   #results_content p.textright {
      text-align: right;
      }

   #results_content .collapsed img.floatright, #results_content .collapsed p.textright {
      display: none;
      }

/* **************************************************************** */
/* results_table */

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

   #results_table table#results_list {
      margin: 0 0 0.3em 0;
      padding: 0;
      width: 100%;
      border-collapse: collapse;
      }

   #results_table table#results_list tr {
      margin: 0;
      padding: 0;
      background-color: #f2f9ff;
      }

   #results_table table#results_list tr.even {
      background-color: white;
      }

   #results_table table#results_list tr td {
      margin: 0;
      padding: 0.25em 0 0.25em 1.3em;
      border-bottom: 1px solid #deecee;
      }

   #results_table table#results_list tr td.number {
      padding: 0.25em 0 0.25em 0;
      width: 4em;
      text-align: right;
      }

   #results_table table#results_list tr td a {
      color: #1f4075;
      text-decoration: none;
      }

   #results_table table#results_list tr td a:hover {
      text-decoration: underline;
      }

   #results_table form {
      margin: 0;
      }

/* **************************************************************** */
/* quicklinks */

   #quicklinks {
      margin: 4.6em 2em 1em 0 !important;
      margin: 4.6em 1em 1em 0;
      padding: 0;
      background-color: #dbe3ef;
      float: right;
      width: 18.5%;
      }

   #quicklinks h3 {
      margin: 1em 1em 0.5em 1em;
      padding: 0.25em 0 0.1em 0;
      border: 1px solid #fab468;
      color: #1f4075;
      background-color: white;
      font-size: 1.6em;
      text-align: center;
      }

   #quicklinks ul {
      margin: 0 1.6em 0 2.3em;
      padding: 0;
      list-style-image: none;
      list-style-type: none;
      font-weight: bold;
      font-size: 1.0em;
      }

   #quicklinks ul li {
      margin: 0 0 1.5em 0;
      padding: 0;
      }

   #quicklinks a, #quicklinks a:visited {
      color: #1f4075;
      }

   #quicklinks a, #quicklinks a:visited {
      text-decoration: none;
      }

   #quicklinks a:hover {
      color: #1f4075;
      text-decoration: underline;
      }

/* **************************************************************** */
/* mainnav */

   #main_navigation {
      position: absolute;
      margin: 0;
      padding: 0;
      top: 79px;
      left: 86px;
      font-size: 1.1em;
      font-weight: bold;
      }

   #main_navigation ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      }
   #main_navigation li {
      display: inline;
      margin: 0;
      padding: 0 1em;
      }

   #main_navigation a {
      color: #1f4075;
      background: transparent;
      text-decoration: none;
      }

   #main_navigation a:hover {
      text-decoration: underline;
      }

/* **************************************************************** */
/* footer */

   #footer {
      margin: 0;
      padding: 0;
      clear: both;
      color: #1f4075;
      font-size: 0.9em;
      border: 1px solid white;
      }

   #footer p {
      margin: 0;
      padding: 0;
      font-size: 1.1em;
      }

   #footer_left {
      margin: 2.5em 0 0 2em !important;
      margin: 2.5em 0 0 1em;
      padding: 0;
      float: left;
      }

   #footer_right {
      margin: 0;
      padding: 0;
      float: right;
      }

   #footer_right p {
      position: relative;
      width: 155px;
      height: 50px;
      overflow: hidden;
      }

   #footer_right p span {
      position: absolute;
      margin: 0;
      padding: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #ffffff url(../img/star-cde-name.gif) no-repeat;
      }

/* **************************************************************** */
/* popup */

   body.popup_page {
      background-color: #ffffff;
      }

   body.popup_page #wrapper {
      margin: 0 0 1em 0;
      width: 675px;
      background: #ffffff;
      }

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

   #popup_print {
      margin: 0.75em 1.75em 1.25em 0;
      padding: 0;
      float: right;
      }

   #popup_content {
      margin: 1.5em;
      padding: 0;
      clear: both;
      }

   #popup_content h2 {
      color: #c87a25;
      }

   #popup_content h3 {
      color: #1f4075;
      }

   #popup_content h4 {
      color: #000000;
      }

/* **************************************************************** */