body {
	background-image:url(http://www.calacademy.org/images/bg_home.jpg);
	background-attachment:fixed;
	background-color:#000000;
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	width:100%;
	text-align:center;
	
}

#farallones_container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:841px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/*************************
HEADER defs
**************************/

#farallones_header {
	height: 74px;
	width:841px;
	vertical-align:bottom;
}

#farallones_header h1 {
	margin:0;
	padding:40px 0 0 0;
	font-size:25px;
	font-style:normal;
	font-weight:normal;
	color:#dddddd;
	text-align:left;
	width:420px;
	float:left;
}

#farallones_header a {
	text-decoration: none;
	color: #dddddd;
}

#farallones_header h2{
	margin:30px 4px 0 0;
	padding:0;
	width:130px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:14px;
	color:#829ea2;
	text-align:right;
	float:right;
}


#farallones_header ul#partnerships {
	margin:0;
	padding:0;
	list-style: none;
	list-style-position:inside;
	float:right;
	width:220px;
	height:74px;
	text-align:right;
}

#farallones_header ul#partnerships li {
	margin:0 0 0 -2px;
	padding:0;
	display:inline;
	text-align:right;
	color:#dddddd;
	font-size:10px;
	line-height:12px;
}

#farallones_header ul#partnerships li img {
	padding:0;
	margin:12px 0 0 0;
}


/* MAIN CONTENT */

#top_container {
	margin:0;
	padding:0;
	width:841px;
	height:359px;
	background-image:url(../images/top_container_background.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
}

#top_container #krpano {
	display:none;
	margin:0 0 0 9px;
	padding:9px 0 0 0;
	width:822px;
}

#top_container #live {
	display:block;
	margin:0 0 0 9px;
	padding:9px 0 0 0;
	width:824px;
	height:341px;
}



#top_container #live #live_cam {
	margin:0;
	padding:0;
	width:563px;
	height:341px;
	/*float:left;*/
	position:absolute;
	z-index:999;
}

#top_container #live #live_extras {
	margin:0;
	/*padding:0 0 0 5px;*/
	padding:0 0 0 568px;
	width:256px;
	height:341px;
	/*float:left;*/
	position:absolute;
	z-index:998;
}



#tabs_container{
	margin:0;
	padding:8px 0 0 0;
	width: 841px;
	height:34px;
	overflow:hidden;
}

#tabs_container ul {
	margin:0;
	padding:0;
	width:841px;
	height:34px;
	list-style:none;
}

#tabs_container ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	height:34px;
}

#tabs_container ul li a {
	outline:none;
	display:block;
}
#tabs_container ul li.tab_active a:hover {
	cursor:default;
}
#tabs_container ul li.tab_inactive a:hover {
	cursor:pointer;
}

#tab_img_1 {
	width:145px;
}
#tab_img_2 {
	width:159px;
}
#tab_img_3 {
	width:158px;
}
#tab_img_4 {
	width:139px;
}
#tab_img_5 {
	width:122px;
}
#tab_img_6 {
	width:118px;
}


/*************************
FIELD GUIDE defs
**************************/
#field_guide_subnav{
	margin:0;
	padding:0;
	background-image:url(../images/subnav_background.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:841px;
	height:26px;
	overflow:hidden;
}

#field_guide_subnav ul {
	margin:0;
	padding:0;
	width:841px;
	height:26px;
	list-style:none;
}

#field_guide_subnav ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#field_guide_subnav ul li a {
	outline:none;
}

#field_guide_subnav ul li.sub_tab_active a:hover {
	cursor:default;
}
#field_guide_subnav ul li.sub_tab_inactive a:hover {
	cursor:pointer;
}

#fg_sub_tab_img_1 {
	width:48px;
	height:26px;
	margin-left:48px;
}
#fg_sub_tab_img_2 {
	width:93px;
	height:26px;
	margin-left:34px;
}
#fg_sub_tab_img_3 {
	width:56px;
	height:26px;
	margin-left:34px;
}
#fg_sub_tab_img_4 {
	width:41px;
	height:26px;
	margin-left:34px;
}
#fg_sub_tab_img_5 {
	width:94px;
	height:26px;
	margin-left:34px;
}
#field_guide_seabirds {
	height:200px;
	width:841px;
	position:relative;
	display:block;
}

#field_guide_marine_mammals {
	height:200px;
	width:841px;
	position:relative;
	display:none;
}

#field_guide_landbirds {
	height:200px;
	width:841px;
	position:relative;
	display:none;
}

#field_guide_sharks {
	height:200px;
	width:841px;
	position:relative;
	display:none;
}

#field_guide_intertidal {
	height:200px;
	width:841px;
	position:relative;
	display:none;
}

.sub_content {
	margin:0;
	padding:0;
}


#sub_content_field_guide {
	margin:0;
	padding:0 0 20px 0;
	width:841px;
	height:200px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:block;
}
#sub_content_field_guide_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
}

#sub_content_the_islands {
	margin:0;
	padding:0 0 20px 0;
	width:841px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:none;
}
#sub_content_the_islands_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:none;
}

#sub_content_the_project {
	margin:0;
	padding:0 0 20px 0;
	width:841px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:none;
	text-align:left;
}
#sub_content_the_project_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:none;
}

#sub_content_partners {
	margin:0;
	padding:2px 0 20px 0;
	width:841px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:none;
}
#sub_content_partners_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:none;
}

#sub_content_blog {
	margin:0;
	padding: 30px;
	padding-top: 20px;
	width:781px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:none;
}

#sub_content_blog_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:none;
}

#sub_content_share {
	margin:0;
	padding:0 0 20px 0;
	width:841px;
	background-image:url(../images/background_tile.png);
	background-position:top left;
	background-repeat:repeat;
	display:none;
}
#sub_content_share_bottom {
	margin:0;
	padding:0 0 60px 0;
	width:841px;
	height:10px;
	background-image:url(../images/background_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:none;
}

div.table {
    display: inline-table;
    border-collapse: separate;
    table-layout: fixed;
}

div.tableRow {
    display: table-row;
}
div.column {
	display: table-cell;
}


/* sub-content styles */

a {
color:#8bff06;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:active {
outline:none;
}

#sub_content .sub_content_html h3 {
	margin:0;
	padding:28px 30px 0 30px;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#8bff06;
	text-align:left;
}

#sub_content .sub_content_html h4 {
	margin:0;
	padding:0;
	color:#dddddd;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

#sub_content .sub_content_html h5 {
	margin:0;
	padding:0 0 4px 0;
	color:#dddddd;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
}

#sub_content .sub_content_html p {
	margin:0;
	padding:18px 30px 0 30px;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#dddddd;
	text-align:left;
}

#sub_content .sub_content_html p.header {
	margin:0;
	padding:20px 30px 0 30px;
	font-size:15px;
	line-height:21px;
	font-weight:normal;
}

#sub_content .sub_content_html .image_left_align {
	margin:2px 25px 0 0;
	padding:0;
	border-bottom:2px solid #4E8018;
	border-top:2px solid #4E8018;
}

#sub_content .sub_content_html .partners_image_left_align {
	margin:2px 25px 18px 0;
	padding:0;
	border-bottom:2px solid #4E8018;
	border-top:2px solid #4E8018;
}


#sub_content .sub_content_html .image_full_span {
	margin:0;
	padding:0;
	border-bottom:2px solid #4E8018;
	border-top:2px solid #4E8018;
}

#sub_content .sub_content_html .image_right_align {
	border-bottom:2px solid #4E8018;
	border-top:2px solid #4E8018;
	margin:25px 26px 25px 26px;
	padding:0;
}


#sub_content_the_islands ul {
	margin:18px 25px 25px 30px;
	padding:0 0 0 18px;
	width:760px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

#sub_content_the_islands ul li {
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#dddddd;
	text-align:left;
}

#sub_content_the_islands ul li div.list_icon {
	margin:0 4px 0 5px;
	padding:0;
	width:10px;
	float:left;
}

#sub_content_the_islands ul li div.list_item {
	margin:0;
	padding:0 0 18px 0;
	width:740px;
	float:left;
}


#sub_content_the_project ul {
	margin:18px 0 0 0;
	padding:0 30px 0 40px;
	list-style:none;
	list-style-position:inside;
	width:760px;
}


#sub_content_the_project ul li {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#dddddd;
	text-align:left;
}

/* SHARE Style */

/* GENERAL SHARING MODULE STYLES */

#share_email_container {
	margin:20px 0 0 0;
	padding:0 60px 20px 30px;
	width:327px;
	border-right:1px solid #1e5947;
	float:left;
}

#share_email_container #form_etof {
	margin:14px 0 0 0;
	padding:0;
	text-align:left;
}

#share_email_container #form_etof label {
	margin:0;
	padding:0;
	color:#dddddd;
	font-size:12px;
	line-height:18px;
	width:325px;
}

#share_email_container #form_etof .etof_req {
	font-size:10px;
	line-height:12px;
	font-style:italic;
}

#share_email_container #form_etof .etof_input_field {
	margin:0 0 8px 0;
	padding:0;
	width:325px;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	border:1px solid #939393;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color:#dddddd;
}

#share_email_container #form_etof .etof_submit_btn {
	margin:6px 8px 0 0;
	padding:0;
	width:45px;
	height:17px;
	border:none;
}

#share_email_container #form_etof .etof_cancel_btn {
	margin:6px 0 0 0;
	padding:0;
	width:59px;
	height:17px;
	border:none;
	cursor:pointer;
}

#share_email_container #form_etof .etof_input_desc {
	margin:0;
	padding:0 0 2px 0;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	color:#dddddd;
}

#share_email_container #etof_form_success {
	margin:14px 0 0 0;
	padding:0;
	color:#dddddd;
	font-size:12px;
	line-height:18px;
	width:325px;
	text-align:left;
	display:none;
}

#share_network_container {
	margin:20px 0 0 0;
	padding:0 60px 20px 30px;
	width:327px;
	float:left;
	text-align:left;
}

#share_network_container ul {
	margin:16px 0 0 0;
	padding:0;
	width:250px;
	list-style:none;
	list-style-position:inside;
}

#share_network_container ul li {
	margin:0;
	padding:0 0 10px 0px;
	width:120px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	float:left;
}

#share_network_container ul li img {
	margin:0 10px 0 0;
	padding:0;
	border:0;
	width:16px;
	height:16px;
	float:left;
}

#share_network_container ul li a {
	margin:0;
	padding:0;
	color:#dddddd;
	float:left;
}


#recaptcha_image {
}






/* blog */

#sub_content_blog h3,
#sub_content_blog p {
	padding: 0 !important;
	margin: 0;
	padding-bottom: 10px !important;
	color: #ffffff !important;
}

#sub_content_blog h3 a {
	font-weight: bold;
}

#sub_content_blog div,
#sub_content_blog p {
	text-align: left;
	color: #fff;
	font-size: 12px;
}

#sub_content_blog img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border-bottom:2px solid #4E8018;
	border-top:2px solid #4E8018;
}

#sub_content_blog ul {
	list-style: none;
	margin-top: 10px;
}

#sub_content_blog form,
#sub_content_blog .rss {
	font-size: 11px;
	float: right;
}

#sub_content_blog .rss {
	display: block;
	height: 16px;
	padding-left: 21px;
	padding-top: 1px;
	margin-right: 10px;
	margin-top: 5px;
	background-image: url(../images/feed_icon_16x16.png);
	background-repeat: no-repeat;
}

#sub_content_blog .blog_post {
	border-bottom: 1px dotted #8bff06;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
}

#sub_content_blog .last {
	border-bottom: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
}

#sub_content_blog .default_text {
	font-size: 11px;
	color: #aac3be;
	border: 0;
	width: 142px;
	height: 15px;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 2px;
	background: transparent;
	background-repeat: no-repeat;
	background-image: url("../images/input-bg.png");
	display: inline-block;
	outline: none;
}

.submit {
	background-color: #104728;
	text-transform: uppercase;
	color: #aac3be;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	margin-left: 5px;
	font-size: 11px;
	
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.submit:hover {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;

	cursor: pointer;
	cursor: hand;
}