body { background:#dddddd; }
#topBar, #brandBar, #toxicFuelsBar, #navigation, #mainContent { border-left:solid 1px #9b9b9b; border-right:solid 1px #9b9b9b; }
#topBar { background-color:#f8f8f8; height:25px; background:url(../img/topBar.jpg) repeat-x; }
#brandBar { background-color:#0099cc; height:80px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; }
#brandBar img { padding-left:21px; padding-top:15px; }
#toxicFuelsBar { background-color:#f8f8f8; height:130px; border-top:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; }
#toxicFuelsBar img { padding-left:21px; padding-top:25px; }
img#wwfLogo { vertical-align:top; padding:0px 20px 0px 0; }
/*----Navigation----*/

#navigation { height:37px; border-bottom:solid 1px #c9c9c9; background:url(../img/navGrad.jpg) repeat-x; }
#navigation ul { list-style-type: none; padding:0; margin:0; }
#navigation ul li { display: inline; float: left; margin: 0 auto; padding: 0 12px; }
#navigation ul li a { text-decoration:none; font-size:10px; color:#666; font-weight:normal; display: block; padding:11px 5px; }
#navigation ul li a:hover { color:#fff; background:#0099cc; }
/*---- End nav----*/

/*--- sub nav --- */
#subNavigation { background: #0099CC; border-left:solid 1px #9B9B9B; border-right:solid 1px #9B9B9B; height:25px; padding-top:10px; font-size:10px; text-decoration:none; }
li.subNav { list-style:none; display:inline; text-decoration:none; }
ul li.subNav ul { list-style:none; display:inline; position: relative; border-bottom: none; }
ul li.subNav ul li a { color:#FFF; }
ul li.subNav ul li a:link, ul li.subNav ul li a:visited { list-style:none; font-weight: normal; text-decoration:none; }
ul li.subNav ul li#here a:link, ul li.subNav ul li#here a:visited { list-style:none; font-weight: bold; }
ul li.subNav ul li#here a:hover, ul li.subNav ul li#here a:active, ul li.subNav ul li#here a:focus { text-decoration: none; }
ul li.subNav ul li a:hover, ul li.subNav ul li a:active, ul li.subNav ul li a:focus { list-style:none; text-decoration: underline; color: #FFF; }
ul li.subNav-three ul { position: absolute; top: 35px; left: 455px; background: url(../img/subNav-divider.gif) no-repeat right 50%; border-bottom: none; }
ul li.subNav-three ul li a:link, ul li.subNav-three ul li a:visited { font-weight: normal; background: url(../img/subNav-divider.gif) no-repeat 0 50%; }
ul li.subNav-three ul li#here a:link, ul li.subNav-three ul li#here a:visited { font-weight: bold; }
ul li.subNav-three ul li#here a:hover, ul li.subNav-three ul li#here a:active, ul li.subNav-three ul li#here a:focus { text-decoration: none; }
ul li.subNav-three ul li a:hover, ul li.subNav-three ul li a:active, ul li.subNav-three ul li a:focus { text-decoration: underline; color: #0099cc; }
/*/////////////////// End Sub Nav ////////////////*/

/*-- Current locatin Page link styles--*/
body#home #navigation li.home a { color:#fff; background-color:#0099cc; }
/*-- What are toxic fuels page --*/
body#whatAreToxicFuels #navigation li.whatAreToxicFuels a { color:#fff; background-color:#0099cc; }
body#whatAreToxicFuels h1 { color:#0099cc; }
/*-- End What are toxic fuels page --*/

/*-- Beaver Cree Nation page --*/
body#beaverCreeNation #navigation li.beaverCreeNation a { color:#fff; background-color:#0099cc; }
body#beaverCreeNation h1 { color:#0099cc; }
body#beaverCreeNation .greyBox a { background:#f3f3f3!important; }
body#beaverCreeNation .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#beaverCreeNation .bodyContent a:hover { text-decoration:underline; }
/*-- End Beaver Cree Nation --*/

.bottomBox ul li { color:#0099CC; list-style-image:none; list-style-position:outside; list-style-type:square; }
/*-- Take Action --*/
body#takeAction #navigation li.takeAction a { color:#fff; background-color:#0099cc; }
body#takeAction h1 { color:#0099cc; }
body#takeAction .bodyContent h2 { color:#0099cc; }
body#takeAction .bodyContent img { margin-bottom:20px; }
body#takeAction .bodyContent li { color:#666; }
body#takeAction .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#takeAction .bodyContent a:hover { text-decoration:underline; }
/*-- End Take Action --*/


/*-- whatAreToxicFuels --*/
body#whatAreToxicFuels #navigation li.whatAreToxicFuels a { color:#fff; background-color:#0099cc; }
body#whatAreToxicFuels h1 { color:#0099cc; }
body#whatAreToxicFuels .bodyContent h2 { color:#0099cc; }
body#whatAreToxicFuels .bodyContent img { margin-bottom:20px; }
body#whatAreToxicFuels .bodyContent li { color:#666; }
body#whatAreToxicFuels .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#whatAreToxicFuels .bodyContent a:hover { text-decoration:underline; }
/*-- End whatAreToxicFuels --*/

/*-- tarSands --*/
body#tarSands #navigation li.tarSands a { color:#fff; background-color:#0099cc; }
body#tarSands h1 { color:#0099cc; }
body#tarSands .bodyContent h2 { color:#0099cc; }
body#tarSands .bodyContent img { margin-bottom:20px; }
body#tarSands .bodyContent li { color:#666; }
body#tarSands .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#tarSands .bodyContent a:hover { text-decoration:underline; }
/*-- End whatAreToxicFuels --*/

/*--  ourCampaign page --*/
body#ourCampaign #navigation li.ourCampaign a { color:#fff; background-color:#0099cc; }
body#ourCampaign h1 { color:#0099cc; }
body#ourCampaign .greyBox a { background:#f3f3f3!important; }
body#ourCampaign .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#ourCampaign .bodyContent a:hover { text-decoration:underline; }
/*-- End ourCampaign --*/

/*--  aboutWWF page --*/
body#aboutWWF #navigation li.aboutWWF a { color:#fff; background-color:#0099cc; }
body#aboutWWF h1 { color:#0099cc; }
body#aboutWWF .greyBox a { background:#f3f3f3!important; }
body#aboutWWF .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#aboutWWF .bodyContent a:hover { text-decoration:underline; }
/*#aboutWWF a { text-decoration:underline; color:#09C; }*/
/*-- End aboutWWF --*/

/*--  pressAndResources page --*/
body#pressAndResources #navigation li.pressAndResources a { color:#fff; background-color:#0099cc; }
body#pressAndResources h1 { color:#0099cc; }
body#pressAndResources .greyBox a { background:#f3f3f3!important; }
body#pressAndResources .bodyContent a { background:#fff; border:0px; text-decoration:none; }
body#pressAndResources .bodyContent a:hover { text-decoration:underline; }
/*-- End pressAndResources --*/

/********************************************************
		Form styles
********************************************************/

.textInput { position:relative; vertical-align:top; width:19.4em; border:solid 1px #bec5c6; float:left; display:block; padding:4px 0px 4px 4px; }
.labelText { float:left; font-weight:bold; position:relative; width:10em; font-size:14px; color: #000000!important; }
fieldset { border:0px; float: left; clear: left; width: 100%; margin: 3em 0 0em 0; padding: 0; }
label { float: left; margin-right: 14px; vertical-align:bottom; }
.checkBoxes { margin-top:0em; color:#666; font-size:12px; font-weight:normal; }
#contactForm table { float:left; margin: 12px 0px; }
.checkBoxes label { width:30em; position:relative; float:left; }
.checkBoxLarge { height:20px; width:20px; display:block; float: left; }
body#email_friend .labelText2 { font-size:16px; /*color:#8bc53e;*/ font-weight:bold; color: #000099; margin-right: 20px; }
body#email_friend input { width: 186px; height: 18px }
body#email_friend .btn { width: 100px; height: 30px; font-size:12px; }
fieldset ul { list-style:none; }
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
fieldset.submit { float: none; width: auto; border: 0 none #FFF; padding-left: 12em; }
input.btn { margin: 0 0 1em 0; border: 1px solid #016889; border-top: 1px solid #1190BB; padding: 3px 6px; background: #0099cc url(../btn-bg.gif) repeat-x top left; font-weight: bold; font-size: 1.1em; color: #F1FCFF; cursor: pointer; text-decoration: none; }
input.btn:hover { background: #004B6D; }
.btn { font-size:12px; }
/********** Input Text Box for Email a friend **************/

.inputBox { padding:3px; }
.inputBox:hover { cursor:text; }
/* email friend page */
body#email_friend .column h2 { font-size: 16px; color: #333333; }
body#email_friend .column ul { font-size: 14px; color: #333333; /*list-style-type: none;*/ margin: 10px 40px; }
body#email_friend .column p { font-size: 14px; color: #333333; }
body#email_friend #details { margin: 40px 45px; }
body#email_friend .column a { text-decoration:none; padding:1px; cursor:pointer; color:#0099cc; margin: 25px; }
body#email_friend .warning a:hover { background: #0099cc; padding: 1px; color: #fff; }
body#email_friend .column a:hover { padding: 1px; color: #fff; }
/* End friend page */

#news-container ul li { list-style:none; margin-left:0px; }
/*-- End link styles --*/


#mainContent { background-color:#f3f3f3; padding-top:20px; }
#flashBanner { height:260px; border:solid 1px #dadada; background:#FFF; width:900px; margin-left:20px; margin-right:20px; }
#flashBannerShadow { height:19px; background:url(../img/flashShadow.jpg) #f3f3f3 no-repeat bottom; }
#flashContent { height:220px; margin-top:10px; }
/*-- footer --*/
#footer { height:122px; background:url(../img/footerBG.jpg) repeat-x; border:solid 1px #9b9b9b; font-size:10px; position:relative; }
#footer .grid_8 { border-left:solid #e2e2e2 1px; border-right:solid #e2e2e2 1px; }
#footer h2 { margin:0px 0px 10px 20px; color:#0099cc; }
#footer ul { margin-bottom:10px; }
#footer ul li { list-style:square; color:#0099cc; }
#footer ul li a { text-decoration:none; color:#666; font-weight:normal; display: block; }
#footer ul li a:hover { text-decoration:underline; }
/*-- End footer --*/

/*---Classess--*/
.whiteBox { background-color:#FFF; border:solid 1px #ccc; margin-bottom:20px; padding-top:10px; }
.whiteBox p, h1 { padding:0px 20px 0px 20px; }
.whiteBox a { background:#0099cc; color:#FFF; text-decoration:none; font-size:9px; margin:0px 10px 0px 0px; padding:5px 10px 5px 10px; }
.whiteBox a img { background:#fff; }
.bodyContent a { background:#eee; color:#0099cc; border:solid 1px #ccc; }
.bodyContent h2 { margin-bottom:15px; }
.bodyContent h2 a { font-size:14px; background:#fff; color:#0099cc; border:0px; padding-left:0px; }
.bodyContent h2 a:hover { text-decoration:underline; }
.greyBox { background:#f3f3f3; border:1px solid #ccc; margin: 0 30px 20px; }
.greyBoxMargin { margin: 125px 0 0; }
.greyBox p, h1 { padding:0px 20px 0px 20px; }
.greyBox h3 { font-size:12px; padding:6px 0px 5px 9px; margin-bottom:0px; }
.whiteBGBody { background:#FFF!important; }
.whiteBox h3 { font-size:12px; padding:6px 0px 5px 9px; }
.header { height:28px; background:url(../img/whiteBoxHeader.jpg) repeat-x; }
.adjustMargin15Left { margin-left:10px; padding-top:0px; }
.adjustMargin15Left p { padding-left:10px; padding-top:10px; }
.blueSpan, .blueSpanBold { color:#0099cc; }
.blueSpanBold { font-weight:bold; }
.blueH3 { color:#0099cc; padding:6px 0px 0px 9px; font-size:14px!important; }
a.whiteBG { background:#ffffff!important; border:0px!important; }
.bottomMargin20 { margin-bottom:20px; }
.topMargin20 { margin-top:20px!important; }
.marginLeftZero { margin-left:10px!important; }
.marginLeft20 { margin-left:20px!important; }
.marginLeft40 { margin-left:40px!important; }
.marginLeft50 { margin-left:50px!important; }
.marginLeft60 { margin-left:60px!important; }
.marginLeft120 { margin-left:120px!important; }
.paddingRight0 { padding-right:0px; }
.paddingBottom20 { padding-bottom:20px; }
.paddingBottom50 { padding-bottom:50px; }
.paddingBottom60 { padding-bottom:60px; }
.paddingLeft0 { padding-left:0px!important; }
.paddingLeft20 { padding-left:20px!important; }
.small { font-size:10px; text-align:right; }
.smaller { font-size:9px; text-align:right; }
.donationCell { vertical-align:top; padding-left:10px; }
.donationField { width:95px; }
p.firstHeaderItem { margin-left:20px!important; display: block; width: 300px; font-size: 20px; }
p.titleMainGrey { display:inline; padding:0px; margin:0px; }
p.blueHeader { display:inline; padding:0px!important; margin:0px!important; }
p.widthCustom1 { width:135px; }
p.widthCustom2 { width:100px; }
p.widthCustom3 { width:105px; }
p.widthCustom4 { width:300px; }
p.widthCustom5 { }
.jcarousel-control { font-size:14px; }
.marginLeft182 { margin-left:153px; }
.marginLeft290 { margin-left:130px; }
.marginLeft210 { margin-left:210px; }
/*Ste's additions*/
.wrap_sidebox { margin: 0 0 20px; }
.wrap_sidebox .float_left { float:left; margin:10px 0 0 10px; width:115px; }
.wrap_sidebox .float_right { float: right; margin: 0px 10px 0 0; width: 103px; }
.news ul { margin: 0!important; }
.social_images { margin: 0; padding: 10px; }
.social_images img { float: left!important; list-style-type: none!important; padding: 0 !important; margin:0 !important; }
.social_images a { padding: 0 !important; margin:0 !important; border: 0; background: none; width: 77px; height: 38px; }
.social_images img:hover { cursor: pointer; }
.header_left { float: left; padding: 17px 0 0 20px; }
.header_right { float: right; padding: 0px 0px 0 0; width: 280px; }
.header_right img { float: right; }
.top_white { color: #fff; font-weight: bold; float: left; padding: 5px 0 0; }
.quote_right { width: 343px; margin: 0 0 10px 37px; }
.side_small { width: 252px; margin: 0 auto 20px; padding: 0 0 20px 0; border-bottom: 1px dashed #666; }
.side_small .float_left { width: 120px; }
.twitter_feed { margin: 0 0 30px 15px; }
#effect1, #effect2 { display:none; }
.open_response1, .open_response2 { background:#EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; color:#666666; cursor:pointer; display:block; font-size:9px; letter-spacing:2px; padding:5px; text-transform:uppercase; width:110px; }
.blog_img { border: 2px solid #ccc; margin: 10px 0 0 10px; }
.press-imgs-right-col img { margin: 30px 0px 0px 0px; }

#donate-form { padding-left:10px; }.float-right {
	float: right;
	margin: 0 20px 20px 20px;
}
a.buynow {
	display: block;
	width: 400px;
	height: 40px;
	background: url(../img/buynow.jpg) no-repeat 0 0!important;
	text-indent: -9999px;
}

a.buynow:hover {
	display: block;
	width: 400px;
	height: 40px;
	background: url(../img/buynow.jpg) no-repeat 0 -40px!important;
	text-indent: -9999px;
}

.tshirt-box-wrap {
	
}

.tshirt-box-left {
	float: left;
	width: 53%;
}

.tshirt-box-right {
	float: right;	
	width: 47%;
}

.intro {
	font-size: 15px;
	line-height: 21px;
}
.image-right {
	float: right;
	margin: 0 0 30px 30px;
	border: 1px solid #333;
}
.caribou-split {
	font-size: 14px;
	background: #eee!important;
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc!important;
	margin: 40px 0;
}

.caribou-game {
	width: 500px;
	margin: 20px auto;
}

.caribou-split {
	padding: 20px;	
}

.caribou-left {
	float: left;
	width: 78%;
}
.caribou-left a {
	font-size: 16px;
	line-height: 22px;
	background: none
!important;
}

.caribou-right {
	float: right;
	width: 18%;
}
.caribou-right a {
	border: 3px solid #ddd;
	display: block;
}
.slider-wrapper {
	padding: 10px 10px 20px;
	background: url(../img/slider-wrapper.jpg) no-repeat;
	margin: 0 0 20px 0;
}
.slider {
	overflow:hidden;
	position:relative;
	width:591px;
	height:242px;
}

.slider img {
	left:0;
	position:absolute;
	top:0;	
}

.carbou-button-split {
	padding: 0 10px 0 0;
}

.caribou-button-left {
	float: left;
	width: 45%;
}

.caribou-button-right {
	float: right;
	width: 45%;
}