@charset "utf-8";
/* Coral reef specific header styles and sidebar menu */


h1 {
color:#3f3c93;
float:left;
font-size:26px;
margin:5px 0 0;
padding-left:23px;
}


h2 {
color:#3f3c93;
font-size:26px;
margin-bottom:4px;
margin-top:15px;
}




/* Coral Reef focal species panel background*/

.coral_reef .focal_panel {
  background:url(/conservation/images/fellow_box_empty.jpg);
}

.coral_reef .focal_panel .title {
  color:#3F3C93;
}





/* Menu style for coral sidebar */
.coral_menu1 {
    background: url("coral_reef/images/coral_reef_sidebar1.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 540px;
    margin-left: -22px;
    margin-top: 50px;
    width: 210px;
}

.coral_reef #advert1_leftside {
    float: left;
    margin-left: -23px;
    margin-top: 50px;
}



.coral_reef .CoralVideo {
float: right;
height: 450px;
width: 746px;
}




/* Standard Coral reef styles */

.coral_reef .coral_share {
float:left;
height:32px;
margin-left:73px;
margin-top:6px;
}

.coral_reef .coral_conservation_share {
float:left;
height:32px;
margin-left:62px;
margin-top:6px;
}

.coral_reef #follow_twitter {
float:left;
width:150px;
margin-left:11px;
}

.coral_reef #follow_twitter a {
margin-top:8px;
display:block;
width:150px;
height:100px;
font: bold 13px sans-serif;;
color:#FFFFFF;
background-color:#FFFFFF;
background: url("../images/follow_edge_twitter.gif") 0 0 no-repeat;
text-decoration: none;
}

.coral_reef #follow_twitter a:hover {
width:150px;
background-position: 0 -123px;
color: #FFFFFF;
background-color:#FFFFFF;
}

.coral_reef #follow_twitter a:active {
width:150px;
background-position: 0 0px;
color:#FFFFFF;
background-color:#FFFFFF;
}

/* End coral reef specific header styles */


/*
.coral_reef #header {
	background:url(/images/coral_header_campaign.jpg) no-repeat top;
}
  */

.coral_reef #header {
	background:url(/images/header_coral_new.jpg) no-repeat top;
}

.coral_reef #main_navigation {
	background: url(/images/coral_reef/coral_menu_bar.jpg) repeat-x; /*THEME CHANGE HERE*/
}


.coral_reef #pagetitle {
background: url(/images/coral_reef/coral_fade.jpg) repeat-x; /*THEME CHANGE HERE*/
}

.coral_reef .coral_reef_share_launch {
	float: left;
    height: 32px;
    margin-left: 45px;
    margin-top: 8px;	
}

.coral_reef .share_msg {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	float:right;
}



/* MIDDLE CONTENT */
.coral_reef #extra_buttons {
float:left;
width:210px;
}


.coral_reef #middle_content {
float:left;
width:550px;
height:255px;
background:url(images/home_middle_top.jpg) no-repeat top right;
}


.coral_reef #middle_content_align {
width:547px;
height:196px;
}

/* REMOVE ?
.coral_reef #green_long {
margin-left:213px;
width:304px;
}

.coral_reef #green_long a {
display:block;
width:304px;
height:39px;
font: bold 13px sans-serif;;
color:#FFFFFF;
background: url("images/enter_long_buttono.gif") 0 0 no-repeat;
text-decoration: none;
}

.coral_reef #green_long a:hover {
width:304px;
background-position: -304px 0px;
color: #FFFFFF;
}

.coral_reef #green_long a:active {
width:304px;
background-position: 0 0px;
color:#FFFFFF;
}

*/

/* MIDDLE CONTENT */

.coral_reef #magicbox {
margin-left:20px;
height:285px;
}


.coral_reef #support_button {
float:left;
width:160px;
}


.coral_reef #community_panel {
margin-top:40px;
width:532px;
float:left;
text-align:right;
}


.coral_reef #new_rss {
background: #F3F3F3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:175px;
height:370px;
text-align:left;
padding: 0px 12px 0px 14px;
overflow:auto;
}


.coral_reef #main_panel {
float:right;
}


.coral_reef #main_content {
height:300px;
width:520px;
}


.coral_reef #main_box {
float:right;
width:350px;
background: url(images/box_fade_mam.gif) repeat-x top;
border:1px #CCCCCC solid;
}


.coral_reef #main_box_title {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#674E3D;
padding-left:7px;
padding-top:3px;
padding-bottom:3px;
}


.coral_reef #main_box_piechart {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#F7F2ED;
padding:0px;
}


.coral_reef #main_box_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:7px 7px 7px 7px;
}


.coral_reef #main_box_end {
margin-bottom:20px;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background: url(images/box_fade_mam.gif) no-repeat top;
}


.coral_reef #right_box{
border:1px solid #CCCCCC;
background: url(images/box_fade_mam.gif) no-repeat top;
}

.coral_reef #right_box_container {
border:1px solid #CCCCCC;
background: url(images/box_fade_mam.gif) no-repeat top;
}


.coral_reef #right_box_title {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
width: 206px;
height: 23px;
background: url(images/birds/bird_title_fade.jpg) repeat-x top;
color:#FFFFFF;
padding-left:7px;
padding-top:3px;
/*padding-bottom:3px;*/
border-bottom:3px #D0CAC1 solid;
}


.coral_reef #right_box_piechart {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
}


.coral_reef #right_box_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#F7F2ED;
padding:2px 7px 7px 7px;
}


.coral_reef #blogspace {
margin-bottom:48px;
}


.coral_reef #right_box_blog {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#F7F2ED;
}


.coral_reef #right_box_end {
padding-bottom:20px;
border-top:3px solid #78aad1;
background-color:#FFFFFF;
}


.coral_reef #footer {
	border-top:#2b6a9b 4px solid;
}


.coral_reef #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.coral_reef #support_edgered {
float:left;
width:150px;
margin-left:11px;
}


.coral_reef #support_edgered a {
margin-top:29px;
display:block;
width:150px;
height:100px;
font: bold 13px sans-serif;;
color:#FFFFFF;
background-color:#FFFFFF;
background: url("images/support_red.gif") 0 0 no-repeat;
text-decoration: none;
}

.coral_reef #support_edgered a:hover {
width:150px;
background-position: 0 -123px;
color: #FFFFFF;
background-color:#FFFFFF;
}

.coral_reef #support_edgered a:active {
width:150px;
background-position: 0 0px;
color:#FFFFFF;
background-color:#FFFFFF;
}



/* Styles for 'Top 100' boxes */





/*   James additions   */

.coral_reef #arial_title_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #472D1C;*/
	/*color: #331E10;*/
	/*color: #c4f9dd;*/
	color: white;
	font-weight: bold;
}


.coral_reef #arial_ed_title_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e5f30d;
	font-weight: bold;
}


.coral_reef #Top100_titlebar {
	height: 22px;
	background-image: url(/images/coral_reef/coral_title_fade.jpg);
}


.coral_reef #Top100_titlebar_highlight {
	height: 22px;
	/*background-color: #43a1ea;*/
	background-color: #2571ac;
	background-image: none;
}


/*.bird blue Link Code */

.bird a#Top100:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bold;
}

.bird a#Top100:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEE7E0;
}

.bird a#Top100:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bold;
}


.coral_reef #summary_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2b6a9b;
}

.coral_reef #summary_section2_title
{
	color: #2b6a9b;
}

.coral_reef #summary_distribution_title
{
	color: #2b6a9b;
}

.coral_reef #summary_status_bg
{
	background-color: #9F4427;
}

.coral_reef #summary_status
{
	background-color: #2b6a9b;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}



.coral_reef #endangered {
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}


/* MainCol styles */
.coral_reef .MainCol #right_panel {
float:left;
margin-bottom:20px;
background-color:#FFFFFF;
}

.coral_reef .MainCol #right_box{
margin-top:0px;
border:1px solid #CCCCCC;
/*background: url(/images/coral_reef/coral_title_fade.jpg) repeat-x top;*/
}

.coral_reef .MainCol #right_box_title {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
width:193px;
background: url(/images/coral_reef/coral_title_fade.jpg) repeat-x top;
color:white;
padding-left:7px;
padding-top:3px;
padding-bottom:3px;
border-bottom:3px #c9dae8 solid;
height:17px;
margin-bottom:0px;
}

.coral_reef .MainCol #right_box_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding-left:8px;
padding-top:5px;
padding-bottom:5px;
}

.coral_reef .MainCol #right_box_text {
background-color:#edf3f7;
padding:2px 7px 3px 7px;
}

.coral_reef #right_box_text_end{
background-color:#edf3f7;
padding:2px 7px 3px 7px;
border-bottom:3px #F3F0E8 solid;
}

.coral_reef .MainCol #right_box_end {
background-color:#FFFFFF;
/*border-top:3px solid #78aad1;*/
border-top:0px solid #78aad1;
}

.coral_reef .MainCol #right_box_image {
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
}

.coral_reef .MainCol #right_box_image_search {
height:47px;
background:url(images/search_box_coral_reef.gif);
padding:0px 0px 0px 0px;
}

.coral_reef .MainCol #right_box_focal_donate {
height:340px;
background:url(images/focal_donate_box.gif) no-repeat;
padding: 12px 15px 0px 0px;
margin-bottom: 20px;
background-color:#FFFFFF;
}

.coral_reef .MainCol #right_box_focal_donate_long {
height:380px;
background:url(images/focal_donate_box_long.gif) no-repeat;
padding: 12px 15px 0px 0px;
margin-bottom: 20px;
background-color:#FFFFFF;
}

.coral_reef .MainCol #make_donation {
width:203px;
}

.coral_reef .MainCol #make_donation a {
display:block;
width:203px;
height:60px;
font: bold 13px sans-serif;;
color:#FFFFFF;
background: url("images/mam_make_donation.gif") 0 0 no-repeat;
text-decoration: none;
}

.coral_reef .MainCol #make_donation a:hover {
width:203px;
background-position: -206px 0px;
color: #FFFFFF;
}

.coral_reef .MainCol #make_donation a:active {
width:203px;
background-position: 0 0px;
color:#FFFFFF;
}

.coral_reef .MainCol #focal_title {
border-bottom:2px solid #8A775C;
padding:0px 0px 0px 0px;
margin-bottom:20px;
}

.coral_reef .MainCol #donate_amount_10 {
background:url(images/focal_mam_donate_10.gif) no-repeat;
padding:41px 0px 13px 13px;
margin-left:1px;
}

.coral_reef .MainCol #donate_amount_200 {
background:url(images/focal_mam_donate_200.gif) no-repeat;
padding:41px 0px 13px 13px;
margin-left:1px;
}

.coral_reef .MainCol #donate_amount_1000 {
background:url(images/focal_mam_donate_1000.gif) no-repeat;
padding:41px 0px 13px 13px;
margin-left:1px;
}

.coral_reef .MainCol #search_align {
    padding:10px 13px 13px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #466C57;
}

.coral_reef .MainCol #flash_content {
}

.coral_reef .MainCol #title {
border-bottom:1px #CCCCCC solid;
}

.coral_reef .MainCol #title_halfpage {
}

.coral_reef .MainCol #title_halfpage_line {
border-bottom:1px #999999 solid;
}

.coral_reef .MainCol #focal_species_back {
background:url(images/ampfocalback.jpg) top left no-repeat;
float:left;
width:350px;
}

.coral_reef .MainCol #introduction_noimage {
float:left;
width:350px;
}

.coral_reef .MainCol #species_found {
margin-top:15px;
margin-bottom:15px;
border:1px #999999 solid;
}

.coral_reef .MainCol p {
margin-top:10px;
margin-bottom:10px;
}


.coral_reef .content_box_top {
  height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size: 13px;
	font-weight: bold;
  background:url(/images/coral_reef/coral_title_fade.jpg);
  border:1px #E2E2E2 solid;
	padding-right: 5px;
	padding-left: 9px;
	border-left-width: 0px;
	padding-top: 2px;
	border-top-color: #E2E2E2;
}

.coral_reef #normalmenu a, .coral_reef #section_menu a {
	color: #000000;
	border:1px #FFFFFF solid;
	background-color: #e8f4ed; /* Hue 145 */
/*	background-color: #edf4f2; /* Hue 160 */
	font: 12px Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	height: 18px;
	display: Block;
	padding-top: 4px;
	padding-left: 8px;
	max-height: 40px;
}

.coral_reef #normalmenu a:hover, .coral_reef #section_menu a:hover {
background-color: #cadbe8;
color: #000000;
text-decoration: none;
}

.coral_reef #normalmenu {
float:left;
width:165px;
padding: 0px 0px 0px 0px;
border-bottom:1px #999999 solid;
border-right:1px #999999 solid;
border-top:1px #999999 solid;
}



.coral_reef a.species:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bold;
}

.coral_reef a.species:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
    color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEE7E0;
}

.coral_reef a.species:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #316a96;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bold;
}


.coral_reef a.sp_support_button {
display:block;
width:276px;
height:95px;
color:#FFFFFF;
background-color:#FFFFFF;
background: url("/coral_reef/images/coral_sup_button.jpg") 0 0 no-repeat;
text-decoration: none;
}

.coral_reef a:hover.sp_support_button {
background-position: -138px 0;
}

.coral_reef a:active.sp_support_button  {
background-position: 0 0px;
}







/* END of James's styles */
/* Chrome menu bar */
.coral_reef .chromestyle ul li a{
color:#F5F5F5;
}

.coral_reef .chromestyle ul li a:hover{
background: url(/images/coral_reef/coral_menubar_hover.jpg) center center repeat-x; /*THEME CHANGE HERE*/
color:#F5F5F5;
}

.coral_reef .chromestyle ul li a:visited{
color:#F5F5F5;
}

.coral_reef .chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
color:#F5F5F5;
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* End of Chrome menu bar */