/* Main body and element */

html  {
 width: 100%;
 height: 100%;
 background: #9d9d9d;
}

body 
{
 position: relative;
 margin: 0;
 padding: 0;
 color: #000;
 font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
 font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
 _text-align: center; /* 1st part of IE5/IE6quirks centering hack */

  display: table;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  height: inherit;
}

body.front-page
{
  background: #9d9d9d url(images/main.gif) center repeat-y;
}

body.content-page
{
  background: #9d9d9d url(images/main-content.gif) center repeat-y;
}

a:link, a:visited {
 color: #003399;
 text-decoration: underline;
}

a:hover {
 color: #e54420;
}

#content, #left-sidebar, #right-sidebar
{
 _display: inline; /* display inline or double your floated margin! [1] */
 _overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
 _overflow-y: visible;
}

/* page wrapper */
#wrapper
{
 margin-left: auto;
 margin-right: auto;
 width: 900px;
 
 /* Use a 12px base font size with a 16px line height */
 font-size: 0.75em; /* 16px x .75 = 12px */
 line-height: 1.333em; /* 12px x 1.333 = 16px */
 
 _text-align: left; /* 2nd part of IE5/IE6quirks centering hack */

}

/* header */
#header
{
 position: relative;
 height: 177px;
 margin: 0;
 background: url(images/header.jpg) no-repeat;
 font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

/* hide the h1 text and replace with image */
#header h1 
{
 margin: 0;
 padding: 0;
 text-indent: -10000px;
 position: absolute;
 left: 23px;
 top: 33px;
 width: 95px;
 height: 109px;
 background: url(images/logo.jpg) no-repeat;
}

#header-links {
 float: right;
 margin: 5px 20px;
 color: #d1e2f4;
 font-size: 0.95em;
}

#header-links a {
 color: #d1e2f4;
 text-decoration: none;
}

#header-links a:hover {
 text-decoration: underline;
}

/* main content area */
#content {
 float: left;
}

/* front page layout styles */
.front-page #content
{
 width: 510px;
 margin-left: 205px;
 margin-right: -715px;
}

.front-page #right-sidebar
{
 float: left;
 width: 185px;
 margin-left: 715px;
 margin-right: -900px;
 padding: 0;
}


/* content page layout styles */
.content-page #content
{
 width: 695px;
 margin-left: 205px;
 margin-right: -900px;
}

.content-page #right-sidebar
{
 float: right;
 width: 185px;
 margin-bottom: 30px;
 margin-left: 30px;
 padding: 0;
 border-left: 1px solid #9d9d9d;
 border-bottom: 1px solid #9d9d9d;
 background: #d1e1f4;
}

.content-page #content p
{
 margin-top: 0;
}

.content-page #content-wrapper 
{
 padding: 10px 30px;
}

.content-page .right-sidebar-content {
 padding: 18px 14px;
 border-bottom: 1px solid #9d9d9d;
}

.content-page div.last {
 border-bottom: none;
}

.content-page #right-sidebar-inner {
 padding-left: 0;
}

.content-page #right-sidebar-inner dt {
 margin: 3px 0;
}

.content-page .document {
 margin: 10px 0;
 padding-left: 40px;
 background: url(images/pdf-document.gif) no-repeat;
}

/* left sidebar - menu */
#left-sidebar 
{
 float: left;
 width: 205px;
 margin-left: 0;
 margin-right: -205px;
 padding: 0;
}

#left-sidebar ul
{
 margin: 0;
 padding: 0;
 
}

#left-sidebar ul li
{
 list-style: none;
 
}

#left-sidebar ul li a
{
 padding-left: 16px;
 color: white;
 text-decoration: none;
 display: block;
 border-bottom: 1px #00234e solid;
 line-height: 37px;
 height: 37px;
}

#left-sidebar ul li a:hover, #left-sidebar ul li.active a
{
 color: #e54420;
}

#left-sidebar ul li.active a {
 background: #00234e;
 height: 27px;

}


#left-sidebar ul li.active {
 background: #00234e;
}

#left-sidebar ul li ol
{
display: none;
padding: 1px 16px 10px;
background: #00234e;
margin: 0 0 0 2px;
*margin: 0 0 0 6px;
}

#left-sidebar ul li.active ol {
  display: block;
}

#left-sidebar ul li ol li
{
 margin: 4px 0 4px 15px;
 _margin: 0 0 0 15px;
 list-style: decimal;
 color: white;
 padding: 0;
 vertical-align: top;
}

#left-sidebar ul li ol li a, #left-sidebar ul li.active ol li a {
 clear: left;
 color: white;
 font-size: 0.9em;
 line-height: 1.3em;
 height: auto;
 padding: 0;
 _height: 1.6em;
}

#left-sidebar ul li ol li a:hover, #left-sidebar ul li ol li.active a, #left-sidebar ul li.active ol li a:hover,
#left-sidebar ul li ol li.active, #left-sidebar ul li.active ol li:hover{
 color: #e54420;
}

/* right sidebar - content blocks (front page) */

#right-sidebar-inner {
 padding-left: 1px;
 color: #597db0;
}

#right-sidebar-inner .content {
 padding: 13px 18px;
}

#right-sidebar .title {
 font-size: 1.3em;
}

a.sidebar-button {
 display: block;
 border-bottom: 1px solid #9babcc;
 width: 184px;
 height: 89px;
}

a#sidebar-chain:hover, a#sidebar-activities:hover {
 background-position: 100%;
}

#sidebar-chain {
 background: url(images/front-page-chain.gif) no-repeat;
}

#sidebar-activities {
 background: url(images/front-page-activities.gif) no-repeat;
}

#acknowledgement {
 margin-top: 25px;
}

#right-sidebar h4 {
 color: #e54420;
 font-weight: normal;
 text-transform: none;
}


/* Front page content */
#front-page-copy {
 font-family: Arial;
 font-size: 1.20em;
 line-height: 1.5em;
 color: #00224d;
 
 padding: 110px 20px 20px 20px;
 background: url(images/front-page-heading.jpg) no-repeat;
}

/* footer */

#footer {
 margin-top: 50px;
 padding-top: 5px;
 border-top: 1px solid #9d9d9d;
 color: #9d9d9d;
 font-size: 0.8em;
}

#footer-links a {
 color: #9d9d9d;
}

/* paragraph stlyes */
h2
{
 color: #e54420;
 font-weight: normal;
 font-size: 2em;
 line-height:1.1em;
}

h3
{
 color: #00234e;
 font-weight: normal;
 font-size: 1.7em;
 line-height:1.2em;
}

h4
{
 color: #00234e;
 font-weight: bold;
 font-size: 1.2em;
 text-transform:none;
}

h5
{
 color: #00234e;
 font-weight: bold;
 font-size: 1em;
 text-transform: normal;
}

#content-wrapper ul {
 padding-left: 20px;
 list-style: square;
}

#content-wrapper ul li {
 font-weight: normal;
 font-size: 1em;
 color: #000;
}

li small {
 display: block;
}

#content-wrapper .activity-feature-box ul li, .activity-feature-box h4 {
 color: #fff;
}

.activity-feature-box {
 background: #0e315f url(images/activity-feature-foot.gif) no-repeat bottom left;
 margin: 20px 0;
 width: 635px;
}

.activity-feature-box-inner {
  background: url(images/activity-feature-cap.gif) no-repeat top left;
}

.activity-feature-box-content {
 padding: 20px 30px;
 color: white;
}

.activity-feature-box-content a {
 padding: 20px 30px;
 color: white;
}

.activity-feature-box li {
 margin: 5px 0;
}

p.small {
 font-size: 11px;
 line-height:1.3em;
 text-transform: none;
 color:#183a6f;
}

h4 small, h5 small  {
 font-size: 10px;
 text-transform: none;
 font-style: italic;
}

#act-08-table table tr td strong { 
 margin-right: 10px;
}

#sorting-game img {
 margin: 3px 0;
}

.activity-feature-box h1,
.activity-feature-box h2,
.activity-feature-box h3,
.activity-feature-box h4,
.activity-feature-box h5 {
 margin-top: 5px;
}