/*

	Title:      becoloncancerfree.com Screen styles
	Author:     Mike Kroll - imagehatstudio.com
	Date:       1/2009

	-----------------------------------
	colors:
	-----------------------------------
	link blue: #017392
	blue: #027393
	dark blue text: #00353e
	
	light blue shade: #e8f1f3
	grey rules: #d0d0d0
	
	gold: #fbd56a
	
	-----------------------------------

*/

@import "reset.css";

body {
	margin: 0; padding: 0;
	font-family: arial, helvetica, sans-serif; color: #333;
	line-height: 1.5;
	background: #fff;
	text-align: center;
}

a { 
    color: #00353e;
	text-decoration: underline;
}
a:hover { 
	color: #017392;
    text-decoration: underline;
}

a.external {
    padding-right: 14px;
    background: url(../images/icn_link-external.gif) no-repeat right center;
}


/* =typography defaults
------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { font-family: arial, helvetica, sans-serif; font-weight: bold; color: #00353e; }

h1 { font-size: 2.1em; line-height: 1; margin-bottom: 1em; }
h2 { font-size: 1.6em; margin-top: 0; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; margin-bottom: 0; }
h5 { font-size: 1em; margin-bottom: 0.5em; }
h6 { font-size: 1em; margin-bottom: 0; }

h1.title, h2.title { margin-bottom: 0; }

p, ol, ul, dl { margin: 0 0 1.5em; font-size: 1.2em; }

em { font-style: italic; }
strong { font-weight: bold; }

ul li {
	padding-left: 18px;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }


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

#skip-links {
	position: absolute;
	top: 0; left: -999em;
}

.inner {
    width: 860px;
    margin: 0 auto;
    text-align: left;
}
body.home .inner {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#utility {
	padding: 6px 0;
	background: #fff url(../images/bg_utility.gif) repeat-x bottom left;
}
#header {
    height: 278px;
    background: #00353e url(../images/bg_home-header.gif) repeat-x bottom left;
}
#header-photo {
    height: 278px;
    background: transparent url(../images/bg_header-photo.jpg) no-repeat bottom center;
}
#header-sub {
	height: 86px;
	background: #fff url(../images/bg_sub-header.gif) repeat-x bottom left;
}
#main {
    padding: 30px 0;
}
#main .inner {
    background: url(../images/bg_columns.gif) repeat-y top left;
	min-height: 400px;
}
body.plain #main .inner {
	background: none;
}

#content {
	float: left;
	width: 560px;
}

#sidebar {
    float: right;
    width: 240px;
}
body.home #sidebar {
    float: right;
    width: 340px;
}

#footer {
    clear: both;
}
#footer .inner {
    border-top: 1px solid #ddd;
	padding: 15px 0;

}


/* =utility
------------------------------------------------------ */

#utility ul {
    float: right;
	margin: 0;
	font-size: 1.1em;
}
#utility ul li {
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    background: none;
	
}
#utility a {
    color: #00353e;
	text-decoration: none;
	font-weight: bold;
}
#utility a:hover {
	text-decoration: none;
	color: #017392;
}


/* =header
------------------------------------------------------ */

#header-sub {
	margin-bottom: 0;
}
#header-sub #logo a {
	width: 235px; height: 83px;
	margin-left: -8px;
	display: block;
	background: url(../images/bccfree_logo-sub.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* =content
------------------------------------------------------ */

.breadcrumb {
	margin: -15px 0 30px;
	font-size: 1.2em;
}
.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration: none;
}
.module {
	border-top: 1px solid #d0d0d0;
	padding: 1.5em 0 0 0;
}

/* survey results */

.report {
	border: 1px solid #d0d0d0;
	margin: 0 0 1.5em; 
}
.report h2 {
	background: #e8f1f3;
	margin: 0 0 15px;
	padding: 12px 20px 8px 20px;
}
.report h3 {
	margin: 0 20px 0.5em 20px;
	font-weight: bold;
	color: #027393;
}
.report p {
	margin: 0 20px 1.5em 20px;
}

.box { border:1px solid #d0d0d0; padding: 1.5em 20px; }
.box p { margin: 0; }


/* =sidebar
------------------------------------------------------ */

ul.subnav {
	margin: 0 0 1.5em 0; padding: 0;
}
ul.subnav li {
	padding-left: 0;
	background: none;
	color: #b0b0b0;
}
ul.subnav li.active {
	color: #00353e;
}

ul.link-buttons {}
ul.link-buttons li {
	margin: 0 0 8px 0; padding: 0;
	background: none;
}
ul.link-buttons a {
	display: block;
	text-decoration: none;
	font-size: 1.167em;  /*14px*/
	font-weight: bold;
	color: #057594;
	background: #dbeaed url(../images/bg_link-btn.gif) repeat-x left top;
	border: 1px solid #9ecbd4;
	padding: 8px 12px;
}
ul.link-buttons a:hover {
	color: #027393;
	background: #dbeaed;
}


/* =home page
------------------------------------------------------ */

h1#headline {
	height: 22px;
	text-indent: -9999px;
	background: url(/images/h_home-headline.gif) no-repeat 0 0;
}
body.home #header #logo { 
    float: left; 
    margin: 95px 20px 0 250px;
    width: 354px; height: 84px;
}
body.home #header #logo a {
    width: 354px; height: 84px;
    background: url(/images/bccf_logo-main.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}
body.home #header #go { 
    float: right; 
    margin: 105px 60px 0 0;
    width: 242px; height: 57px;
}
body.home #header #go a {
    width: 242px; height: 57px;
    background: url(/images/btn_header-go.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}
body.home #header #go a:hover {
    background-position: 0 -57px;
}

ul#banner-links li {
	margin: 0 0 10px;
	padding: 0; background: none;
}

/* testimonials */

#testimonial-links {
    margin: 0 0 10px; padding: 0;
}
#testimonial-links li {
    margin: 0; padding: 0;
    background: none;
    line-height: 1.2;
}
#testimonial-links li a {
    color: #b0b0b0; text-decoration: none;
    width: 33%; float: left; display: block;
}
#testimonial-links li a.active, #testimonial-links li a:hover {
    color: #00353e; text-decoration: none;
}
#testimonials blockquote {
    margin: 0 0 1.5em; padding: 0 0 18px 0;
    font-style: italic;
    background: #e8f1f3 url(../images/quote_bot.gif) no-repeat bottom left;
}
#testimonials blockquote p {
    margin: 0; padding: 26px 30px 0 20px;
    font-family: times, "Times New Roman", georgia, sans-serif;
    font-size: 1.8em;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #00353e;
}

#testimonial-1 blockquote p { background: url(../images/quote_top-left.gif) no-repeat top left; }
#testimonial-2 blockquote p { background: url(../images/quote_top-left.gif) no-repeat top left; }
#testimonial-3 blockquote p { background: url(../images/quote_top-left.gif) no-repeat top left; }

/* practice contacts */
.vcard {
    margin: 0 0 1.5em 0;
}
.vcard p {
    margin: 0;
}
.vcard a.fn {
    color: #017392;
    font-weight: bold;
    text-decoration: none;
}
.vcard a.fn:hover {
    text-decoration: underline;
}
p#mvhn-badge {
    margin-top: 2.5em;
}


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

label { font-weight: bold; color: #666; }

/* Fieldsets */
fieldset { padding: 2em; margin: 0 0 1.5em 0; border: 1px solid #d0d0d0; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; color: #00353e; }

/* Survey form styles */
textarea { margin: 0.5em 0.5em 0 0; padding: .4em; }
input.txt {	padding: 2px .4em; }
textarea, input.txt { background: #e8f1f3; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 90%; }

form.sform p, .sform form p { margin: 0 0 .5em; clear: both; }
form.sform p label { font-size: 1em; }
form.sform label { display: block; font-size: 1.2em; }
form.sform p.checkbox label, .sform form p.checkbox label { display: inline; font-weight: normal; }

form.sform span { float: left; margin-right: 8px; margin-bottom: .5em; }
form.sform p span label, form.sform div p label, form.sform label.field { font-weight: normal; color: #777; font-size: 10px; padding-left: 0.5em; }
form.sform label.radio { font-weight: normal; color: #888; padding-left: 4px; margin-right: 8px; display: inline; }
form.sform p span input, form.sform p span input.txt, form.sform input.field { width: auto; }

/* User messages */
.error,.notice,.success { margin-bottom:1em;border:2px solid #ddd;padding:1em 2em; }
.error { background:#FBE3E4;color:#D12F19;border-color:#FBC2C4; }
.notice { background:#FFF6BF;color:#817134;border-color:#FFD324; }
.success { background:#E6EFC2;color:#529214;border-color:#C6D880; }
.error a { color:#D12F19; text-decoration: underline; }
.notice a { color:#817134; text-decoration: underline; }
.success a { color:#529214; text-decoration: underline; }
.error p, .notice p, .success p { margin: 0; }


form.sform p.button { text-align: center; }
form.sform div { clear: both; }

label em { font-weight: bold; color: #D12F19;} /* required askerisk */
p.required { color: #777; } /* required note */
p.required em { font-weight: bold; color: #D12F19; } /* required note */

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

#footer p { 
	color: #787878;
	font-size: 1.1em;
}
#footer a {
	color: #787878;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


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

hr, .hide {	display: none; }
.highlight { background: #ffc; }
.left { float: left; margin: 0 8px 8px 0; }
.right { float: right; margin: 0 0 8px 8px; }

/* self-clearing floats */

.wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}