/* BASE CSS SETTINGS -- ASSUMES YUI RESET HAS BEEN INCLUDED FIRST */

h1 {
/*12px via YUI Fonts CSS foundation*/
font-size:167%;
color: #e2001c ;
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%;
color: #980315 ;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
color: #980315 ;
}
h1,h2,h3 {
/* top & bottom margin based on font size */
margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:bold;
}
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor: help;
}
em {
/*bringing italics back to the em element*/
font-style:italic;
}
blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin: 0.5em 1em;
}
ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left:2em;
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
ul li {
/*giving UL's LIs generated disc markers*/
list-style: square outside;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left:1em;
}
th,td {
  /*padding to make the table readable*/
padding: .5em;
  vertical-align: top;
  text-align: justify;
}

th {
/*distinguishing table headers from data cells*/
font-weight:bold;
text-align: center;
}
caption {
/*coordinated marking to match cell's padding*/
margin-bottom:.5em;
/*centered so it doesn't blend in to other content*/
text-align:center;
}
p,fieldset,table {
/*so things don't run into each other*/
margin-bottom:1em;
}
body {
text-align: left;
color: #333;
font-family: "trebuchet ms", arial, helvetica;
}
a {
color: #e2001c ;
  text-decoration: none;
}
a:hover {
color: #980315 ;
  color: #900;
  text-decoration: none;
}
a:visited {
color: #e2001c ;
  text-decoration: none;
}
a:active {
color: #e2001c ;
  color: #F90;
  text-decoration: none;
}

/*********** PAGE STRUCTURE ************/

html {
background: url("/images/background.gif") repeat-x;
background-attachment: fixed;
}
#doc4 {
background: url("/images/gradTone-pageTop.jpg") repeat-x;
padding-top:1px;
}
#wrapper {
background-color: #FFF;
border: 1px solid #666;
padding: 0 0 1em 0;
margin:0;
}
#content_area {
padding: 2em;
}
.yui-t5 .yui-b {/* modify standard YUI grid */
float: right;
width: 290px;
}
.yui-t5 #yui-main .yui-b {
margin-right: 320px;

}
.yui-t5 #yui-main {
float: left;
clear: left;
margin-right: -32em;  /* IE: preserve layout at narrow widths */
}

/************** FOOTER **************/

#footer {
padding: 0.5em 0;
clear: both;
}
#footer ul li {
color: #eee;
font-size: 85%;
padding: 0 1.5em 0 0;
list-style: none;
float: left;
}
#footer ul li a {
color: #fff;
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}

/********** UTILITY NAV (TOP RIGHT) ************/

#topLinks {
float: right;
font-size: 11px;
padding-bottom: 5px;
}
#topLinks ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#topLinks li {
float: left;
list-style-type: none;
padding: 0 10px 0 0;
}
#topLinks li a {
color:#333;
text-decoration: none;
}
#topLinks li a:hover {
text-decoration: underline;
}
.searchButton {
margin: -0.15em 0 0 0;
}
.search {
margin: -0.3em 0 0 0;
}.fieldSkybox {
vertical-align: top;
}

/********* MAIN NAVIGATION **********/

#mainNav {
float: left;
margin: 0 0 0 0;
width: 100%;
}
#navLinks {
font-size: 100%;
}
#navLinks ul {
padding-left: 0;
    margin: 0;
    background-color: #e2001c;
    color: White;
    float: left;
    width: 100%;
    list-style: none;
    font-weight: bold;
}
#navLinks ul li {
    display: inline;
    color: White;
    float: left;
    border-right: 1px solid #fff;
}
#navLinks a {
    padding: 0.4em 0.8em;
    background-color: #e2001c;
    color: White;
    text-decoration: none;
    float:left;
    font-weight: bold;
}
#navLinks a:hover {
    background-color: #980315;
    color: #fff;
    font-weight: bold;
}
#navLinks .current {
    background-color: #980315;
    padding: 0.4em 0.8em;
    float:left;
    font-weight: bold;
}

/***** LEVEL-TWO NAV NOT IMPLEMENTED IN THIS CSS ****/

#navLinks ul ul {
  display:none;
}

/********** FORMS **************/

label.reqd {
font-weight:bold;
}

label.left {
width: 120px;
display: block;
float: left;
text-align: right;
clear: left;
text-transform: uppercase;
font-weight: bold;
text-size:90%;
padding-right: 10px;
}

#contact_intro {
border-bottom: 1px solid #333;
margin-bottom: 2em;
}
#contact_pod_form label {
width: 8em;
display: block;
float: left;
text-align: right;
clear: left;
text-transform: uppercase;
font-weight: bold;
text-size:90%;
padding-right: 1em;
}
#contact_pod_form input, textarea {
background-color: #eee;
border: 1px solid #666;
padding: 0.23em;
}
#contact_pod_form .indent {
margin-left: 9em;
}
#contact_firstname, #contact_lastname {
width: 15em;
}
#contact_company, #contact_email, #contact_subject, #contact_message {
width: 31em;
}
#contact_subject, #contact_message {
width: 45em;
}
p#email2 {
display: none;
}
#contact_pod_form input.submit_button {
background: none;
border: none;
}
/********** BASIC CONTENT STYLING ************/

#content_area ul li {
padding: 0 0 0.5em 0;
}
#content_area ol li {
padding: 0 0 0.5em 0;
}

/****************** ROUNDED POD SURROUND ********************************/
.pod {
margin: 0px auto;
margin-bottom: 15px;
width: 100%;
}
.top {
background: transparent url("/images/LClr.png") no-repeat scroll 0px 50%;
height: 25px;
margin: 0 8px 0 0;
}
.top span {
background: transparent url("/images/RClr.png") no-repeat scroll right top;
height: 25px;
position: relative;
font-size: 1px;
line-height: 1px;
right: -8px;
display: block;
}
.pod-content {
background-color: #fff;
margin: 0;
padding: 1px 20px 1px 25px;
position: relative;
border-left: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
font-size: 12px;
}
.bottom {
background: transparent url("/images/crnrLBtm.png") no-repeat scroll left bottom;
height: 8px;
margin: 0 9px 0 2px;
}
html>body .bottom {
background: transparent url("/images/crnrLBtm.png") no-repeat scroll left bottom;
height: 8px;
margin: 0 7px 0 0;
}
.bottom span {
background: transparent url("/images/crnrRBtm.png") no-repeat scroll right bottom;
display: block;
height: 8px;
position: relative;
font-size: 1px;
line-height: 1px;
margin-right: -7px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/********* RESOURCES PAGE **********/

#resources_page .share {
float:right;
}
#resources_page .resource_item {
border-bottom: 1px solid #333; 
padding-bottom: 10px; 
margin: 0 0 10px 30px;
}
#resources_page .book_image {
float:left; 
padding: 0 15px 15px 0;
}
#resources_page .book_text {
margin-left: 25px;
}
#resources_page .book_button {
  padding: 3px 3px 3px 6px;
  color: #fff;
  margin-right:20px;
  text-decoration:none;
  background-color: #520602;
}
#resources_page h2 {
font-size: 18px;
font-weight: bold;
}
#resources_page h3 {
font-size: 16px;
font-weight: bold;
}
#resources_page h4 {
font-size: 14px;
font-weight: bold;
margin: 1em 0 1em 0;
}
#resources_page h5 {
font-size: 14px;
font-weight: normal;
}
#header_image span {
display:none;
}
#header_image {
background: url('/header_opt.jpg');
border:none;
margin: 0;
padding: 0;
width:974px;
height: 380px;
}
.sponsor {
text-decoration: none;
}

/*********** COMMENT FORM ************/

.comment_form  {
  border: 0px solid #520602;
  margin: 0px;
}
.comment_form  h3{
  color: ;
}
.comment_form  label {
  display: block;
  width: 80px;
  text-align:  right;
  float: left;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  clear: left;
  padding: 0 5px 0 0;
}
input#feedback_name,  input#feedback_email,  input#feedback_subject, textarea#feedback_body {
  background-color: ;
  padding: 3px;
  margin: 0;
  border: 1px solid #c9c9c9;
}
.comment_form .indent {
  margin-left: 85px;
}
.comment_form  #submit_button {
  margin: 12px 0 0 90px;
}
#comment_email2 {
  display: none;   /* spam robot trap */
}
input#feedback_subject {
  width: 80%;
}
.comment_form p  {
  padding: 8px 0px;
  background-color:;
}
.comment_form p.alt {
  background-color:;
}
textarea#feedback_body  {
  width: 80%;
  height: auto;
}
.form_note {
  font-size: 80%;
}
div#comments  {
  border-top: 0px solid ;
  padding-top: 10px;
  margin-top:  35px;
}
div#comments h2{
  margin-bottom:0px;
}
div#comments  .comment-title{
  margin-bottom:15px;
}
div#comments  h3{
  margin-bottom:1px;
  color: ;
}
div#comments  p.byline{
  color:;
  font-size:.9em;
  text-transform:uppercase;
}
div#comments  .comment-box{
  background-color:#f3f3f3;
  border:1px solid #dfdfdf;
  border-left-width:0px;
  border-right-width:0px;
  margin-bottom:30px;
  padding:12px;
}