/* BASE CSS SETTINGS -- ASSUMES YUI RESET HAS BEEN INCLUDED FIRST */

h1 {
font-size:24px;
color: #8cc63e;
}
h2 {
font-size:18px;
color: #8cc63e ;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
color: #8cc63e ;
}
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;
}
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;
}
a {
color: #8cc63e ;
}
a:hover {
color: #222;
}
a:visited {
color: #8cc63e ;
}
a:active {
color: #8cc63e ;
}

h1, h2, h3 {
font-weight:normal;
}

/*********** PAGE STRUCTURE ************/

html {
background: url("/images/background.gif") repeat-x;
background-attachment: fixed;
}
#doc4 {

}
#wrapper {
background-color: #FFF;
border: 1px solid #666;
padding: 0 0 1em 0;
margin:0;
}
#content_area {
padding: 2em;
}
body {
font-family: verdana, arial, helvetica, 'sans serif';
}
#yui-main .yui-b {
padding: 0 25px 0 10px;
}
/************** 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: #e86caa;
    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;
    font-size: 11px;
}
#navLinks a {
    padding: 0.4em 0.4em;
    background-color: #e86caa;
    color: White;
    text-decoration: none;
    float:left;
    font-weight: bold;
}
#navLinks a:hover {
    background-color: #bc658f;
    color: #fff;
    font-weight: bold;
}
#navLinks .current {
    background-color: #bc658f;
    padding: 0.4em 0.4em;
    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: 130px;
display: block;
float: left;
text-align: right;
clear: left;
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: 31em;
}
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('/rib-header-image-pink.jpg');
border:none;
margin: 0;
padding: 0;
width:974px;
height: 296px;
}
.sponsor {
text-decoration: none;
}
.logo_left {
float: left;
margin-bottom: 20px;
}
.org_descrip {
margin-left: 280px;
}
.divider {
clear:left;
color: #333;
margin: 10px 0 20px 0;
}
.divider_right {
clear:left;
color: #333;
margin: 10px 0 10px 0;
}
.charity_link {
color: #333;
margin-bottom:5px;
}
.charity_link a {
text-decoration:none;
color: #333;
}
#resort_list h2 {
clear:left; 
margin-top: 15px;
}
#resort_list img {
float:left; 
margin: 0 15px 10px 0;
width:200px
}
