/* reset
-------------------------------------------------------*/

@import url("reset.css");

/* main rules
-------------------------------------------------------*/

*{
	font-family: Arial, Helvetica, sans-serif;
}

html {
	overflow-y: scroll;
}

body{
	font-size: 68.75%; /* 1em = 11px */
	text-align: center;
	background: #a0dcf8 url(http://www.bluecommunities.org/src/image/common/bg_body.jpg) no-repeat top;
	color: #000;
}

a:link, a:visited, a:active{
	color: #00478F;
	font-weight: bold;
}

a:hover{
	color: #00BDF2
}

#nav1 a span, .flash-replaced .alt, #leftColMid #accordion h2 span span, #rightColMid .video_description {
	position: absolute;
	top: -900em;
	left: -900em;
	display: block;
}

/* structure 
-------------------------------------------------------*/

#mainContent{
	position: relative;
	text-align: left;
	margin: 34px auto 10px auto;
	width: 975px;
}

#header{
	overflow: hidden;
}

#mainLogo{
	float: left;
	display: block;
}

#core{
	min-height: 520px;
	padding-top: 35px;
	overflow: hidden;
}

* html body #core{
	height: 520px;
	overflow: visible;
}

#leftCol{
	float: left;
	width: 238px;
}

#leftColWide{
	float: left;
	width: 725px;
}

#centralCol{
	float: left;
	width: 465px;
	margin-left: 15px;
}

#rightCol{
	float: right;
	width: 244px;
}

#leftColMid{
	float: left;
	width: 480px;
}

#rightColMid{
	float: right;
	width: 480px;
}

#footer{
	background: url(http://www.bluecommunities.org/src/image/common/bg_footer.gif) no-repeat left top;
	width: 975px;
	/*height: 61px;*/
	color: #00478f;
	overflow: hidden;
	margin-top: 20px;
	font-size: 1em
}

/* nav1 
-------------------------------------------------------*/

#nav1{
	width: 724px;
	height: 41px;
	margin-top: 21px;
	float: right;
	overflow: hidden
}

#nav1 li{
	float: left
}

#nav1 li#nav11{
	width: 239px;
}

#nav1 li#nav12{
	width: 246px;
}

#nav1 li#nav13{
	width: 239px;
}

#nav1 li a{
	position: relative;
	display: block;
	height: 38px;
	width: 100%;
	background-repeat: none,
	background-position: 0 0
}
#nav1 li#nav11 a {
	background: url(http://www.bluecommunities.org/src/image/common/nv1_think_blue.gif)
}
#nav1 li#nav11 a:hover {
	background-position: 0 50%
}
#nav1 li#nav11 a.on {
	background-position: 0 100%
}
#nav1 li#nav12 a {
	background: url(http://www.bluecommunities.org/src/image/common/nv1_act_blue.gif)
}
#nav1 li#nav12 a:hover {
	background-position: 0 50%
}
#nav1 li#nav12 a.on {
	background-position: 0 100%
}
#nav1 li#nav13 a {
	background: url(http://www.bluecommunities.org/src/image/common/nv1_join_blue.gif)
}
#nav1 li#nav13 a:hover {
	background-position: 0 50%
}
#nav1 li#nav13 a.on {
	background-position: 0 100%
}

/* nav2 
-------------------------------------------------------*/

#nav2 li{
	width: 238px;
	display: inline;
}

#nav2 li a, #nav2 li a img{
	display: block;
}

/* footer
-------------------------------------------------------*/

#footer a{
	font-weight: normal;
	color: #00478F;
}
#footer a:hover {
	color: #00BDF2
}

#footer p{
	/*margin: 26px 4px 4px 17px;*/
	margin: 58px 4px 4px 17px;
	float: left;
	display: inline
}

#footer p#first{
	margin-left: 10px;
}

/* titles
-------------------------------------------------------*/

.title1{
	font-size: 1.27em;
	font-weight: bold;
	color: #073f94;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.title2{
	font-size: 1em;
	font-weight: bold;
	color: #073f94;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* forms
-------------------------------------------------------*/

.joinForm label{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: #073f94;
	margin-bottom: 5px;
	height: 16px
}
.joinForm label strong {
	font-size: 1.18em
}
.joinForm input.textInput{
	display: block;
	border: none;
	border-top: 1px solid #b2b2b2;
	width: 215px;
	padding: 3px;
	margin-bottom: 10px;
}
.organisation_data input.radioInput,
.organisation_data p label {
	display: inline;
	vertical-align: middle
}
.organisation_data input.radioInput {
	width: 13px;
	height: 13px;
	margin: 0
}
.organisation_data p label {
	margin-left: 5px;
	margin-bottom: 0
}
#core .organisation_data p {
	margin: 5px 0 0
}
#core .joinForm p.other {
	margin-top: 10px
}
.joinForm p.other label {
	margin: 0 0 5px 0;
	display: block
}
.joinForm input.submitInput{
	margin-top: 15px;
	margin-left: 152px;
}
.joinForm .msgError
{
	color:red;
	margin:0;
	padding:0;
	font-weight:bold;
}

#joinFormConfirmation
{
	border: 1px solid darkblue;
	padding:15px;
	margin: 10px;
	background-color:white;	
}
#core p.infoInnerForm {
	margin: 0 0 15px
}
.infoForm {
	margin-top: 15px
}
.infoForm strong {
	font-size: 1.18em;
	color: #073F94
}
#centralCol.joinBlue {
	width: 720px
}
#centralCol.joinBlue fieldset {
	float: left;
	width: 244px
}
label.captcha {
	font-size: 1em;
	text-transform: none;
	color: #000;
	font-weight: normal;
	height: auto
}
.captchaField {
	width: 93px;
	margin-left: 5px
}
.captchaImg {
	width: 120px
}


/* misc
-------------------------------------------------------*/

.introduction {
	font-size: 1.09em
}
.accordionContent .introduction {
	margin-top: 13px
}


.introTxt{
	color: #073f94;
	font-size: 1.09em;
}

.arrowList{
	margin-bottom: 10px;
}
.introduction .arrowList {
	margin-bottom: 15px;
}
.introduction .arrowList li,
.normalList li {
	background: url(http://www.bluecommunities.org/src/image/common/pu_bullet.gif) no-repeat 0 4px;
	padding-left: 15px
}

.arrowList li{
	background: url(http://www.bluecommunities.org/src/image/common/pu_arrow.gif) no-repeat left;
	padding-left: 20px;
	margin-bottom: 5px;
}

.arrowList li a{
	color: #2d3291!important;
	font-weight: normal!important;
}

#core p{
	margin-bottom: 15px;
}

#push{
	clear: both;
	background: #261f7f;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	zoom: 1;
}

#push h2{
	float: left;
	margin: 0 8px 5px 0;
	width: auto!important;
}

#push p{
	margin-bottom: 0;
}

#leftCol #push{
	width: 215px;
}

.displayBlock{
	display: block;
}

.posRelative{
	position: relative;
}

.download_link {
	padding-right: 14px;
	background: url(http://www.bluecommunities.org/src/image/common/download.gif) no-repeat 100% 50%
}

#external_sources {
	font-size: .92em;
	margin: 20px 0 0 5px
}
#external_sources h4 {
	font-size: .92em
}

#carouselTxts {
	margin-top: 17px
}

.corporate_link {
	float:right;
	margin: 5px 55px 0 0;
	width: 55px;
	height: 55px;
}

/* evolving community
-------------------------------------------------------*/

.evolvingBlock{
	float: left;
	background: url(http://www.bluecommunities.org/src/image/common/bg_evolving_bloc.gif) no-repeat left top;
	margin-bottom: 10px;
	padding: 15px;
	width: 453px;
	height: 267px;
	color: #073f94;
}

.secondBlock{
	margin-left: 9px;
}

.evolvingBlock img{
	display: block;
	margin-bottom: 15px;
}

/* Act Blue // accordion
-------------------------------------------------------*/

.accordionContent{
	background: #f4fbfe url(http://www.bluecommunities.org/src/image/common/bg_accordion_mid.gif) bottom repeat-x;
	padding: 5px 10px;
	width: 460px;
	overflow: hidden;
	height:31em;    /* parameter for  think blue accordion element */
}
.ab_accordion .accordionContent {
	 height: 4.5em;    /* parameter for act blue accordion element */
}

.accordionContent .accordionContentLeft{
	width: 220px;
	float: left;
}

.accordionContent .accordionContentRight{
	width: 220px;
	float: right;
}


.introduction .intro,
.start_acting {
	color: #00478f;
	text-transform: uppercase
}
.introduction .intro {
	/*font-size: 1.36em;*/
	font-size: 1.15em;
	letter-spacing: -.5px
}
.introduction p {
	margin-bottom: 28px
}
.start_acting {
	padding-top:10px;
	font-size: .92em
}
.introduction h2 img {
	display: block
}

#leftColMid #accordion h2.off .show {
	display: block;
	margin-bottom: 1px
}

#core .ab_accordion p {
	margin: 5px 0 0
}

#accordion h2.off {
	margin-bottom: 1px
}

.innerBlock {
	margin-bottom:1px
}

/* Act Blue titles
-------------------------------------------------------*/
.introduction h2 {
	padding-bottom: 5px
}


#leftColMid #accordion h2{
	width: 480px;
	height: 22px;
	position: relative;
	background:transparent url(http://www.bluecommunities.org/src/image/common/bg_tab_accordion.gif) no-repeat 0 100%;
	margin-bottom: 1px;
	cursor: pointer;
	font-size:1em;
}

/*#leftColMid #accordion h2.off{
	background-position: 0 100%;
	margin-bottom: 1px
}*/

#leftColMid #accordion h2.on{
	background-position: 0 0;
	margin-bottom:0;
	cursor: default
}

#leftColMid #accordion h2 span {
	display: block;
    height: 18px; 
	background-position: 15px 50%;
	background-repeat: no-repeat;
	color:#00478F;
	font-weight:bold;
	padding:2px 7px;
	
}
#leftColMid #accordion h2 span span {
	background: none;
	font-size:1em;
}

#leftColMid #accordion.ab_accordion h2 {
   height:auto;
}

#leftColMid #accordion.ab_accordion h2 span span{
	position: static;
	top: -0;
	left: -0;
	display: inline;
	font-size:1.2em;
	font-weight:bold;
}
/*
#leftColMid #accordion h2#wash_car span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_wash_the_car.gif);
}

#leftColMid #accordion h2#brilliant_bathroom span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_brilliant_bathroom_idea.gif);
}

#leftColMid #accordion h2#winners_in_kitchen span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_clean_winners_kitchen.gif);
}

#leftColMid #accordion h2#dont_mix span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_dont_mix.gif);
}
#leftColMid #accordion h2#respect_animals span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_respect_sea_animals.gif);
}
#leftColMid #accordion h2#reefs_are_fragile span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_reefs_are_fragile.gif);
}
#leftColMid #accordion h2#clean_homes span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_clean_homes.gif);
}
#leftColMid #accordion h2#boatyard_waste span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_boatyard_waste.gif);
}
#leftColMid #accordion h2#sewerage_overflows span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_severage_overflows.gif);
}
#leftColMid #accordion h2#positive_mark span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_positive_mark.gif);
}
*/
#rightColMid.narrow{
	width:450px;
}

#rightColMid.narrow h3{
	color:#00478f;
	font-size:110%;
	font-weight:normal;
	background:url(http://www.bluecommunities.org/src/image/common/accordian_closed.gif) no-repeat right top;
	line-height:31px;
	margin:0 0 5px 0;
	cursor:pointer;
}

#rightColMid h3.on{
	color:#00478f;
	font-size:110%;
	font-weight:normal;
	background:url(http://www.bluecommunities.org/src/image/common/accordian_open.gif) no-repeat right top;
	line-height:31px;
	margin:0 0 5px 0;
}

#rightColMid h3 SPAN{
	color:#6b6b6b;
	font-size:110%;
	font-weight:normal;
	margin-right:10px;
	width:200px;
}

#rightColMid .accordionContent{
	background:none;
	margin:0;
	padding:0;
	width:425px;
	/* height:460px; */
	height:45em;
	color:#00478f;
	font-size:110%;
}
/*
#rightColMid.narrow h2 {
	text-indent:-999em;
	background:url(http://www.bluecommunities.org/src/image/content/heading_blueprint_for_coastlines.gif) no-repeat top;
	width:213px;
	height:13px;
	margin-bottom:1em;
}
*/

/* Carousel and flash player
-------------------------------------------------------*/
#flashPlayer {
	overflow:hidden
}


#carouselContainer{
	background: #e3e2e2 url(http://www.bluecommunities.org/src/image/common/bg_carousel.gif) no-repeat 0 0;
	position: relative;
	/*height: 117px;*/
	width: 480px;
	margin-bottom: 10px;
	/*hiding carousel*/
	position:absolute;
	margin-left:-999em
}

#carouselContainer #carouselLegend{
	margin: 0 20px;
}
#carouselTxt1 p {
	font-size: 1.09em
}
.bg_carousel {
	display: block
}

/* Home
-------------------------------------------------------*/

#flashTagCloud{
	position: relative;
	float: left;
	width: 487px;
}

#didYouKnow{
	display: block;
	float: right;
}


/* Think Blue titles
-------------------------------------------------------*/
.accordionContent p {
   margin:0.5em 0;
}

#leftColMid #accordion h2#think_blue span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_think_blue.gif);
}
/*
#leftColMid #accordion h2#healthier_shorelines span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_healthier_shorelines.gif);
}*/
#leftColMid #accordion h2#think_differently span{
	background-image: url(http://www.bluecommunities.org/src/image/content/heading_think_differently.gif);
}
#leftColMid #accordion h2#protecting_species span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_protecting_species.gif);
}
#leftColMid #accordion h2#working_together span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_working_together.gif);
}
#leftColMid #accordion h2#coastal_future span{
	background-image: url(http://www.bluecommunities.org/src/image/common/nv2_coastal_future.gif);
}

/* Think Blue
-------------------------------------------------------*/
#core .quote {
	color: #00bdf2;
	margin-bottom: 9px
}
.graph {
	margin-top: 15px
}
.reef_block img,
.reef_block h3,
.reef_block p {
	float:left
}
.reef_block h3,
.reef_block p {
	width: 350px;
	margin-left: 8px;
	display: inline;
	font-size: 1em
}
.reef_block h3 {
	color: #0d5799
}
.initiativeTitle {
	text-align: center
}
.initiativeImg {
	width: 185px;
	height: 50px;
	display: block;
	margin: 20px auto 25px;
	background: url(http://www.bluecommunities.org/src/image/content/bc_logo_small.png) no-repeat 0 0;
}
* html body .initiativeImg {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../src/image/content/bc_logo_small.png');
}



#flashMap {
	height: 452px
}