/*
Theme Name: Bonterra
Version: 1
Author: Michael Nieling, Ocupop, Matthew McVickar
Author URI: http://ocupop.com/

	This theme was designed by Michael Nieling and built by Ocupop and Matthew McVickar.

*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET */

/* BEGIN DEFAULT */

/* Global
----------------------------------------------- */

body { background:url('/wordpress/wp-content/themes/bonterra/images/grad.gif'); background-repeat:repeat-x; background-position: 0px -30px; font-family:Helvetica, Arial, Sans-serif; }



/* Structure
----------------------------------------------- */

#topper { width:960px; height:17px; margin:0px auto; background:url('/wordpress/wp-content/themes/bonterra/images/topBG.gif'); background-position: 0px -30px; }

#container { width:960px; margin:0px auto; background:url('/wordpress/wp-content/themes/bonterra/images/midBG.gif'); background-repeat:no-repeat; }

#header { width:900px; height:96px; margin:0px auto; }

#topnav { background:#f4f5f5; height:30px; border-top:1px solid #BBBBBD; width:899px; margin:0px auto; color:#9D9FA2; text-transform:none; font-weight: bold;}

#titleBar { height:73px; width:899px; margin:0px auto; background:#59BCCD; background:url('/wordpress/wp-content/themes/bonterra/images/titleBar.gif'); position: relative; border-bottom: 1px solid #BBBBBD; }

.content_wrapper {  width:899px; margin:0px auto; border-bottom:1px solid #BBBBBD; margin-bottom:20px; background:url('/wordpress/wp-content/themes/bonterra/images/two-column-background.png'); }

#content { float: left; width:619px; min-height: 800px; }

#sidebar { float: left; width:278px; background:#F0F0F1; border-left:1px solid #BBBBBD; }

.oneCol { padding:24px 43px; border-bottom:1px solid #BBBBBD; }

.oneColLong { padding:24px 43px;  }

.threeColnoBG { padding:24px 20px 24px 43px;  border-bottom:1px solid #BBBBBD;  }

.twoColnoBG { padding:24px 0px 24px 43px; border-bottom:1px solid #BBBBBD; }

.twoColBG { padding:24px 0px 24px 43px; border-bottom:1px solid #BBBBBD; background:url('/wordpress/wp-content/themes/bonterra/images/twoColBG.gif');  }

.footer { width: 899px; margin: 2em auto 2em auto; position: relative; }

.footer img { margin-right: 1em; border: 0; }

/* Type
----------------------------------------------- */

h1 { position: relative; float: left; text-indent: -5000em; }

#titleBar h2 { color:#fff; font-size:25px; padding-top:38px; padding-left:43px; }

h3 { color:#B9B9B9; font-weight:normal; font-size:14px; line-height:20px; }

h3.h3_big { font-size: 20px; padding: .5em 0 .75em 0; }

.twoColText { float:left; width:190px;   }

.twoColText h3 { font-size:12px; line-height:18px; color:#187AB2; font-weight:bold;   }

.twoColText p { font-size:10px; line-height:18px; color:#333;   }

.twoColnoBG h2 { font-size:15px; line-height:24px; color:#187AB2; font-weight:bold;   }

.twoColnoBG p { font-size:10px; line-height:15px; color:#333; margin-right:20px; }

.oneCol h2 { font-size:15px; line-height:24px; color:#187AB2; font-weight:bold;   }

.oneCol p { font-size:10px; line-height:18px; color:#333; margin:10px 20px 0 0; }

.oneCol h3 { color:#B9B9B9; font-weight:bold; margin:16px 0 0 0;   }

.twoColBGText { padding:0 20px;}

.twoColBGText h3 { font-size:15px; line-height:18px; color:#187AB2; font-weight:bold;   }

.twoColBGText p { font-size:11px; line-height:15px; color:#333;   }

.oneColLong h3 { font-size:15px; line-height:36px; color:#187AB2; font-weight:bold;   }

.oneColLong p { font-size:11px; line-height:16px; color:#333; margin-bottom:10px;   }

.threeColnoBG h3 { font-size:12px; line-height:18px; color:#187AB2; font-weight:bold; margin-top:14px;   }

.threeColnoBG p { font-size:10px; line-height:18px; color:#333;   }

li { font-size:10px; line-height:22px; color:#333; padding-left:20px;  }

strong { color:#333; font-size:12px; font-weight:bold; }

.finance h3 { color:#187AB2; }

/* Links
----------------------------------------------- */

#topnav a { font-size:14px; color:#187AB2;  padding:8px 10px 8px 10px; line-height:30px; height: 30px; text-align: center;}

#topnav a:hover { color: #6eb4d8; text-decoration: none; }

a { color:#187AB2; text-decoration:none; }

#sidebarNav a { font-size:10px; line-height:20px; font-weight:bold; padding-left:15px;  }

#sidebarNav ul li a { color:#9D9FA2; font-weight:normal; }

#sidebarNav ul li.current a { color:#187AB2; font-weight:normal; }

.twoColBGText a { color:#9D9FA2;}

a#greend { color: #1aa04b; }

a:hover { text-decoration:underline;}

/* Images
----------------------------------------------- */

#logo { float:left; margin:7px 0 0 40px; }

#learnMore { float:right; margin:7px 40px 0 0; }

.twoColIcon { padding-right:20px; float:left; width:60px; display:inline;  }


/* Lists
----------------------------------------------- */

#topnav ul { float:left; margin-right:40px; }

#topnav ul li { display:inline; }

.financeList { font-size:11px; margin-left:40px; line-height:20px; color:#333; }

#sidebarNav { margin-top:20px; }

#sidebarNav ul { margin-left:20px; }

.oneColLong ul { margin:10px 0; }

/* Forms
----------------------------------------------- */

/* Misc
----------------------------------------------- */

table.tr, td { vertical-align:top;}

#sideTable p { margin-bottom:10px; }

.clear { clear: both; }

/* Sidebar */

#sidebar h3
{
	background: #949699;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
	padding-top: 6px;
	padding-left: 9px;
	text-transform: uppercase;
}

#sidebar img
{
	display: block;
	margin: 20px auto;
}

#sidebar .contact_form
{
	margin: 0 auto;
	padding-bottom: 25px;
	width: 236px;
}

/* Footer */

.affiliations
{
	margin-left: 39px;
}

.affiliations span
{
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 10px;
	vertical-align: 10px;
}

/* FAQ */

.page-id-34 .oneCol li,
.parent-pageid-34 .oneCol li
{
	padding-left: 0;
}

.page-id-34 .oneCol li a,
.parent-pageid-34 .oneCol li a
{
	font-size: 12px;
	line-height: 24px;
}

.page-id-34 hr,
.parent-pageid-34 hr
{
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 3px;
	margin: 1.5em auto 1.75em auto;
	width: 80%;
}

.oneCol dl *
{
	font-size: 12px !important;
}

.oneCol dt
{
	font-weight: bold;
	margin: 2em 0 .5em 0;
}

.oneCol dd
{
	line-height: 22px;
}

.oneCol dd li
{
	list-style: square !important;
	margin-left: 20px;
	padding-left: 5px;
}

/* Shadowbox */

#sb-loading a
{
		display: none !important;
}

/* Kinaole */

.page-id-95 #titleBar,
.page-id-192 #titleBar
{
	background-image: url(../images/kinaole.gif);
}

.page-id-95 #titleBar h2,
.page-id-192 #titleBar h2
{
	display: none;
}

/* Blog */

.blog_posts
{
	padding: 0 43px 24px 43px;
}

.blog_post
{
	padding: 24px 43px;
}
.blog_post h2 {
	font-size: 21px;
	line-height: 24px;
	color: #878787;
	padding-bottom: .25em;
	margin-bottom: .5em;
	width: 100%;
	border-bottom: 1px solid #efefef;
}
.blog_post p {
	font-size: 15px;
	color: #676767;
	padding-bottom: .75em;
}
.blog_post p.attachment {
	width: 100%;
	padding-top: 20px;
	text-align: center;
}
.blog_post .navigation {
	width: 100%;
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
}
.blog_post .navigation .alignleft {
	width: 50%;
	float: left;
	text-align: left;
}
.blog_post .navigation .alignleft a img {
	width: 80px;
	height: auto;
	float: left;
	text-align: left;
}
.blog_post .navigation .alignright {
	width: 50%;
	float: right;
	text-align: right;
}
.blog_post .navigation .alignright a img {
	width: 80px;
	height: auto;
	float: right;
	text-align: right;
}
.follow_us
{
	position: absolute;
	top: 34px;
	right: 287px;
}

.follow_us span
{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.follow_us a
{
	vertical-align: -10px;
	margin-left: 0.75em;
}

.recent_articles.bottom
{
	border: 0 !important;
}

.recent_articles h2
{
	color: #b9b9b9;
	font-size: 18px;
	font-weight: normal;
}

.recent_articles p a
{
	font-size: 12px;
	font-weight: bold;
}

.recent_articles ul
{
	margin-top: .5em;
}

.recent_articles.full_archive li
{
	padding-left: 0;
}

.recent_articles li a
{
	font-size: 11px;
	font-weight: bold;
}

.recent_articles li span
{
	color: #B9B9B9;
	float: left;
	font-weight: bold;
	width: 85px;
	height: 12px;
}

.archive .post,
.single .post
{
	margin-bottom: 3em;
}

.archive .post h3,
.single .post h3
{
	font-size: 19px;
	font-weight: bold;
	margin: 1.5em 0 .25em 0;
}

.archive .post p,
.single .post p
{
	font-size: 12px;
	line-height: 1.6;
	margin: .75em 0;
}

.post .gallery
{
	margin-left: -40px !important;
	margin-bottom: -2.5em !important;
}

.post .gallery .gallery-item
{
	margin-left: 40px !important;
	margin-bottom: 13px !important;
	width: 150px !important; 
}

.post .gallery .gallery-item a:hover img
{
	border-color: #000 !important;
}

#titleBar h2 a
{
	color: #fff !important;
	text-decoration: none !important;
}

.news_bar
{
	background: #ececed;
	border-bottom: 1px solid #a1a2a3;
	width: 899px;
}

.news_bar h3
{
	background: #ccc;
	border-bottom: 1px solid #a1a2a3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 43px;
	text-transform: uppercase;
}

.news_bar ul
{
	margin-left: 23px;
}

.news_bar li
{
	float: left;
	margin: 1.25em 14px 1.25em 0;
	width: 380px;
	height: 200px;
}

.news_bar li h4
{
	font-size: 16px;
	margin-top: 1px;
}

.news_bar li img
{
	float: left;
	margin: 0 20px 0 0;
	width: 60px;
	height: 60px;
}

.news_bar li p
{
	color: #888;
	font-size: 12px;
	line-height: 20px;
}

.news_bar .browse_archive_link
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: .75em 0 1em 536px;
}

.photo_credit
{
	font-size:11px;
	position: absolute;
	right: 125px;
	top: 22px;
}
.hawaii_splash_header {
	position: relative;
	width: 900px;
	height: 380px;
}
.hawaii_splash {
	position: relative;
	float: left;
	width: 630px;
	height: 380px;
	background: url(images/hawaiiSplash_rev.jpg) no-repeat;
	background-position: -20px 0px;
	text-indent: -5000em;
}
.california_splash_header {
	position: relative;
	width: 900px;
	height: 380px;
}
.california_splash {
	position: relative;
	float: left;
	width: 630px;
	height: 380px;
	background: url(images/californiaSplash_rev.jpg) no-repeat;
	background-position: -20px 0px;
	text-indent: -5000em;
}
.home_splash_header {
	position: relative;
	width: 900px;
	height: 360px;
}
.home_splash {
	position: relative;
	float: left;
	width: 630px;
	height: 360px;
	background: url(images/homeSplash_rev2.jpg) no-repeat;
	background-position: -20px 0px;
	text-indent: -5000em;
}
.home_splash_header .home_intro_copy {
	margin: 0;
	padding: 10px 0px 5px 10px;
	width: 550px;
	height: 140px;
	position: absolute;
	float: left;
	top: 210px;
	left: 30px;
}
.home_intro_copy p {
	position: relative;
	float: left;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #ffffff;
}
.home_intro_copy p a {
	color: #ffffff;
	text-decoration: none;
}
.home_intro_copy p a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.home_intro_copy h2 {
	position: relative;
	float: left;
	text-indent: -5000em;
}
.contact_form_splash {
	margin: 0;
	padding: 5px 0px 5px 10px;
	padding-right: 0px;
	width: 260px;
	height: 370px;
	position: relative;
	float: right;
	background: url(images/contact_splash_bg.gif) top left repeat-x;
}
.california_contact_form_splash {
	margin: 0;
	padding: 5px 0px 5px 10px;
	padding-right: 0px;
	width: 260px;
	height: 370px;
	position: relative;
	float: right;
	background: url(images/california_contact_splash_bg.gif) top left repeat-x;
}
.home_contact_form_splash {
	margin: 0;
	padding: 5px 0px 5px 10px;
	padding-right: 0px;
	width: 260px;
	height: 350px;
	position: relative;
	float: right;
	background: url(images/home_contact_splash_bg.gif) top left repeat-x;
}
.contact_form_splash ul,
.california_contact_form_splash ul,
.home_contact_form_splash ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-bottom: -10px;
}

/*SUCKERFISH CSS*/
#topnav_list {
	position: relative;
	display: block;
	clear: both;
	float: left;
	z-index: 999;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 875px;
	margin-left: 12px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .5px;
}
#topnav_list ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 999;
}
#topnav_list li { /* all list items */
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 999;
}
#topnav_list li a {
	display: block;
	text-decoration:none;
	margin:0 10px;
	z-index: 999;
	padding: 0 10px 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#topnav_list li a.icons {
	display: block;
	text-decoration:none;
	margin:0 10px 0 5px;
	z-index: 999;
	padding: 0 0px 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
ul#topnav_list li ul { /* second-level lists */
	display: none;
	position: absolute;
	padding: 0;
	padding-bottom: 5px;
	top: 30px;
	background: #f4f5f5;
	border: 1px solid #bbbbbd;
	left: 0;
	margin-top: 0px;
	margin-left: 11px;
	width: 200px;
	z-index: 999;
	text-align: left;
}
ul#topnav_list li ul li { /* second-level list items */
	padding: 0px;
	border-top: 0px solid #999;
	z-index: 999;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
}
ul#topnav_list li ul li h2 { /* second-level list items */
	padding: 0px;
	border-bottom: 1px solid #b6d6e6;
	z-index: 999;
	margin: 2px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	width: 178px;
	color: #6eb4d8;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
}
ul#topnav_list li ul li a {
	background: none;
	margin:0;
	padding: 0;
	width:auto;
	height:auto;
	z-index: 999;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	text-transform: none;
	text-align: left;
	padding: 5px 11px;
}
ul#topnav_list li ul li a h2 {
	text-transform: uppercase;
}
ul#topnav_list li ul li a:hover {
	/* background:#898989; */
	text-decoration: underline;
}
#topnav_list li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	z-index: 999;
}

#topnav_list li:hover ul, #topnav_list li.over ul { /* lists nested under hovered list items */
	display: block;
	z-index: 999;
}

/* HOME PROMO BLOCKS */

td.home_block_HI {
	width: 440px;
	height: 280px;
	background: url(images/home_promo_block_HI.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	vertical-align: top;
}
td.home_block_CA {
	width: 440px;
	height: 280px;
	background: url(images/home_promo_block_CA.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
td.home_block_HI a.big_block,
td.home_block_CA a.big_block {
	position: relative;
	float: left;
	width: 440px;
	height: 140px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-indent: -5000em;
}
td.home_block_HI ul,
td.home_block_CA ul {
	position: relative;
	float: left;
	width: 440px;
	height: 140px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
}
td.home_block_HI ul li,
td.home_block_CA ul li {
	position: relative;
	float: left;
	display: inline;
	width: 180px;
	height: 22px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0px 20px;
	list-style-type: none;
	vertical-align: top;
	text-transform: uppercase;
}
td.home_block_HI ul li a,
td.home_block_CA ul li a {
	color: #eba21e;
}
td.home_block_HI ul li.first,
td.home_block_CA ul li.first {
	height: 26px;
}
td.home_block_HI ul li h2,
td.home_block_CA ul li h2 {
	padding: 0px;
	border-bottom: 1px solid #f1cc11;
	margin: 2px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	width: 178px;
	color: #878787;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 11px;
	font-weight: bold;
}
td.home_block_HI ul li.first a:hover,
td.home_block_CA ul li.first a:hover {
	text-decoration: none;
	color: #676767;
}

/* 	THE FOOTER */
#footer {
	padding-top: 12px;
}
#footer p {
	text-align: center;
	}
#footer .the_footer_nav {
	bottom: 16px;
	background: none;
	margin-bottom: 7px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}
#footer .the_footer_nav a {
	/* color: #878787; TMC */
	color: #187ab2;
}
#footer .the_footer_nav a:hover {
	text-decoration: underline;
}
#footer .the_footer_nav ul {
	position: relative;
	display: inline;
	list-style-type: none;
	text-align: center;
	width: 900px;
}
#footer .the_footer_nav ul li {
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	padding-bottom: 1px;
	line-height: 12px;
	display: inline;
	list-style-type: none;
}
#footer .the_footer_nav ul li.all {
	position: relative;
	margin-top: 0px;
	margin-right: 8px;
	padding-bottom: 1px;
	padding-right: 12px;
	border-right: 1px solid #999;
	display: inline;
	list-style-type: none;
}
#footer .the_footer_nav ul li.last {
	position: relative;
	margin-top: 0px;
	padding-bottom: 1px;
	display: inline;
	list-style-type: none;
	border-right: 0px;
}
#footer .the_footer_nav ul li.icon {
	vertical-align:bottom;
}
#footer .the_footer_nav ul li.icon img {
	margin-bottom: -4px;
}
#footer .the_footer_nav ul li.aff {
	position: relative;
	margin-top: 0px;
	margin-right: 8px;
	padding-bottom: 1px;
	padding-right: 12px;
	display: inline;
	list-style-type: none;
	vertical-align:bottom;
}
#footer .copyright {
	padding-top: 7px;
	padding-bottom: 12px;
	color: #cbcbcb;
}