/* @override http://sfmsdc.com/css/main.css */

/* @override 
	http://frmbc.local/css/main.css
	http://frmbc.local/css/main.css
	http://frmbc.org/frmbc/css/main.css
*/

/* -------------------------------------------------------------- 
   
   main.css
   
   All of the custom styles for the site go here.
   
-------------------------------------------------------------- */

html, body {height: 100%;}

body { background: #01928F url(../images/bg_body.png) repeat-x; }

#canvas {
	min-height: 100%;
	height: auto !important;
	margin-bottom: -280px;
}

/* @group Masthead */

#masthead {
	background: url(../images/bg_masthead_top.png) no-repeat top left;
	height: 112px;
	position: relative;
}

#logo {
	position: absolute;
	overflow: hidden;
	top: 12px; left: 50px;
	z-index: 6;
}

#logo h1 {
	overflow: hidden;
	background: url(../images/logo.png);
	width: 126px; height: 271px;
}

#logo h1 a {
	display: block;
	width: 126px;
	height: 271px;
}

#logo h1 a span {
	display: none;
}

#top_nav { float: right; margin-top: 18px; }

#top_nav li { 
	float: left; 
	padding: 0 16px;
	background: url(../images/top_list_divider.png) repeat-y center right;
	line-height: 1.5;
	font-size: 14px;
	
}

#top_nav .last { margin: 0; padding-right: 0; background: none; }

#top_nav a:link, #top_nav a:active, #top_nav a:visited  {
	color: #8FB6B5;
	text-decoration: none;
}

#top_nav a:hover {
	text-decoration: underline;
}



/* @end of Masthead */

/* @group Main Nav */

#main_nav, #main_nav li { float: left; }

#main_nav {
	background: url(../images/bg_main_nav.png) no-repeat top left;
	padding-left: 177px;
	width: 773px;
	height: 38px;
}

#main_nav li a {
	display: block;
	height: 38px; 
	text-indent: -9999px; 
	background: #333 url(../images/nav_sprite.png) no-repeat;
}

#main_nav li #nav_about {width: 191px;}
#main_nav li #nav_services {background-position: -191px 0; width: 187px;}
#main_nav li #nav_calendar {background-position: -378px 0; width: 191px;}
#main_nav li #nav_market {background-position: -569px 0; width: 204px;}

#main_nav li #nav_about:hover {width: 191px; background-position: 0 -38px;}
#main_nav li #nav_services:hover {background-position: -191px -38px; width: 187px;}
#main_nav li #nav_calendar:hover {background-position: -378px -38px; width: 191px;}
#main_nav li #nav_market:hover {background-position: -569px -38px; width: 204px;}

/* @end of Main Nav */

/* @group Main Content */

#banner { margin-bottom: 20px; border-bottom: 5px solid #019390; padding: 0;}

#main_content { 
	background: url(../images/bg_stripe.png) repeat-y top left;
	clear: both;
}

#main_content_wrapper {
	background: url(../images/bg_main_content.png) no-repeat top left;
	padding: 12px 12px 40px 12px;
}

/* @group Home & Internal Page Columns */

#column_container { background: url(../images/bg_content_borders.png) repeat-y; margin-bottom: 20px;}
body.internal #column_container { background: url(../images/bg_page_border.png) repeat-y; }

/* For Homepage */
.col { float: left; margin-left: 20px; padding-right: 15px;}
.col h2 { 
	font-size: 12px; 
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 15px;
}

.featured_image img { border: 5px solid #b6cbca; margin: 0 18px 15px 0; }

#frmbc_marketplace.col, #access_tools.col, #spotlight.col { width: 196px; }

/* Column News */
#news_events.col { width: 197px; }
#news_events.col h2 { background: url(../images/bg_title_news.png) no-repeat top left; height: 25px; }

#news_events.col h3 {
	font-size: 12px;
	font-weight: bold;
	color: #005856;
	line-height: 1.25;
	margin-bottom: .25em;
}

div.date { color: #9babab; margin-bottom: .25em; }

.download_forms { padding-bottom: 15px ; }

.download_forms a { 
	padding-left: 25px; 
	background: url(../images/pdf_icon.png) no-repeat 0 -3px; 
	height: 22px; display: block; 
}


/* Column Market Access */

#access_tools.col h2 { background: url(../images/bg_title_access.png) no-repeat top left; height: 25px; }

#market_access_nav {margin-bottom: 20px;  }

#market_access_nav li {
	margin-bottom: 1.5em;
}

#market_access_nav a {
	padding-left: 18px;
	background: url(../images/bullet_go.png) no-repeat 0 ;
}


.button a {
	background: url(../images/member_sprite.png) 0 72px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 36px;
	width: 188px
}

.button a:hover {
	background-position: 0 36px;
}

/* Column FRMBC Marketplace */

#frmbc_marketplace.col h2 { background: url(../images/bg_title_frmbc.png) no-repeat top left; height: 25px; }

#marketplace_nav {margin-bottom: 20px;}

#marketplace_nav li {
	margin-bottom: 1.5em;
}

#marketplace_nav a {
	padding-left: 18px;
	background: url(../images/bullet_go.png) no-repeat 0 ;
}

/* Column Spotlight */

#become_member {
	margin-bottom: 20px;
}

#home #banner { height: 228px; }
.internal #banner { height: 140px; }

#testimonial { background: #ffffff; height: 1%; }
#spotlight.col h2 { background: url(../images/bg_title_spotlight.png) no-repeat top left; height: 25px; }
.spotlight_quote { margin-bottom: 10px; color: #000; width: 173px;}
.spotlight_member { font-weight: bold; color: #444; width: 173px;}
.spotlight_company { color: #005856; width: 173px; }
.spotlight_title {width: 173px;}




/* For Internal Pages */

#page_header { padding: 0 30px; margin-bottom: 30px; }

#page_header h2 { 
	margin: 0; 
	line-height: 1; 
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/bg_title_certification.png) no-repeat top left;
}
#breadcrumb_nav { width: 433px; float: left; }

#breadcrumb_nav li { 
	display: inline;  
	background: url(../images/crumb_separator.png) no-repeat center right;
	color: #a3a4a4;
	padding-left: 5px;
}

#breadcrumb_nav li.first { padding: 0; }

#breadcrumb_nav a { color: #a3a4a4; padding: 0 15px 0 0; }
#breadcrumb_nav a:hover { text-decoration: underline; }

body.internal #become_member {
	width: 433px;
	float: left;
}

body.internal #become_member a {
	display: block;
	float: right;
}

#breadcrumb_nav li.last { background: none; }

body.internal #column_container {
	padding: 0 30px;
	width: 866px;
}

#sidebar {
	float: left;
	width: 200px;
	padding-right: 15px;
}

#sidebar_nav li {
	line-height: 3;
}

#sidebar_nav li.current a {
	color: #924500;
}

#page_content {
	float: left;
	width: 631px;
	margin-left: 20px;
	margin-bottom: 30px;
}

#page_content h3 {
	color: #01807E;
	font-weight: bold;
	font-size: 1.2em;
}

#application_nav { width: 631px; margin-bottom: 30px; padding-top: 10px;}

.applications { float: left;}

.applications a { 
	display: block; 
	width: 315px; 
	text-indent: -9999px;
	overflow: hidden;
}

#mbe_cert { 
	background: url(../images/application_cert.png) no-repeat top left; 
	height: 37px; 
}

#mbe_reciprocal { 
	background: url(../images/application_reciprocal.png) no-repeat top left; 
	height: 37px; width: 316px;
}

#mbe_recert { 
	background: url(../images/application_recert.png) no-repeat top left; 
	height: 37px; width: 315px;
}

#mbe_membership { 
	background: url(../images/application_membership.png) no-repeat top left; 
	height: 37px; width: 316px;
}


/* @end */

.push_footer { height: 280px; }

/* @end */

/* @group Golden Partners */

#partners {
	background: #fff url(../images/bg_stripe.png) repeat-y top left;
}

#partners_wrapper {
	float: left;
	width: 886px;
	margin: 0 32px;
	padding: 20px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
}

#partners h2 {
	background: url(../images/bg_title_members.gif) no-repeat center left;
	text-indent: -9999px;
	overflow: hidden;
}

.partner_badge {
	width: 100px;
	margin: 0 10px 10px 0;
	float: left;
}

.partner_badge img {
	border: 1px solid #0f5d59;
}

#partners hr {
	visibility: hidden;
	margin: 0;
}



/* @end */



/* @group Footer */

#footer {
	width: 950px; height: 280px;
	margin: 0 auto;
	background: url(../images/bg_stripe.png) repeat-y top left;
}

#footer_wrapper {
	padding: 40px 12px 0 12px;
	width: 926px;
}

#footer_meta { width: 433px; float: left; padding-left:30px}

#address {
	width: 345px;
	float: left;
	margin-bottom: 30px;
}

#address_meta { line-height: 1.75 }

.address_title {
	font-weight: bold;
	color: #004949;
}

.footer_logo {
	float: left;
	margin-right: 18px;
}

#legal {
	float: left;
	width: 345px;
}

#footer_nav { float: right; width: 433px; text-align: right; padding-right: 30px;}
#footer_nav li {
	display: inline;
	text-align: right;
	padding: 0 16px;
	background: url(../images/bottom_list_divider.png) repeat-y center right;
	line-height: 2;
}

#footer_nav li.last { margin: 0; padding-right: 0; background: none; }

/* @end of Footer */

/* @group Misc Classes */

.left {
	float: left;
}	

/* @end */

/* Patchuco, here are the table styles. */
/* @group Table Styles */

table {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background: #fff;
}

table th, table td {
	margin: 0;
	padding: 10px 20px;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}


/* @end */