@import url("../css/reset.css");
@import url("../css/calendar.css");


/*
-----------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: Heal BC
-----------------------------------------------------------------------------------
*/

/* Color References
----------------------------------------------------------------------------------- 

----------------------------------------------------------------------------------- 
*/


/*  Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
    text-align: center;
    font: 11px/1.4em Verdana, Arial, Helvetica, Sans-Serif;
    color:#666;
    background: #768266;
} 

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

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#wrapper, #featuredsections {
    background: #fff url(../gfx/bg_sand.jpg) repeat;
}
#innerwrapper {
	background: url(../gfx/bg_top_repx_inside.jpg) repeat-x 0 0;
}
#container {
	margin:0 auto; 
	text-align:left;
     width: 960px;  
	position: relative;
}
#header {
	height: 208px;
	padding: 0 0 0 31px;
	background: url(../gfx/bg_top_sidebar_inside.jpg) no-repeat 0 0;
}
#contentarea {
	margin:0; 
	padding:0;
	background: url(../gfx/bg_top_contentarea.jpg) no-repeat 0 0;
}
#contentareawrap {
	margin:0; 
	padding:0;
	text-align: left;
	background: url(../gfx/bg_mid_container_inside.jpg) repeat-y 0 0;
}
#contentarea .innerwrap {
	background: url(../gfx/bg_foot_container_inside.jpg) no-repeat 348px 100%;
}
#primary {
	float: right; 
	position:relative;
	width: 575px;
	padding: 0 0 79px;
}
#primary .content {
	padding: 25px 0 0 0;
}
body.inside #primary .content {
	padding: 25px 35px 0 0;
}
#primary .subheader {
	height: 155px;
}
#secondary {
	float: left; 
	position:relative;
	width: 326px;
	padding: 0 0 25px;
}

.col_A {
	float: left;
	width: 48%;
}
.col_B {
	float: right;
	width: 48%;
}

#footer {
	clear: both; 
	margin: 0; 
	padding: 0; 
	height: 400px;
	background: url(../gfx/bg_footer_repx.gif) repeat-x 0 0;
}

#headerphotos {
	position: absolute;
	top: 30px;
	left: 338px;
}


/* --- Events Filter --- */
body#events #primary fieldset {
	padding: 10px 15px;
	margin: 15px 0;
	background:#eee;
	border: 1px solid #ccc;
}
body#events #primary fieldset legend {
	display: none;
}
body#events #primary fieldset select {
	margin: 0 10px 0 0;
}
/* --- Post Events - SAEF --- */
.category_chooser {
	padding: 0 0 15px;
}
.category_chooser .instructions {
	font-size: 11px;
	padding: 5px 0;
}

/* --- News + Events --- */
body#events span.date {
	font-weight: bold;
}
body#events .dates {
	margin: 0 0 5px;
}
body#events .description {
	padding: 10px;
	margin: 5px 0;
	background:#D2CEC6;
	border: 1px solid #A19687;
}
body#events #primary .description p {
	margin: 0;
}
body#events #primary p.post {
	text-align: right;
	font-size: 14px;
}
.event div {
	margin: 0 0 5px;
}

body#events #primary dl {
	margin: 0 0 15px;
}
body#events #primary dl dd {
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
body#events #primary dl dt {
	margin: 15px 0 5px;
	padding: 10px 0 5px 0;
	border-top: 1px solid #EEE6E2;
	font-weight: bold;
	font-size: 16px;
}


/* Homepage Specific Layout Divisions
--------------------------------------------------------------------------------------------------- */
body#home #innerwrapper {
	background: url(../gfx/bg_top_repx_home.jpg) repeat-x 0 0;
}
body#home #header {
	background: url(../gfx/bg_top_sidebar_home.jpg) no-repeat 0 0;
	padding: 0 0 0 15px;
}
body#home #contentareawrap {
	height: 276px;
	overflow: hidden;
	background: url(../gfx/bg_sidebar_home.jpg) no-repeat 0 0;
}
body#home #contentarea .innerwrap {
	background: url(../gfx/bg_subhead_right_home.jpg) no-repeat 322px 0;

}
body#home #contentarea {
	background: none;
}
body#home #secondary {
	padding: 0;
}

/* --- surveys --- */
#surveys .innerwrap {
	background: url(../gfx/bg_question_bottom.jpg) repeat-x 0 100%;
}
#surveys {
	background: url(../gfx/bg_question_mid.jpg) repeat;
	clear: both;
}
#surveys .content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#surveys .question {
	display: block;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #D5D0C9;
	cursor: pointer;
}
#surveys .question p {	
	display: inline;
	padding: 0;
	margin: 0;
}
#surveys .question .detail {
	display: block;
	float: left;
	width: 80%;
}
#surveys .question .toggle {
	display: block;
	float: right;
	width: 18%;
	color: #D3B474;
}
#surveys .question .pretty-hover {
	color: #EAB130;
}
#surveys .answer {
	color: #D5D0C9;
	padding: 0 0 25px;
}
#surveys .col_A {
	width: 42%;
	border-right: 1px dotted #D5D0C9;
}
#surveys strong {
	font-weight: bold;
}
#surveys a {
	color: #E8B12F;
	text-decoration: none;
	font-weight: bold;
}
#surveys a:hover {
	color: #fff;
}

#surveys .answer p.summary {
	font-size: 14px;
	margin: 0 0 25px;
}
#surveys ul {
	margin: 0 0 25px;
}
#surveys ul li {
	margin: 0 0 7px;
	font-size: 11px;
	line-height: 1.4em;
}
#surveys h3 {
	color: #D3B474;
	font-size: 14px;
	margin: 0 0 15px;
}
#surveys .options {
	padding: 10px 0 10px 90px;
}
#surveys #noanswer.col_A {
	background: url(../gfx/icons/question.png) no-repeat 0 0;
}
#surveys .col_A ul {
	padding: 0 0 0 90px;
}
#surveys li label {
	color: #EAB130;
	font-size: 11px;
}
#surveys .button, body#survey .content button, body#contact .content button {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	height: 25px;
	line-height: 25px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	background: #574939;
	border: none;
	font-weight: normal;
	border: none;
	cursor: pointer;
}
#surveys .button a,
#surveys button,
body#survey .content button,
body#contact .content button {
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 0 10px;
}
body#survey .content button { margin: 0 0 10px; }
#surveys .button a:hover,
#surveys button.hoverme,
body#survey .content button.hoverme,
body#contact .content button.hoverme {
	color: #EAB130;
	background: #453624;
}

#surveys .col_B ul li a {
	color: #D5D0C9;
}
#surveys .col_B ul li a:hover {
	color: #fff;
}
#surveys .col_B ul li a span {
	color: #EAB130;
}
#surveys .col_B ul li a:hover span {
	color: #F7CF73;
}

/* --- featured sections --- */
#featuredsections .content {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	height: 216px;
	line-height: 216px;
	color: #574939;
}

/* --- welcome message --- */
body#home .welcome {
	padding: 40px 0 0 0;
}
body#home .welcome p {
	color: #fff;
	font-size: 11px;
	line-height: 1.4em;
	padding: 0 80px 0 0;
	margin: 0 0 15px;
}
body#home .action li {
	float: left;
	height: 32px;
}
body#home .action li a {
	display: block;
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
body#home .action li.apply a {
	width: 177px;
	background: url(../gfx/btn/btn_apply.png) no-repeat 0 0;
}
body#home .action li.apply a:hover {
	background-position: 0 -32px;
}
body#home .action li.getinvolved a {
	width: 123px;
	background: url(../gfx/btn/btn_getinvolved.png) no-repeat 0 0;
}
body#home .action li.getinvolved a:hover {
	background-position: 0 -32px;
}

/* Breadcrumbs
--------------------------------------------------------------------------------------------------- */
#breadcrumbs span {
	color: #ECB830;
	padding: 0 5px;
}
#breadcrumbs a {
	color: #C9C1B8;
	text-decoration: none;
}
#breadcrumbs a.current {
	color: #52C4F5;
}
#breadcrumbs a:hover,
#breadcrumbs a.current:hover {
	color: #ECB830;
}

/* Section Head, Crumbs and Sub Headers 
--------------------------------------------------------------------------------------------------- */
#sectionHead {
	height: 105px;
	line-height: 105px;
}
#sectionHead h1,
.welcome h1 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0.01em;
	font-family: Futura, Verdana, Arial, Sans-serif;
}
.welcome h1 {
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	margin: 0 0 15px;
}
.welcome h1 strong {
	font-size: 48px;
	font-weight: bold;
}
#breadcrumbs {
	height: 51px;
	line-height: 51px;
	font-size: 11px;
}
#sectionSubHead {
	height: 64px;
	line-height: 64px;
	color: #77644E;
	font-weight: bold;
	font-size: 18px;
	font-family: Futura, Verdana, Arial, Sans-serif;
}

#logo {
	width: 281px;
	float: left;
	padding: 45px 0 0 0;
}
#logo a {
	background: url(../gfx/healbc_logo.jpg) no-repeat 0 0;
	height: 151px;
	width: 281px;
	display: block;
	text-indent: -9999px;
}
#tagline {
	float: left;
	text-indent: -9999px;
	width: 1px;
}

#searchTool {
	position: absolute;
	top: 35px;
	right: 0;
	padding: 0;
	height: 48px;
	width: 256px;
	background: url(../gfx/search_bar.png) no-repeat 0 0;
}
#searchTool form {
	padding: 7px 8px 0 15px;
}
#searchTool input {
	border: none;
	height: 34px;
	width: 160px;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: transparent;
}
#searchTool button {
	float: right;
	width: 67px;
	display: block;
	height: 34px;
	border: none;
	background: transparent;
	cursor: pointer;
	text-indent: -999em;
}

#globalnav {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 0 0 0;
}
#globalnav li {
	display: inline;
	font-size: 12px;
	padding:  0 10px;
}
#globalnav li a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 2px;
	border-bottom: 1px dashed #fff;
}
#globalnav li a:hover {
	color: #000;
}

/* Sidebar Elements
--------------------------------------------------------------------------------------------------- */
#subnav {
	padding: 0 25px 0 40px;
	text-align: right;
}	
body#home #subnav {
	padding: 0 30px 0 30px;
}
#subnav ul {
	padding: 0;
	margin: 0 0 10px;
}
#subnav li {
	margin: 0;
	padding: 0;
}
#subnav li a {
	border-bottom: 1px solid #ccc;
	padding: 8px 30px 8px 5px;
	display: block;
	width: 232px;
	font-size: 14px;
	color: #999;
	text-decoration: none;
	background: url(../gfx/btn/circle_grey_big.jpg) no-repeat 100% 50%;
}
#subnav li a:hover {
	color: #48C516;
	background: url(../gfx/btn/circle_yellow_big.jpg) no-repeat 100% 50%;
}
#subnav li ul li a {
	font-size: 11px;
	width: 232px;
	background: url(../gfx/btn/circle_grey_small.jpg) no-repeat 99% 50%;
}
#subnav li a.active {
	color: #48C516;
	background: url(../gfx/btn/circle_yellow_big.jpg) no-repeat 100% 50%;
}
#subnav li ul li a:hover {
	color: #333;
	background: url(../gfx/btn/circle_yellow_small.jpg) no-repeat 99% 50%;
}
#subnav li ul li a.active {
	color: #333;
	background: url(../gfx/btn/circle_yellow_small.jpg) no-repeat 99% 50%;
}

/* Footer Elements
--------------------------------------------------------------------------------------------------- */
#footer .innerwrap {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	color: #8E9A80;
	font-size: 11px;
	line-height: 1.4em;	
}
#footer strong {
	color: #fff;
}
#footer a {
	color: #E5AC2B;
	text-decoration: none;
}
#footer a:hover {
	color: #FFB70F;
	text-decoration: underline;
}
#footer .calendar {
	float: left;
	width: 300px;
	height: 314px;
}
#footer .keyinfo {
	float: right;
	width: 550px;
}
#footer .extras {
	clear: both;
}

#footer .calendar h3 {
	background: url(../gfx/hdr/calendar_activities.gif) no-repeat 0 0;
	height: 38px;
	width: 306px;
	display: block;
	text-indent: -999em;
}
#footer .extras h3 {
	height: 38px;
	width: 263px;
	display: block;
}
#footer .keyinfo h3 {
	height: 38px;
	width: 263px;
	display: block;
	text-indent: -999em;	
}
#footer .apply {
	float: left;
	width: 263px;
}
#footer .apply h3 {
	background: url(../gfx/hdr/food_for_thought.gif) no-repeat 0 0;
}
#footer .newsletter {
	float: right;
	width: 263px;
}
#footer .newsletter h3 {
	background: url(../gfx/hdr/newsletter.gif) no-repeat 0 0;
}	

#footer .apply ol {
	padding: 25px 0 0 0;
}
#footer .apply ol li {
	padding: 0 10px 0 50px;
	margin: 0 0 25px;
}
#footer .apply ol li.one {
	background: url(../gfx/icons/one.gif) no-repeat 0 0;
}
#footer .apply ol li.two {
	background: url(../gfx/icons/two.gif) no-repeat 0 0;
}
#footer .apply ol li.three {
	background: url(../gfx/icons/three.gif) no-repeat 0 0;
}

#footer .newsletter p {
	padding: 25px 12px 0;
	color: #fff;
}
#footer .newsletter ul {
	padding: 25px 12px;
}
#footer .newsletter ul li {
	display: inline;
	padding: 0 18px;
	background: url(../gfx/icons/checkmark.gif) no-repeat 0 0;
	font-weight: bold;
}

#footer .copyright {
	float: right;
	width: 450px;
	text-align: right;
	font-size: 10px;
	color: #AEB6A5;
	padding: 15px 0;
}
#footer #footnav {
	float: left;
	width: 432px;
	padding: 15px 0 0 0;
}

#footer #footnav li {
	display: inline;
	padding: 0 15px;
}
#footer #footnav a {
	color: #fff;
}	
#footer #footnav a:hover {
	color: #AEB6A5;
}


#footer .field {
	height: 39px;
	padding: 0 11px 0 0;
}
#footer .field label {
	display: block;
	float: left;
	width: 65px;
	height: 39px;
	text-indent: -999em;
}
#footer .field input {
	float: right;
	width: 173px;
	border: none;
	background: transparent;
	margin: 2px;
	padding: 5px;
	font-size: 12px;
	color: #363C2F;
	font-family: Arial, Helvetica, Sans-serif;
}
#footer #field_email {
	background: url(../gfx/field_email.gif) no-repeat 0 0;
}
#footer #field_name {
	background: url(../gfx/field_name.gif) no-repeat 0 0;
}

#footer .newsletter .submit {
	padding: 10px 20px 0 0;
}
#footer .newsletter button {
	display: block;
	float: right;
	cursor: pointer;
	width: 85px;
	height: 30px;
	background: url(../gfx/btn/signup.gif) no-repeat 0 0;
	text-indent: -999em;
	border: none;
}
	
/* Page Content Formatting & Typography
--------------------------------------------------------------------------------------------------- */
#primary .content a {
	color: #1B93C6;
	text-decoration: none;
}
#primary .content a:hover{
	color: #ECB830;
	text-decoration: underline;
}
#primary .content ul,
#primary .content ol,
#primary .content p {
	margin: 0 0 15px;
}
#primary .content ul li {
	list-style: disc;
	margin: 0 0 5px 20px;
}
body#survey .content ul li {
	list-style: none;
	margin: 0 0 5px;
}
body#survey .content .lg-polls-answers {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background: #eee;
}
#primary .content ol li {
	list-style: decimal;
	margin: 0 0 5px 22px;
}
body#sitemap #primary .content ul {
	margin: 0;
}
body#sitemap #primary .content ul li {
	list-style: none;
}
body#sitemap #primary .content ul li {
	border-bottom: 1px solid #D5D0C9;
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 12px;
}
body#sitemap #primary .content ul li ul li {
	border: none;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
}
	
	
#primary .content h2 {
	font-size: 24px;
	margin:  5px 0 10px;
	color: #0098D7;
	line-height: 1.2em;
}
#primary h3 {
	font-size: 21px;
	margin:  5px 0 10px;
	color: #44B3E1;
}
#primary h4,
body#contact #primary label {
	font-size: 16px;
	margin:  5px 0 10px;
	color: #77644E;
}
body#contact #primary label {
	display: block;
	height: 16px;
	margin: 0;
	padding: 0;
}
body#contact #primary input,
body#contact #primary textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #574939;
	padding: 3px;
	background: #E6DCD0;
	border: 1px solid #77644E;
	width: 480px;
}
body#contact #primary textarea {
	background: #fff;
}
#primary h5 {
	font-size: 14px;
	margin: 0 0 10px;
	color: #0098D7;
	font-weight: bold;
}
#primary h6 {
	font-size: 14px;
	margin: 0 0 10px;
	color: #44B3E1;
	font-weight: bold;
}
#primary .bigtext {
	font-size: 18px;
	color: #999;
}
	
/* Helpers 
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */