html,
body { height: 100%; }

#main {overflow:auto;
	padding-bottom: 310px; }
	
#wrap {min-height: 100%; }

#footer {position: relative;
	margin-top: -308px; /* negative value of footer height */
	clear:both;} 

#footer.no-sponsors { margin-top: -206px; }

body.no-container #footer { margin-top: -207px; }
body.no-container #main { padding-bottom: 207px; }


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


html body p,
html body {
/*
	background: #fff;
*/
	color: #727272;
	color: #acacac;
	color: #666;
	font-family: Verdana;
	font-family: 'Questrial', sans-serif;
	font-size: 15px;
	line-height: 22px;
}

ul.ocean-council li { line-height: 22px; }

/***************************
 * Some Utility classes
 ***************************/

.marginTop10 { margin-top: 10px !important; }
.marginTop20 { margin-top: 20px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginTop40 { margin-top: 40px !important; }
.marginTop50 { margin-top: 50px !important; }
.marginTop60 { margin-top: 60px !important; }
.marginTop70 { margin-top: 70px !important; }
.marginTop80 { margin-top: 80px !important; }
.marginTop90 { margin-top: 90px !important; }
.marginTop110 { margin-top: 110px !important; }

.marginRight0 { margin-right: 0px !important; }
.marginRight10 { margin-right: 10px !important; }

.marginBtm18 { margin-bottom: 18px; }
.marginBtm30 { margin-bottom: 30px; }
.marginBtm50 { margin-bottom: 50px; }
.marginBtm100 { margin-bottom: 100px; }

.marginTopBtm30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.marginTopBtm50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.padding0 { padding: 0 !important; }
.paddingTop3 { padding-top: 3px !important; } 
.paddingRight30 { padding-right: 30px !important; }
.paddingBtm50 { padding-bottom: 50px !important; }

.margin-center { margin: 0 auto; }

.relative { position: relative; }
.absolute { position: absolute; }

.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.text-white { color: #fff !important; }

.uppercase { text-transform: uppercase !important; }
.strikethrough { text-decoration: line-through; }

.height75px { height: 75px; }
.height100 { height: 100%; }

.width100 { width: 100%; }

.cyan { color: #39a2d9 !important; }
.grey { color: #acacac !important; }
.greyd3 { color: #d3d3d3 !important; }

.bg-black { background-color: #000 !important; }
.bg-cyan { background-color: #39a2d9 !important; }


.bold { font-weight: 700 !important; }

span.highlight { color: #4d87ba; color: inherit; font-weight: 700; }
span.highlight-blue { color: #1a2751; }
span.highlight-blue { color: #39a2d9; }

.borderBtm1-2c { border-bottom: 1px solid #c2c2c2; }

.linkDivider { margin: 0 20px; border-right: 1px solid: #a5d2ee; border-left: 1px solid #79bbe6; height: 14px; width: 1px; display: inline-block; }

/***************************
 * Infoboxes - blue
 ***************************/

.infobox-blue {
	position: relative;
	background: #39a2d9;
	width: 105px;
	height: 19px;
	padding: 13px 0;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-family: 'NovecentowideLightBold';
	font-weight: normal;
	border-radius: 5px;
	overflow: visible;
}
		
/***************************
 * Arrow Points
 ***************************/
.arrow-right-blue {
	border-left: 10px solid #39a2d9;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: none;
	width: 0;
	height: 0;
}

.infobox-blue .arrow-right-blue {
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -10px;
}

/***************************
 * Buttons - blue gradient
 ***************************/
.btn-blue {
	background: #00caea; /* Old browsers */
	background: -moz-linear-gradient(top,  #00caea 0%, #3074b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00caea), color-stop(100%,#3074b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00caea 0%,#3074b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00caea 0%,#3074b8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00caea 0%,#3074b8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00caea 0%,#3074b8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00caea', endColorstr='#3074b8',GradientType=0 ); /* IE6-9 */

	text-align: center;
	text-transform: uppercase;
	padding: 15px 20px;
	height: 22px;
	font-family: 'NovecentowideLightBold';
	font-weight: normal;
	font-size: 22px;
	color: #fff;
	text-shadow: 0px -1px 1px #3174b7;
	border-radius: 5px;
}

/***************************
 * Sprites - Solid (sprites.jpg)
 ***************************/

.signup,
.globe,
.info-chart,
.info-jurisdiction,
.social-banner,
.logo-header,
.member-count-header,
.daily-catch { display: block; width: 220px; height: 35px; text-indent: -9999px; background: transparent url(https://s3.amazonaws.com/terramar/images/sprites.jpg) no-repeat; }

.council,
.donate,
.learn-more,
.submit,
input[type=submit].submit,
.vision,
.click-dare,
.fine-print,
.daily-catch { display: block; width: 220px; height: 35px; text-indent: -9999px; background: transparent url(https://s3.amazonaws.com/terramar/images/sprites-buttons.jpg) no-repeat; }

.btn-problems { display: block; width: 304px; height: 49px; overflow: hidden; background: transparent url(https://s3.amazonaws.com/terramar/images/button-problems-and-solutions.jpg) no-repeat; }
.btn-problems:hover { background-position: 0 -49px; }

.click-dare { background-position: 0 -35px; }
.click-dare:hover { background-position: 0 0; }

.vision { background-position: 0 -105px; }
.vision:hover { background-position: 0 -70px; }

.learn-more { background-position: 0 -175px; }
.learn-more:hover { background-position: 0 -140px; }

input[type=submit].submit,
.submit { background-position: 0 -315px; border: 0; }
input[type=submit].submit:hover,
.submit:hover { background-position: 0 -280px; }

.fine-print { background-position: 0 -245px; }
.fine-print:hover { background-position: 0 -210px; }

.donate { background-position: 0 -350px; }
.donate:hover { background-position: 0 -385px; }

.council { background-position: 0 -455px; }
.council:hover { background-position: 0 -420px; }

/*
.learn-more { background-position: 0 -35px; }
.learn-more:hover { background-position: 0 0; }

.signup { background-position: 0 -111px; }
.signup:hover { background-position: 0 -70px; }

input[type=submit].submit,
.submit { background-position: 0 -148px; border: 0; border-radius: 0; box-shadow: 0; }
input[type=submit].submit:hover,
.submit:hover { background-position: 0 -185px; }
*/

.logo-header,
.member-count-header { display: block; text-indent: -9999px; background: transparent url(https://s3.amazonaws.com/terramar/images/sprites-header.jpg) no-repeat; }

.logo-header { background-position: 0 -5px; width: 282px; height: 20px; }
.member-count-header { background-position: -10px -42px; width: 210px; height: 20px; text-indent: 0; padding-left: 12px; padding-top: 4px; color: #4d86b8; font-weight: 700; }
.member-count-header { background-position: -50px -43px; width: 210px; height: 20px; text-indent: 0; padding-left: 8px; padding-top: 4px; color: #4d86b8; font-weight: 700; font-size: 17px; }


.globe { background-position: 3px -543px; width: 440px; height: 435px; }
.content-col1.info-chart { background-position: 0 -238px; width: 452px; height: 287px; border-right: 0; margin-right: 20px; }
.content-col2.info-jurisdiction { background-position: -476px -185px; width: 435px; height: 288px; }
.social-banner { background-position: -247px -73px; width: 696px; height: 92px; }
.daily-catch { background-position: -475px -482px; width: 446px; height: 333px; text-indent: 0; }

/***************************
 * Sprites - Transparent (sprites-trans.png)
 ***************************/

.read-more-arrow,
.social-icons-fb,
.social-icons-tw,
.social-icons-gp,
.social-icons-pin,
.social-icons-insta,
.social-icons-tumblr { display: block; width: 24px; height: 25px; margin-left: 7px; float: right; text-indent: -9999px; background: transparent url(https://s3.amazonaws.com/terramar/images/sprites-trans.png) no-repeat; }

.read-more-arrow { height: 16px; width: 15px; background-position: 0 -28px; }
.social-icons-fb { background-position: 0 0; }
.social-icons-tw { background-position: -30px 0; }
.social-icons-gp { background-position: -63px 0; }
.social-icons-pin { background-position: -95px 0; }
.social-icons-insta { background-position: -129px 0; }
.social-icons-tumblr { background-position: -162px 0; }

.read-more-arrow:hover { background-position: -16px -28px; }
.social-icons-fb:hover,
.social-icons-tw:hover { background-color: #4d86b8; }
.social-icons-gp:hover { background-color: #008a39; }
.social-icons-pin:hover { background-color: #C62022; }
.social-icons-insta:hover { background-color: #4d86b8; }
.social-icons-tumblr:hover { background-color: #4d86b8; }

/***************************
 * Sprites - Creative Commons Licenses
 ***************************/

.cc-license { width: 80px; height: 17px; background: #fff url(../images/cc-licenses.png) no-repeat; }
.cc-license.by { background-position: 0 0; }
.cc-license.by-sa { background-position: 0 -17px; }
.cc-license.by-nc-sa { background-position: 0 -34px; }
.cc-license.zero { background-position: 0 -51px; }
.cc-license.by-nd { background-position: -81px 0; }
.cc-license.by-nc { background-position: -81px -17px; }
.cc-license.by-nc-nd { background-position: -81px -34px; }

/***************************
 * Basic Layout
 ***************************/

#header {
	position: relative;
	width: 100%;
	height: 77px;
	margin-bottom: 0px;
	padding-top: 10px;
	background-color: #434444;
}

#header-inner { padding-bottom: 8px; }
#header-inner span { margin: 0; }

#sub-header {
	width: 100%;
	height: 33px;
	background-color: #969696;
}

#logo { margin-top: 13px; width: 345px; }
#member-count { margin-top: 10px; width: 395px; }

#social-icons,
.social-icons { margin-top: 10px; }

#footer .social-icons { margin-top: 6px; }
#footer #footer-head .container table { float: left; width: 475px; margin-top: 6px; }
#footer #footer-head .container .become-a-citizen { width: 264px; float: left; }

/***************************
 * Navigation
 ***************************/

#nav-main { text-transform: uppercase; font-size: 13px; font-weight: 700; margin-top: 5px; color: #fff; text-decoration: none; }
#nav-main ul { width: 600px; height: 17px; list-style: none; list-style-type: none; margin: 0; padding: 3px 0; float: left; }
#nav-main ul li { display: block; float: left; border-right: 1px solid #878787; padding: 0; margin: 0; }
#nav-main ul li:first-of-type a,
#nav-main ul li:first-of-type { padding-left: 0; }
#nav-main ul li:last-of-type { border-right: 0; }
#nav-main ul li a { display: block; padding: 0 10px; height: 16px; margin: 0; color: #fff; text-decoration: none; }
#nav-main ul li a:hover { color: #111; }
#nav-main #newsletter-signup-link { cursor: pointer; float: right; width: auto; margin-top: 1px; }
#nav-main #newsletter-signup-link:hover { color: #555; }

ul li.
/**********************************
 * HOMEPAGE
 *********************************/

.sideout-join-up {
	background: #fff;
	border: 1px solid #008fc6;
	padding: 20px;
	width: 300px;
	height: 360px;
	z-index: 1000000;
	width: 260px;
	text-align: center;
}

.sideout-join-up .handle:hover { cursor: pointer; top: -3px; }
.sideout-join-up h2 { margin: 0 0 10px; border-bottom: 1px solid silver; width: 260px; }
.sideout-join-up img.margin-center { margin: 0 auto 20px auto; }
.sideout-join-up input[type=submit].submit { margin: 0 auto; }


.carousel-control.right,
.carousel-control.left { background-color: transparent; height: 69px; width: 45px; top: 45%; border: 0; border-radius: 0; }

html body .carousel-control.right {
	text-indent: -9999px;
	background-image: url(https://s3.amazonaws.com/terramar/images/stage/arrow_right.png);
	background-repeat: no-repeat;
	right: 45px;
}

html body .carousel-control.left {
	text-indent: -9999px;
	background-image: url(https://s3.amazonaws.com/terramar/images/stage/arrow_left.png);
	background-repeat: no-repeat;
	left: 45px;
}

#home-stage { background: #051422; width: 100%; height: 540px; position: relative; }

.coming-soon { z-index:999; position: absolute; top: 0px; right: 0; }
.stage-banner { position: absolute; left: 80px; top:560px; z-index: 10; background: transparent url(https://s3.amazonaws.com/terramar/images/stage-banner.png) no-repeat; height: 58px; width: 816px; margin-top: -45px; }
.stage-arrow-down { display: none; position: absolute; top: 450px; width: 50px; height: 50px; z-index:100 ; border: none; cursor: pointer; }
.stage-arrow-down:hover { padding-top: 6px; cursor: pointer; }

.info-box { margin-top: 70px; }
.small-info-box { border: 0px solid #d5d5d5; }
.small-info-box div { padding: 25px 40px; font-weight: 700; font-size: 21px; text-align: center; line-height: 26px; letter-spacing: 0px; }
.small-info-box p,
.small-info-box div p { font-weight: normal; }
.small-info-box span.highlight { color: #89c9e5; color: inherit; }
.content-col1 { float: left; width: 460px; padding-right: 9px; border-right: 2px solid #6899c5; text-align: right; }
.content-col2 { float: left; width: 460px; padding-left: 9px; }


/* Mini Registration From - FLAG */
.home-mini-reg-flag { height: 140px; }

/* Mini Registration Form */
.home-mini-reg { text-align: center; padding-top: 40px; background: transparent url(https://s3.amazonaws.com/terramar/images/form-badge.png) no-repeat top right; }
.home-mini-reg form { margin: 0; }

.home-mini-reg div.form { margin-top: 30px; }
.home-mini-reg div.form { margin-top: -5px; }

.home-mini-reg select { width: 320px; }
.home-mini-reg input[type=text] { width: 330px; border: 1px solid #0C87BB; box-shadow: 0px 0px 5px #0C87BB; }

.home-mini-reg select,
.home-mini-reg input[type=text],
.home-mini-reg input[type=submit] { margin: 5px auto; }

.citizenship-form { height: 528px; background: #fff url(//theterramarproject.org/upload/homepage/become-a-citizen_background.jpg) no-repeat; }

/* Learn More Text */
.learn-more-text { display: none; clear: both; width: 100%; margin-top: 30px; text-align: justify; }
.learn-more-text h2 { margin: 0 auto; font-size: 16px; }


/* Founders */
#founders { margin: 0; padding: 0; }
#founders li { display: block; float: left; width: 127px; height: 127px; margin: 0 8px 8px 0; padding: 0; }
#founders li { display: block; float: left; width: 57px; height: 57px; margin: 0 6px 6px 0; padding: 0; }
#founders li.last-row { margin-right: 0px; }
#founders li:nth-child(13n+0) { margin-right: 0px; }

#get-the-news { display: block; width: 460px; height: 291px; text-indent: -9999px; background: url(//theterramarproject.org/upload/homepage/getnews-sprite.jpg) no-repeat; }
#get-the-news:hover { background-position: 0 -291px; }

ul.council-list { list-style: none; margin: 0; padding: 0; }
ul.council-list li { margin: 0 0 10px; list-style: none; padding: 0; font-size: 14px; font-weight: normal; }

#sponsor-scroller-widget { height: 110px; overflow: hidden; position: relative; width: 100%; }

#how-can-i-help { background: #fff url(//theterramarproject.org/upload/homepage/how-can-i-help_bg.jpg) no-repeat; position: relative; width: 580px; height: 288px; }
#how-can-i-help { background: #fff url(//theterramarproject.org/upload/homepage/how-can-i-help_infographic.jpg) no-repeat; position: relative; width: 340px; height: 494px; }

#how-can-i-help #help-share { display: block; position: absolute; top: 402px; left: 16px; width: auto; height: auto; }
#how-can-i-help #help-donate,
#how-can-i-help #help-learn-more { opacity: 0.7; display: block; position: absolute; top: 104px; left: 146px; width: 51px; height: 52px; background-image: none; text-indent: 0; }
#how-can-i-help #help-donate { top: 261px; }
#how-can-i-help #help-learn-more { background-image: url(//theterramarproject.org/upload/homepage/help-learn-more.png) no-repeat; }
#how-can-i-help #help-donate:hover,
#how-can-i-help #help-learn-more:hover { opacity: 1.0; } 

#share-main { width: 700px; height: 192px; background: #fff url(//theterramarproject.org/upload/homepage/bg_share.jpg) no-repeat; position: relative; }

#share-main #share-donate,
#share-main #share-share,
#share-main #share-discover { text-indent: -9999px; display: block; width: 77px; height: 70px; position: absolute; top: 124px; }

#share-main #share-discover { left: 56px; background: #fff url(//theterramarproject.org/upload/homepage/btn_discover.jpg) no-repeat; }
#share-main #share-donate { left: 310px; background: #fff url(//theterramarproject.org/upload/homepage/btn_donate.jpg) no-repeat; }
#share-main #share-share { left: 571px; background: #fff url(//theterramarproject.org/upload/homepage/btn_share.jpg) no-repeat; }

#share-main #share-donate:hover,
#share-main #share-share:hover,
#share-main #share-discover:hover { opacity: 0.8; }

#popup-share { display: none; position: absolute; top: 185px; left: 390px; width: 320px; height: 193px; background: transparent url(//theterramarproject.org/upload/homepage/popup_share_bg.png) no-repeat; }
#popup-share #popover-share-inner { padding: 85px 11px 0; }



/**********************************
 * Footer
 *********************************/

#footer { width: 100%; }
#footer #sponsor-icons { width: 100%; height: 88px; margin-bottom: 22px; overflow: hidden; background: #fff; }
#footer-head { width: 100%; height: 40px; background-color: #969696; }
#footer-base { width: 100%; height: 150px; padding-top: 15px; background-color: #434444; border-top: 1px solid #6d6d6d; }

#footer-nav,
#footer-register,
#footer-text,
#footer-right,
#footer-social { float: left; height: 130px; }

#footer-head .container { color: #fff; font-size: 13px; text-align: center; text-transform: uppercase; }
#footer-head .container div { display: inline; margin-right: 6px; }
#footer-head .container div.verbiage { vertical-align: top; line-height: 28px; }
#footer-head .container .twitter-share-button { margin-top: 3px; }

#footer-nav { width: 183px; margin-left: 20px; }
#footer-register { width: 245px; text-align: center; }
#footer-text { width: 264px; color: #fff; font-size: 13px; height: 140px; border-right: 2px solid #4f5050; }
#footer-text .inner { width: 240px; margin: 10px auto; }
#footer-social { width: 193px; border-right: 0; }
#footer-social .inner { width: 153px; float: right; }

#footer-right { width: 466px; text-align: right; }
#footer-right > a { float: right; clear: both; display: block; margin-bottom: 23px; }
#footer-right .footer-copyright { clear: both; float: none; margin-bottom: 0; }

 
#footer-nav ul { list-style: none; margin: 0; padding: 0; }
#footer-nav ul li { margin-bottom: 2px; }
#footer-nav ul li a { display: block; color: #888; font-size: 12px; text-transform: uppercase; font-family: NovecentowideLightBold; font-weight: normal; }
#footer-nav ul li a:hover { color: #fff; }

.footer-facebook,
.footer-twitter,
.footer-google,
.footer-pinterest,
.footer-vimeo,
.footer-youtube { text-indent: -9999px; opacity: 0.8; float: left; width: 43px; height: 43px; margin: 0 11px 10px 0;
					background: transparent url(//theterramarproject.org/upload/footer-social-sprites.png) no-repeat; }

.footer-facebook { background-position: 0 0; }
.footer-twitter { background-position: -55px 0; }
.footer-google { background-position: -110px 0; }

.footer-pinterest { background-position: 0 -53px; }
.footer-vimeo { background-position: -55px -53px; }
.footer-youtube { background-position: -110px -53px; }

.footer-facebook:hover,
.footer-twitter:hover,
.footer-google:hover,
.footer-pinterest:hover,
.footer-vimeo:hover,
.footer-youtube:hover { opacity: 1.0; }

.footer-copyright { margin-top: 10px; }

.footer-copyright a,
.footer-copyright { color: #747778; text-align: right; font-size: 12px;}

#footer a.siteby { margin-left: 0px; }

#footer a.siteby .logo {
	display: inline-block;
	width: 22px;
	height: 17px;
	background: url(//theterramarproject.org/upload/vm_logobug_weblink.png) 0 -17px no-repeat;
}

#footer a.siteby:hover .logo { background-position: 0 0; }


/**********************************
 * Blog
 *********************************/

body.BlogModule { background: white url(/images/blog-bg.jpg); }
body.BlogModule .container.content-main,
body.BlogModule .container.content-main p { font-family: 'Questrial', sans-serif; font-size: 13px; color: #333; }
body.BlogModule #wrap #main > .container { background: transparent url(/images/blog-map-bg.png) no-repeat top center; }
body.BlogModule #blog-header-cont { color: #000; padding-bottom: 80px; }
body.BlogModule #blog-subhead { height: 23px; border-bottom: 1px solid #000; font-size: 12px; text-transform: uppercase; font-weight: 700; }
body.BlogModule #blog-head { height: 75px; border-bottom: 1px solid #000; font-size: 12px; text-transform: uppercase; font-weight: 700;
 	background: transparent url(/images/blog-title-bg.png) no-repeat top center;
}

body.BlogModule #blog-head-quote { line-height: 14px; margin-top: 6px; }

body.BlogModule .col1of2 img { max-width: 100%; height: auto; vertical-align: middle; margin-bottom: 10px; }
body.BlogModule .col2of2 img { max-width: 100%; height: auto; vertical-align: middle; margin-bottom: 10px; }

/*
.blog-index-item { margin: 18px 0 60px 0; text-align: justify; }
*/

.blog-index-item { margin-top: 13px; margin-bottom: 20px; text-align: justify; }
.blog-index-item .post-date { margin: 0 auto; margin-top: -8px; background: transparent; height: 10px; border-bottom: 1px solid #000; text-align: center; color: #000; }
.blog-index-item .post-author { display: inline-block; padding: 0 20px; margin: 0 auto 30px; margin-top: -8px; background: transparent; height: 10px; border-bottom: 1px solid #000; text-align: center; color: #000; }
.blog-index-item .post-date div,
.blog-index-item .post-author div { font-weight: 700; background: white url(/images/blog-bg.jpg); width: auto; display: inline-block; margin: 0 auto; padding: 0 10px; }
.blog-index-item .post-author div a { font-size: 12px; }

.blog-index-item h2 { text-align: center; margin: 20px 0 10px 0; }
.blog-index-item h2 a { color: #000; font-size: 30px;
font-family:"Oswald",Arial,Helvetica,sans-serif; font-weight: normal;
font-family: Georgia; font-weight: 700;
font-family: 'Questrial', sans-serif;
}

.blog-item-content { border-bottom: 1px solid #000; }

.blog-featured-image { margin-bottom: 30px; }

.blog-item-read-more { margin: 20px auto 20px auto; height: 16px; font-size: 11px; width: 80px; }
.blog-item-read-more a:hover { color: #d35a31; }
.blog-item-read-more:hover .read-more-arrow { background-position: -16px -28px; color: #d35a31; }
.blog-item-read-more .read-more-arrow { margin-top: 3px; }

body.BlogModule .sidebar .widget-container { margin-bottom: 30px; }
body.BlogModule .sidebar h2 { font-size: 13px; text-transform: uppercase; line-height: 15px; margin: 0; color: #000; border-bottom: 1px solid #000; }
body.BlogModule .sidebar ul { margin: 0; list-style: none; list-style-type: none; }
body.BlogModule .sidebar ul li { list-style: none; margin: 0; padding: 0; }
body.BlogModule .sidebar ul li a { font-size: 11px; text-transform: uppercase; font-family: 'Helvetica Neue',Helvetica,Arial; color: #777; }
body.BlogModule .sidebar ul li a:hover { color: #2f94a9; }
body.BlogModule #blog-posts-list ul { margin: 0; }

#blog-header-col1 { }
#blog-header-col2 { position: relative; }
#blog-header-col2 a { position: absolute; top:0; left:0; width: 480px; height: 100%; display:block; }
#blog-header-free { position: absolute; bottom: 0; right: 0; }

#blog-sub-head { height: 20px; margin-bottom: 80px; background: #414342; border-top: 1px solid #959796; border-bottom: 1px solid #959796; }

.blog-search-cont { margin-top: -58px; padding-bottom: 0 !important; border: none; }


/*******************************************
 * Bootstrap - Popup - Newletter Signup
 ******************************************/

html body .newsletter-signup-title { color: #427BA6; font-weight: 700; font-size: 16px; }
html body .popover.newsletter form { margin: 0; }
html body .popover.newsletter #popover-newsletter-inner { background-color: #fff; width: 350px; }
html body .popover.newsletter.bottom {  margin-top: 72px; z-index: 9999; }
html body .popover.newsletter h3.popover-title { display: none; }
html body .popover.newsletter .popover-inner { margin-top: -5px; background-color: #fff; border: 1px solid #008fc6; }
html body .popover.newsletter .popover-inner,
html body .popover.newsletter .popover-content { width: 338px; margin: 0px; margin-top: -5px; border-radius: 0; -webkit-border-radius: 0; -moz-webkit-radius: 0; }
html body .popover.newsletter.bottom .arrow { width: 46px; height: 72px; border: 0; background:  transparent url(https://s3.amazonaws.com/terramar/images/popover-arrow-2.png) no-repeat; bottom: 100%; top: auto; margin-bottom: -1px; }

html body #newsletterForm input[type=text] { width: 300px; }

/*** Some overrides for new template design ***/
html body .popover.newsletter input[type=submit].submit {
	display: block;
	width: 141px;
	height: 49px;
	margin-right: 32px;
	margin-bottom: 6px;
	background: url(https://s3.amazonaws.com/terramar/images/submit.png) no-repeat top left;
	clear: both;
	float: right;
}

/*******************************************
 * Bootstrap - Popup - Founders Quotes
 ******************************************/

.popover.founders-quote { color: #555; border: 1px solid #008fc6; padding: 0; font-size: 12px; }
.popover.founders-quote p { color: #555; font-size: 12px; line-height: 18px; }
.popover.founders-quote .popover-inner {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	background: #fff;
	padding: 0;
	min-height: 85px;
}

.popover.founders-quote .arrow {
	display: none;
	border: 0;
	margin: 0 0 0 -41px;
	padding: 0;
	width: 41px;
	height: 45px;
	background: transparent url(//theterramarproject.org/upload/founders-quote-arrow.png) no-repeat;
}

.popover.founders-quote p.founders-tagline { color: #2987BB; margin-top: 18px; font-size: 11px; }

/**********************************
 * Sponsor Scroller Widget
 *********************************/
#sponsorscrollerwidget { position: relative; width: 100%; overflow: hidden; }
#sponsorscrollerwidget div.scrollableArea *
{
	float: left;
	padding: 0 20px;
}

/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
	and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
	in Internet Explorer 6. */
/*
	background-image: url(https://s3.amazonaws.com/terramar/images/big_transparent.gif);
*/
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
/*
	cursor: url(https://s3.amazonaws.com/terramar/images/cursors/cursor_arrow_left.png), url(https://s3.amazonaws.com/terramar/images/cursors/cursor_arrow_left.cur),w-resize;
*/
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(https://s3.amazonaws.com/terramar/images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(https://s3.amazonaws.com/terramar/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
/*
	cursor: url(https://s3.amazonaws.com/terramar/images/cursors/cursor_arrow_right.png), url(https://s3.amazonaws.com/terramar/images/cursors/cursor_arrow_right.cur),e-resize;
*/
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(https://s3.amazonaws.com/terramar/images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
/*
	height: 100%;
	height: 110px;
*/
	height: 100px;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}


/**********************************
 * Take action
 *********************************/

#take-action-learn-more,
#take-action-donate { text-indent: -9999px; display: block; height: 45px; width: 222px; position: absolute; left: 120px; top: 43px; background: #fff url(//theterramarproject.org/upload/homepage/take-action-sprites.jpg) no-repeat;}

#take-action-learn-more { background-position: 0 0px; }
#take-action-donate { top: 193px; background-position: 0px -90px; }

#take-action-learn-more:hover { background-position: 0 -45px; }
#take-action-donate:hover { background-position: 0 -135px; }

#take-action-infographic { position: relative; width: 460px; height: 534px; background: #fff url(//theterramarproject.org/upload/homepage/take-action_infographic.jpg) no-repeat; }

div#take-action-share { top: 421px; left: 85px; position: absolute; width: 100%; padding: 0 !important; line-height: 1em; }

/**********************************
 * Donation Page
 *********************************/

.make-a-donation-flag { margin: 20px 0 20px; }
.momentum-donations h2 { font-weight: normal; font-size: 32px; margin: 30px 0 20px 0; }


/***************************
 * Contact Form
 ***************************/

.contact-cont label { font-family: 'NovecentowideLightBold'; }

.row-captcha a { clear: both; display: block; margin-bottom: 10px; }

#contact-form input[type=submit] { display: block; border: 0; margin-top: 20px; width: 141px; height: 49px; background: url(https://s3.amazonaws.com/terramar/images/contact/submit.jpg) no-repeat; text-indent: -9999px; } 

.contact-cont textarea,
.contact-cont input[type=text] {
	background-color: white;
	border: 1px solid #BDBDBD;
	border-radius: 0;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2) inset;
	padding: 8px;
}

/**********************************
 * Element Styling
 *********************************/

.handle { cursor:move; }

html body a:hover,
html body a:focus,
html body a:visited,
html body a:active,
html body a { outline: none; border: none; text-decoration: none; }

html input:hover,
html input:focus,
html input:visited,
html input:active,
html input { outline: none; }

legend {
	width: 90%; background: white;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-mox-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	padding: 0 6px;
	border: 1px solid #EEE;
}



.alert-block { margin: 16px !important; }

.tbl-share { margin: 0 auto; }
.tbl-share tr td { padding: 0; margin: 0; vertical-align: top; }

/**********************************
 * Wordpress Integration
 *********************************/

body.BlogModule #footer #sponsor-icons { background-color: transparent; }

article.post { margin-bottom: 60px; }

.archive-header { margin-bottom: 30px; }

.ol-comments {  padding: 0; }
li.comment { list-style: none; margin: 0; padding: 0; }

.comments-cont { margin-top: 30px; }

a[rel=next] { float: right; }

.paddingTop3 .fb-like { width: 52px; overflow: hidden; margin-right: 20px; }
.paddingTop3 .twitter-share-cont { width: 58px; height: 20px; margin-right: 20px; overflow:hidden;}




/**********************************
 * New Shizzle
 *********************************/

@font-face {
    font-family: 'NovecentowideLightBold';
    src: local('NovecentowideLightBold'), url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.eot');
    src: url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.eot');
    src: url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.woff') format('woff'),
         url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.ttf') format('truetype'),
         url('https://s3.amazonaws.com/terramar/css/Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.right { float: right; }
.left { float: left; }

.t-left { text-align: left !important; }
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }

.underline { text-decoration: underline !important; }

.white { color: #fff !important; }
.black { color: #000 !important; }
.grey { color: #464646 !important; }
.teal { color: #39a2d9; }

.font10 { font-size: 10px !important; line-height: 1em; }
.font11 { font-size: 11px !important; line-height: 1em; }
.font12 { font-size: 12px !important; line-height: 1em; }
.font13 { font-size: 13px !important; line-height: 1em; }
.font14 { font-size: 14px !important; line-height: 1em; }
.font15 { font-size: 15px !important; line-height: 1.6em; }
.font16 { font-size: 16px !important; line-height: 1em; }
.font17 { font-size: 17px !important; line-height: 1.2em; }
.font18 { font-size: 18px !important; line-height: 1em; }
.font20 { font-size: 20px !important; line-height: 1em; }
.font21 { font-size: 21px !important; line-height: 1em; }
.font22 { font-size: 22px !important; line-height: 1em; }
.font28 { font-size: 28px !important; line-height: 1em; }
.font30 { font-size: 30px !important; line-height: 1em; }
.font37 { font-size: 37px !important; line-height: 1em; }

.grey14 { color: #454545; font-size: 14px; line-height: 1em; }
.grey16 { color: #454545; font-size: 16px; line-height: 1em; }
.grey18 { color: #454545; font-size: 18px; line-height: 1em; }
.grey28 { color: #454545; font-size: 28px; line-height: 1em; }

.teal14 { color: #1c8fc0; font-size: 14px; }
.teal16 { color: #1c8fc0; font-size: 16px; }
.teal18 { color: #1c8fc0; font-size: 18px; }

.border0 { border: none !important; }

.lineHeight23 { line-height: 23px !important; }
.lineHeight15 { line-height: 1.5em; }

.novecento { font-family: 'NovecentowideLightBold' !important; font-weight: normal; }
.questrial { font-family: 'Questrial', sans-serif !important; font-weight: normal; }

.uppercase { text-transform: uppercase; }

.marginBtm0 { margin-bottom: 0px !important; }
.marginBtm10 { margin-bottom: 10px !important; }
.marginBtm20 { margin-bottom: 20px !important; }
.marginBtm30 { margin-bottom: 30px !important; }
.marginBtm35 { margin-bottom: 35px !important; }

.marginTop0 { margin-top: 0px !important; }
.marginTop3 { margin-top: 3px !important; }
.marginTop10 { margin-top: 10px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginTop40 { margin-top: 40px !important; }
.marginTop50 { margin-top: 50px !important; }

.marginTopBtm10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.marginTopBtm20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.marginTopBtm30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.marginTopBtm50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.marginLeft0 { margin-left: 0 !important; }
.marginRight0 { margin-right: 0 !important; }

.paddingLeft0 { padding-left: 0 !important; }
.paddingRight0 { padding-right: 0 !important; }

.borderRight0 { border-right: 0 !important; }


/**********************************
 * Homepage
 *********************************/
.site-index p { font-size: 18px; line-height: 21px; color: #000; }

/**********************************
 * Seaview
 *********************************/

/*** index page ***/

#pano { width: 100%; height: 800px; position: relative; }
#pano img { max-width: none; } /* Fix for bootstrap to not mess w/ navigation controls  */

#seaview-sidetab { width: 249px; position: absolute; right: -156px; top: 40px; z-index: 999; }
#seaview-sidetab #tab-handle { width: 93px; height: 94px; float: left; cursor: pointer; }
#seaview-sidetab #tab-content { width: 144px; min-height: 500px; padding: 6px 6px 0 6px; background: #1a1e4a; float: right; }

div.seaview-icon-cont { width: 100%; height: 177px; margin: 0 auto; background: #333333; }
div.seaview-icon-cont-inner { width: 1163px; margin: 0 auto; height: 100%; }

div.seaview-icon { opacity: 0.8; width: 144px; height: 100px; margin-bottom: 6px; }
div.seaview-icon.active,
div.seaview-icon:hover { opacity: 1; }
div.seaview-icon a.aPanoLocation { display: block; margin: 0 0 6px 0; width: 144px; height: 21px; background-color: #39a2d9; font-size: 9px; line-height: 21px; }

/*
div.seaview-icon:hover > a.aPanoLocation { background-color: #1a1e4a; }
div.seaview-icon.active > a.aPanoLocation { background-color: #152850;}
*/
.aPanoLocation.active,
.aPanoLocation:hover { background-color: #ddddde; text-decoration: none; cursor: pointer; }

#seaview-catlin-logo { position: absolute; bottom: 30px; right: 0; z-index: 99; width: 147px; text-align: center; line-height: 14px; }


/**********************************
 * User - Registration
 *********************************/

.user-registration,
.user-registration p { color: #454545; }

.user-registration label { display: none; }

input[type=text],
input[type=password],
.user-registration input[type=text],
.user-registration input[type=password] {
	width: 398px;
	background-color: white;
	border: 1px solid #BDBDBD;
	border-radius: 0;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2) inset;
	padding: 8px;
	font-size: 18px;
	font-family: 'Questrial' sans-serif;
	line-height: 22px;
}

input[type=submit].submit,
.user-registration input[type=submit].submit {
	background: white url(../images/buttons/submit.png) no-repeat top left;
	width: 141px;
	height: 49px;
	margin: 0 auto;
}

/**********************************
 * Form Validation
 *********************************/

label.error { font-size: 16px; color: red; }


/*** species search bar ***/

#species-search-form  label { display: none; }


#species-search-header {
	height: 76px; width: 100%; background: #939393;
}

#species-search-header #inner {
	height: 28px;
	width: 890px;
	margin: 30px auto;
	padding: 20px;
}

#species-search-header #inner button {
	background: none;
	border: none;
}

#species-search-header #inner input[type="text"] {
	display: inline-block;
	height: 34px;
	width: 553px;
	background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/input-bg.png) no-repeat;
	border: none;
	box-shadow: none;
	padding: 0 10px;
	margin: 2px 0 0 14px;
}

/*** main grid listing ***/

.speciesGridItem { width: 152px; height: 110px; float: left; margin-right: 5px; margin-bottom: 5px; }
.speciesGridItem:nth-child(6n+0) { margin-right: 0; }

.speciesPager { width: 300px; float: right; margin-top: 13px; }

.speciesPager ul.yiiPager { float: right; width: auto; display: block; }

.speciesPager ul.yiiPager a:link, ul.yiiPager a:visited {
	border: none;
	font-weight: normal;
	color: #b1b1b1;
	padding: 1px 6px;
	text-decoration: none;
	font-size: 18px;
	line-height: 31px;
}

.speciesPager ul.yiiPager li:hover a,
.speciesPager ul.yiiPager li.selected a { color: #464646; background: #fff; }

.speciesPager ul.yiiPager li.previous a,
.speciesPager ul.yiiPager li.next a { display: inline-block; padding: 0; text-indent: -9999px; height: 31px; width: 33px; background: #fff url(https://s3.amazonaws.com/terramar/images/species/nav-sprites.png) no-repeat; }

.speciesPager ul.yiiPager li.previous a { background-position: 0 0; }
.speciesPager ul.yiiPager li.next a { background-position: -75px 0; }

.speciesPager ul.yiiPager li.previous a:hover { background-position: 0 -39px; }
.speciesPager ul.yiiPager li.next a:hover { background-position: -75px -39px; }

/*** detail pages ***/

.sprite-friend-a-species { display: block; cursor: pointer; width: 258px; height: 49px; text-indent: -9999px;
						   background: #fff url(https://s3.amazonaws.com/terramar/images/species/sprite-friend-a-species.png) no-repeat; }
.sprite-friend-a-species:hover { background-position: 0 -51px; }

#species-detail #speciesHeader { float: left; width: 660px; }
#species-detail #speciesHeader h1 { font-family: 'NovecentowideLightBold'; font-size: 28px; font-weight: normal; text-transform: uppercase; line-height: 20px; margin: 60px 0 0; }
#species-detail #speciesHeader h2 { font-family: 'NovecentowideLightBold'; font-size: 15px; font-weight: normal; text-transform: uppercase; color: #0c87bb; line-height: 11px; margin: 12px 0; }

#nav-sprite-cont { width: 108px; height: 31px; float: right; }

#nav-sprite-cont .nav-sprite { display: block; float: right; height: 31px; width: 33px; background: #fff url(https://s3.amazonaws.com/terramar/images/species/nav-sprites.png) no-repeat; }

#nav-sprite-cont .nav-sprite.prev { background-position: 0 0; margin-right: 4px; }
#nav-sprite-cont .nav-sprite.grid { background-position: -37px 0; margin-right: 4px; }
#nav-sprite-cont .nav-sprite.next { background-position: -75px 0; }

#nav-sprite-cont .nav-sprite.prev:hover { background-position: 0 -39px; }
#nav-sprite-cont .nav-sprite.grid:hover { background-position: -37px -39px; }
#nav-sprite-cont .nav-sprite.next:hover { background-position: -75px -39px; }

#species-detail #speciesHeader .species-share { margin: 25px 0 14px 0; }

#species-detail #speciesHeaderAdopt { float: right; width: 258px; margin-right: 20px; }
#species-detail #speciesHeaderAdopt a.sprite-friend-a-species { display: block; font-size: 17px; color: #57aae0; text-decoration: none; margin: 60px 0 10px 0; line-height: 40px; text-transform: uppercase; font-weight: 700; }

#species-detail .speciesDetailImgLarge { float: left; margin-bottom: 5px; }
#species-detail .speciesDetailImgSmall { float: right; margin: 0 0 5px 0; cursor: pointer; }

.species-col1 { width: 639px; float: left; font-family: 'Questrial', sans-serif; font-size: 16px; line-height: 22px; color: #000; }
.species-col2 { width: 296px; float: right; }

.species-col1 p { font-family: 'Questrial', sans-serif; font-size: 16px; line-height: 22px; color: #000; }

#tabs-species-detail { list-style: none; list-style-type: none; height: 26px; width: 100%; margin: 0; }
#tabs-species-detail > li { display: block; float: left; margin: 0 3px 0 0; height: 26px; }
#tabs-species-detail > li > a { display: block; background-color: #3f3f3f; color: #fff; font-size: 12px; 
								line-height: 12px; height: 12px; padding: 8px 0; text-decoration: none; text-align: center;
								text-transform: uppercase; font-weight: 700; }
#tabs-species-detail > li:hover > a,
#tabs-species-detail > li.active > a { background-color: #57aae0; }

#tabs-species-detail > li > a.tab-description { width: 133px; }
#tabs-species-detail > li > a.tab-geography { width: 124px; }
#tabs-species-detail > li > a.tab-ecosystem { width: 120px; }
#tabs-species-detail > li > a.tab-conservation { width: 147px; }
#tabs-species-detail > li > a.tab-threats { width: 103px; }
			
			
.species-detail-header,
#species-detail-purchases { display: block; color: #fff; font-size: 12px; line-height: 12px; height: 12px;
							padding: 8px 13px; text-decoration: none; text-transform: uppercase; font-weight: 700;
							background-color: #57aae0; }

.species-col1 .tab-content > div { padding: 30px 0; width: 639px; width: 610px; }

#species-supporters {
	list-style: none;
	list-style-type: none;
	margin: 30px 15px 0;
}

#species-supporters li {
	display: block;
	margin: 0 0 8px;
	font-family: 'NovecentowideLightBold';
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}

#species-supporters li img {
	margin: 0 10px 0;
}

/*** Intermediate Checkout Page ***/

#species-inter-col1 { float: left; width: 540px; }
#species-inter-col2 { float: right; width: 370px; }

.inter-checkbox { float: left; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #777; }

input[type="submit"].sprite-friend-my-species,
.sprite-friend-my-species { display: block; border: 0; cursor: pointer; width: 258px; height: 49px; text-indent: -9999px;
						   background: #fff url(https://s3.amazonaws.com/terramar/images/species/sprite-friend-my-species.png) no-repeat; }

input[type="submit"].sprite-friend-my-species:hover,
.sprite-friend-my-species:hover { background-position: 0 -51px; }

#species-inter-col1 .input-text { display: block; width: 504px; height: 39px; padding: 0 10px; line-height: 30px; font-size: 16px; 
									border: 0; border-radius: 0; background: #fff url(https://s3.amazonaws.com/terramar/images/species/text-input-bg.png) no-repeat; }

#species-inter-col1 input[type="radio"] { margin-right: 6px; }
#species-inter-col1 .grey14 { margin-bottom: 18px; }
#species-inter-col1 .grey28 { margin-bottom: 13px; }
#species-inter-col1 .teal18 { line-height: 21px; margin-bottom: 22px; }


/****************************************
 * Education
 ***************************************/

#tabs-education-detail-content > div { min-height: 500px; }
#tabs-education-detail { list-style: none; list-style-type: none; height: 37px; width: 100%; margin: 0 0 50px 0; overflow: hidden; }
#tabs-education-detail > li { display: block; float: left; margin: 0 7px 0 0; height: 38px; width: 182px; }
#tabs-education-detail > li > a { display: block; background-color: #3f3f3f; color: #fff; font-size: 14px; 
								line-height: 18px; height: 18px; padding: 10px 0; text-decoration: none; text-align: center;
								text-transform: uppercase; font-weight: normal; 
								font-family: NovecentowideLightBold; }
#tabs-education-detail > li:hover > a,
#tabs-education-detail > li.active > a { background-color: #57aae0; }
			
.education-item-cont { border-bottom: 1px solid #c2c2c2; padding-bottom: 20px; margin-bottom: 30px; overflow: hidden; }

/*** Educators tab ***/

.educator-img { width: 175px; margin-right: 18px; float: left; }
.educator-desc { width: 736px; float: left; }

/*** Sponsor Links ***/
.sponsorlink-item { height: 140px; float: left; /* margin: 0 35px 40px 0; */ width: 25%; text-align: center; }

/****************************************
 * Purchase a Parcel
 ***************************************/

/*** Index Page ***/

#parcel-search-header {
	height: 86px; width: 100%; background: #454545 url(https://s3.amazonaws.com/terramar/images/parcels/search-bg.png) repeat-x;
}

#parcel-search-header #inner {
	height: 58px;
	width: 940px;
	margin: 0 auto;
	padding-top: 28px;
}

#parcel-search-header #inner button {
	background: none;
	border: none;
}

#parcel-search-header #inner input[type="text"] {
	display: inline-block;
	height: 34px;
	width: 495px;
	background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/input-bg.png) no-repeat;
	border: none;
	box-shadow: none;
	padding: 0 10px;
	margin: 2px 0 0 14px;
}

#parcel-info-dropdown { background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/dropdown-bg.png); height: 500px; width: 100%; padding-bottom: 42px; position: relative; z-index: 10; }
#parcel-info-dropdown #inner { width: 940px; margin: 0 auto; text-align: center; }

#parcel-info-dropdown { position: absolute; top: 0; left: 0; overflow: hidden; }
#parcel-info-dropdown a:hover { color: #fff; }

#ge-dropdown-info1 { width: 290px; height: 130px; margin-left: 125px; }
#ge-dropdown-info1 img { margin-right: 20px; }

#ge-dropdown-info2 { width: 480px; height: 130px; margin-left: 10px; }
#ge-dropdown-info2 img { margin-right: 10px; }

#ge-dropdown-handle { position: relative; z-index: 999; height: 42px; background: #454545; width: 100%; text-align: center; }
#ge-dropdown-handle #handle-inner { width: 125px; height: 63px; margin: 0 auto; cursor: pointer; background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/hide-map.png) no-repeat; }
#ge-dropdown-handle #handle-inner.active { background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/show-map.png) no-repeat; }

#ge-dropdown-handle { position: absolute; bottom: 0; left: 0; }
/*
#ge-dropdown-handle { height: 63px; background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/dropdown-handle-bg.png) repeat-x; }
*/

#ge-placeholder { width: 100%; height: 690px; background: #e4e3df; }

/*** Parcel Popup Data ***/

.parcel-popup-cont { font-family: NovecentowideLightBold; color: #000; font-weight: normal; font-size: 12px; }
.parcel-popup-registered-to { margin: 50px 0 10px 0; font-size: 14px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 0; }
.parcel-popup-desc { 	font-family: 'Questrial', sans-serif; color: #000; font-weight: normal; font-size: 14px; }

#parcel-info-dropdown .btn-blue { position: absolute; top: 222px; left: 50%; margin-left: -100px; cursor: pointer; }
/*** Intermediate Checkout Page ***/

#parcels-inter-col1 { float: right; width: 540px; }
#parcels-inter-col2 { float: left; width: 370px; }

.inter-checkbox { float: left; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #777; }

input[type="submit"].sprite-claim-your-parcel,
.sprite-claim-your-parcel { display: block; border: 0; cursor: pointer; width: 258px; height: 49px; text-indent: -9999px;
						   background: #fff url(https://s3.amazonaws.com/terramar/images/species/sprite-friend-my-species.png) no-repeat; }

input[type="submit"].sprite-claim-your-parcel,
.sprite-claim-your-parcel { display: block; border: 0; cursor: pointer; width: 258px; height: 49px; text-indent: -9999px;
						   background: #fff url(https://s3.amazonaws.com/terramar/images/parcels/claim-your-parcel.png) no-repeat; }

input[type="submit"].sprite-claim-your-parcel:hover,
.sprite-claim-your-parcel:hover { background-position: 0 -67px; }

#parcels-inter-col1 .input-text { display: block; width: 504px; height: 39px; padding: 0 10px; line-height: 30px; font-size: 16px; 
									border: 0; border-radius: 0; background: #fff url(https://s3.amazonaws.com/terramar/images/species/text-input-bg.png) no-repeat; }

#parcels-inter-col1 input[type="radio"] { margin-right: 6px; }
#parcels-inter-col1 textarea { font-family: 'Questrial' sans-serif; padding: 10px; resize: none; width: 504px; height: 90px; border: 0; border-radius: 0; background: #fff url(https://s3.amazonaws.com/terramar/images/parcels/inter-textarea-bg.png) no-repeat; border: 0; font-size: 16px; }

#parcels-inter-col1 .grey14 { margin-bottom: 0; line-height: 21px; }
#parcels-inter-col1 .grey28 { margin-bottom: 24px; }
#parcels-inter-col1 .teal18 { line-height: 21px; margin-bottom: 6px; }

.claimSpot {
	z-index: 7;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 100px;
	margin-left: -102px;
	width: 204px;
	height: 49px;
	background: transparent url(https://s3.amazonaws.com/terramar/images/parcels/select-parcel.png) no-repeat;
	text-indent: -9999px;
	border: none;
	outline: none;
}

/*** Google Earth/Maps Index Page ***/

#map3d,
#map_canvas {
	position: relative;
	height: 650px;
	width: 100%;
	margin: 0 auto;
}

#map3d, #map_canvas { position: absolute; left: 0; top: 40px; }

#popupDetail {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -180px;
	padding: 20px;
	width: 320px;
	height: auto;
	background: #fff;
	color: #000;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);
}

#popupDetail h3 {
	color: #1C8FC0;
	font-family: 'NovecentowideLightBold' !important;
	font-weight: normal;
	font-size: 18px;
}

#infoWindow,
.zoomWarning,
.parcelCheck,
.parcelAvailable,
.parcelNotAvailable {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -205px;
	width: 350px;
	height: 30px;
	font-size: 16px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	opacity: 1;
	background: transparent url(../images/parcels/dropdown-bg.png);
	color: #fff;
	text-align: center;
	z-index: 9999999;
	padding: 60px 100px;
}

.parcelCheck img,
.parcelAvailable img,
.parcelNotAvailable img {
	margin: 30px auto;
}

.parcelCheck,
.parcelAvailable,
.parcelNotAvailable {
	width: 500px;
	height: 340px;
	margin-left: -350px;
	margin-top: -285px;
}

#parcelCheck {
	height: 180px;
	margin-top: -160px;
	margin-left: -285px;
}

.type-switch-cont { position: absolute; bottom: 80px; left: 20px; z-index: 999; }

.mapBtn {
	margin: 0 auto 40px auto;
}

.mapBtn:hover {
	opacity: 0.9;
}

.mapBtn img { display: block; }

#map_canvas img {
	max-width: none;
}

#popup-close { width: 17px; height: 17px; position: absolute; top: 4px; right: 7px; cursor: pointer; }


/****************************************
 * New Navigation
 ***************************************/


#header { position: relative; height: 120px; background: #333 url(https://s3.amazonaws.com/terramar/images/header/header-bg.jpg) repeat-x; padding: 0; margin: 0; }

#header #member-count { float: left; width: 291px; height: 60px; margin: 0;
						font-family: 'NovecentowideLightBold', Arial; text-align: center; font-size: 14px; color: #fff; line-height: 44px;
						background: transparent url(https://s3.amazonaws.com/terramar/images/header/citizen-count-bg.png) no-repeat; }

#member-count-inner { overflow: hidden; text-align: center; width: 100%; height: 30px; margin: 0 auto; }
 
#header #logo { float: left; width: 325px; margin-top: 49px; }
#header #logo a { color: #fff; font-family: 'NovecentowideLightBold', Arial; font-size: 17px; }

#header #col-right { float: right; width: 324px; height: 120px; }

#header #col-right #nav-header { height: 27px; float: right; }

#header #col-right #nav-header > ul { height: 19px; padding: 0; margin: 0; list-style: none; }

#header #col-right #nav-header > ul > li { float: right; display: block; height: 27px; margin: 0; padding: 8px 0 0; }

#header #col-right #nav-header > ul > li.selectedLava > a,
#header #col-right #nav-header > ul > li:hover > a { color: #fff; }

#header #col-right #nav-header > ul > li > a { text-transform: uppercase; color: #8b8c8c; font-size: 11px; font-weight: 700;
												padding: 0 6px; margin: 0; display: block; position: relative; z-index: 10; 
												line-height: 13px; border-right: 1px solid #8b8c8c; }


#header #col-right #social-icons,
#header #col-right .social-icons { margin-top: 45px; }

#header #sub-header { position: absolute; bottom: 0; left: 0; height: 36px; background-color: transparent; }

#nav-main { height: 35px; margin: 0 auto; padding: 0; position: relative; z-index: 99; }
#nav-main > ul { width: 680px; height: 35px; padding: 0; z-index: 99; }
#nav-main > ul > li { border-right: 0; z-index: 5; padding-top: 10px; height: 26px; position: relative; }
#nav-main > ul > li > a { color: #fff; font-size: 13px; font-family: 'NovecentowideLightBold', Arial; letter-spacing: 0px; font-weight: normal; display: block; clear: both;}

#nav-main > ul > li > div.nav-main-dropdown { position: absolute; top: 100%; left: 0; width: 940px; height: 0px;
												box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); overflow: hidden;
												background: #333 url(https://s3.amazonaws.com/terramar/images/header/dropdown-bg.jpg) repeat-x; text-align: center; }

#nav-main > ul > li > div.nav-main-dropdown > a { margin: 0; padding: 0; }

#header-get-involved { float: right; width: 210px; text-align: right; padding: 0; cursor: pointer; }
#header-get-involved > ul { z-index: 999999; height: 0px; overflow: hidden; position: relative; width: 210px; background: transparent url(https://s3.amazonaws.com/terramar/images/header/nav-dropdown-bg.png) repeat; margin: 0; padding: 0; list-style: none; }
#header-get-involved > ul > li { width: 180px; display: block; height: 49px; margin: 0 15px; border-bottom: 1px solid #767676; clear: both; overflow: hidden; border-right: 0; }
#header-get-involved > ul > li > a { color: #fff; font-family: 'NovecentowideLightBold', Arial; font-size: 13px; font-weight: normal; text-align: left; line-height: 49px; height: 100%; width: 100%; padding: 0; display: block; clear: both; }
#header-get-involved > ul > li > a:hover { color: #4d9fd7; }

#nav-main > ul > li.backLava {
    background: transparent url(https://s3.amazonaws.com/terramar/images/header/nav-bg-arrow.png) top center no-repeat;
/*
	height: 36px;
	width: 128px;
*/
}

#header #col-right #nav-header > ul > li.backLava {
	top: -10px;
	border-top: 4px solid #39a2d9;
	border-right: 0;
}

/********************************************
 * Podcasts
 *******************************************/
 .photo-credit { font-size: 0.8em; font-style: italic; }
 .photo-credit a { color: inherit; }



/*******************************************
 * Element Styling
 *******************************************/

html body form select {
	line-height: 22px;
	font-size: 18px;
	height: 35px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-family: 'Questrial' sans-serif;
	background-color: white;
    border: 1px solid #BDBDBD;
    border-radius: 0 0 0 0;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}


/*******************************************
 * Fundraising Page
 *******************************************/

#fundraising-cont {
	background: #fff url(/images/fundraising/fundraising-divider.png) repeat-y;
	margin: 60px 0 0 55px;
	overflow: hidden;
}

#fundraising-cont #fundraising-col-left {
	float: left;
	margin-right: 42px;
	overflow: hidden;	
	width: 400px;
}

#fundraising-cont #fundraising-col-right {
	float: left;
	width: 420px;
}

#fundraising-cont p {
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	line-height: 22px;
}

#fundraising-cont input[type=submit].submit { margin: 0 0 0 10px; }

#fundraising-cont input[type=submit].submit:hover {
	margin-top: 2px;
	background-position: 0 0;
}



/******************************************
 * About Page 03-27-13
 *****************************************/
.container.about p {
	color: #3f3f3f;
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-align: justify;
}




/******************************************
 * rCarousel
 *****************************************/

.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;	
}


/******************************************
 * Mini Registration - Header
 *****************************************/
#member-count-inner { overflow: hidden; text-align: center; width: 100%; height: 30px; margin: 0 auto; }
#signup-popup { height: 100px; background-color: #f08e13; color: #fff; border-bottom: 1px solid #7c7b77; width: 100%;}
#signup-popup-inner { vertical-align: middle; font-size: 15px; }
#signup-popup-inner form { margin: 0; }
#signup-popup-inner div.input-cont { display: inline-block; width: 165px; height: 24px; float: left; margin-right: 10px; }
#signup-popup-inner div.input-cont-submit { display: inline-block; width: 100px; height: 40px; float: left; margin-right: 0; }
#signup-popup-inner input[type=text],
#signup-popup-inner input[type=email] { width: 145px; height: 8px; border: 0; font-size: 14px; margin: 0; }
#signup-popup-inner input[type=submit] { width: 100px; height: 40px; float: left; margin: -6px 0 0; background: url(//theterramarproject.org/images/home/btn-signup.png) no-repeat; border: 0; padding: 0; outline: none; text-indent: -9999px;}
#signup-popup-inner label.error { font-size: 10px; color: red; line-height: 12px; margin-top: 4px; }
#signup-popup-inner .img-close { position: absolute; right: -20px; top: -30px; cursor: pointer; font-weight: 700; }



/****************************************************
 * Education - Problems and Solutions Tab - 05-16-13
 ***************************************************/

.p-and-s p { margin-top: 30px; }
.p-and-s h2 { margin-top: 30px; }
.p-and-s > ul { margin-top: 10px; }
.p-and-s > ul > li > ul { margin-top: 10px; }
.p-and-s > ul > li { margin-top: 20px; }
.p-and-s ul li { margin-top: 8px; margin-bottom: 8px; }