/* CSS Document */

@import 'rockybay-common.css';

#content {background:url(/css/images/repeating-background.jpg) repeat-y top center; padding:0; float:left; margin:0 0 0 3px;}
#copycontainer { width:865px; margin:-3px 0 0 14px; padding:0 44px 57px 42px; float:left;}
* html #copycontainer {margin:0 0 0 -5px; width:879px;}

#left_col {width:626px; float:left; font-size: 108%; }
#left_col ul {margin:5px 0 5px 6px;}
#left_col ul {list-style:none; padding:0;} 
#left_col ul li {background:url(/css/images/ul-bullet.gif) no-repeat 0 3px;padding:0 0 0 9px; margin:0 0 20px 0;}
#left_col ul li ul {margin:10px 10px 10px 20px;}
#left_col ul li ul li ul {margin:10px 10px 10px 20px;}


#left_col ol {margin:5px 0 5px 20px;}
#left_col ol li { margin:0 0 20px 0;}
#left_col ol li ul {margin:10px 10px 10px 20px;}
#left_col ol li ol li ol {margin:10px 10px 10px 20px;}

#left_col h1 { font-size: 240%;}
#left_col h2 {font-size: 150%;}
#left_col font { font-size: 100%; }

table {border:1px solid #cacaca;}
table th {text-align:left; background:#d9f0b3;}
table td, table th {padding:5px;}

#breadcrumb {width:626px; border-bottom:1px solid #dedede; padding:7px 0; margin:0 0 30px 0; color:#707070; font-weight:bold; font-size:90%;}
#breadcrumb a {color:#005957; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

.fontsizer.fright {margin: 13px 0 0 0;}
.fontsizer img {margin: 0 0 0 7px;}

#right_nav {width:200px; background: #efeae6 url(/css/images/right-col-bg.jpg) no-repeat bottom center; float:right; padding: 0 0 41px 0; margin:15px 0 0 0;}
#right_nav .fontsizer {background: #fff; height: 51px;}

#right_nav ul {list-style:none; margin:0 0 0 20px; padding:0;}
#right_nav ul a { background:url(/css/images/right_col_arrow.gif) no-repeat left 3px; padding:0 0 0 11px; color:#555; text-decoration:none; display:block;line-height:110%; margin:5px 0;}
* html #right_nav ul a {margin:0; }
#right_nav ul a:hover {font-weight:bold;}
#right_nav #imgholder { height:123px; width:200px; background:url(images/right-col-img.jpg) no-repeat left top;}
#right_nav #read_more {height:35px; line-height:35px; background:#005957; margin:0 0 19px 0;color:#fff; font-weight:bold; font-size:14px; text-decoration:none; padding:0 0 0 20px;}

.vision {width:231px;  padding:26px 37px 28px 23px; float:left; background:#efeae6; margin:0 23px 28px 0;}
.mission {width:231px;  padding:26px 37px 28px 23px; float:left; background:#f7f5f3; margin:0 0 28px 0;}
.quote {font-weight:bold; margin:0 0 20px 0 ;}

.imgright img {float:right; margin:10px 0 10px 10px;}
.imgleft img {float:left; margin:10px 10px 10px 0;}

.newsTeaser { margin:20px 0;}
.newsTeaser span.date {font-size:11px;}
.newsTeaser h4 {margin:0; padding:0;}

.usefulLink { margin:20px 0 5px 0; }
.usefulLink h4 { margin:0 0 0 0; padding:0;}
.usefulLink p { margin: 0 0 5px 0; }
#footer { background:url(/css/images/core-footer-background.jpg) no-repeat bottom left;height:110px; float:left; width:970px; position:relative; margin:0 0 10px 0;}
#footer address {color:#000; font-style:normal;  margin:0px 0 0 294px; line-height:160%}
#footer address strong {color:#1c5a58;}
#footer address a {color:#1c5a58; text-decoration:underline; font-weight:normal; }
#footer address a:hover {text-decoration:underline; }
#footer a#donate_online {display:block; text-indent:-9999px; background:url(/css/images/footer_donate_online.jpg) no-repeat 0 0; width:234px; height:35px; position:absolute;  left:43px;top:0px;}
#footer a#volunteer_now {display:block; text-indent:-9999px; background:url(/css/images/footer_volunteer_now.jpg) no-repeat 0 0; width:234px; height:35px; position:absolute; left:43px; top:39px;}
#footer a#donate_online:hover {background:url(/css/images/footer_donate_online.jpg) no-repeat 0 -35px; }
#footer a#volunteer_now:hover {background:url(/css/images/footer_volunteer_now.jpg) no-repeat 0 -35px;}

.page_contact-details { float: right; padding: 0 0 30px 30px; font-size: 108%; }
.page_contact-details .contact-details { width: 254px; background: #eeeae6 url(/css/images/pre-body-contact-details.gif) no-repeat 0 0; }
.page_contact-details .contact-details-inner { padding: 18px 20px; background: url(/css/images/pre-body-contact-details.gif) no-repeat bottom right; }
.page_contact-details dl { margin: 0; padding: 0; }
.page_contact-details dt { display: block; float: left; width: 45px; font-weight: bold; color: #484848; }
.page_contact-details dd { display: block; margin: 0 0 3px 50px; }
.page_contact-details a { text-decoration: underline; }
.page_contact-details a:hover { color: #77a958; }