/* CSS Document */



html, body 

{

	font-family: Arial, Helvetica, sans-serif;

	background-color: #0A50A1;

	text-align: center;

}

/* Main Structure, contain the whole layout in a div to keep it narrow and centered */

#container

{

	width: 780px;

	margin-left: auto;

	margin-right: auto;

	width: 50em;

	background-color: #fff;

	text-align: left;

	min-height:100%;

}

/* Header */

#header {

	clear: both;

	background: #fff url(Assets/BCCC_header_v1.png) no-repeat left center;

	position: relative;

	height: 100px;

	border-top-style: solid 1px;

	border-top-color: #0A50A1;

}

  #masthead {width: 780px;}

  h1.sitetitle {

  text-indent: -9999px;

  overflow: hidden;

  } 

  h1 a:link, h1 a:visited {color: #0A50A1; text-decoration: none; }

  .subtitle {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: capitalize;

	color: #FFFFFF;

	background-color: #0A50A1;

	text-indent: 0.5em;

}



/* Main Navigation, a styled list */

ul#mainnavlist

{

	padding: 0;

	margin: 0;

	list-style-type: none;

	float: left;

	width: 100%;

	color: #fff;

	background-color: #165829;

	white-space: nowrap;

	text-align: center;

}

ul#mainnavlist li 

{

	display: inline;

	background-position:right;

	

}

ul#mainnavlist li a

{

	float: left;

	width: auto;

	color: #fff;

	background-color: #165829;

	text-decoration: none;

	border-right: 1px solid #fff;

	font-size: .75em;

	padding-top: 0.2em;

	padding-right: 0.7em;

	padding-bottom: 0.2em;

	padding-left: 0.7em;

}

ul#mainnavlist li a:hover

{

	background-color: #FFF206;

	color: #0A50A1;

}

/* Secondary Navigation, a styled list */

#quotes

{

	float: left;

	width: 135px;

	margin: 0;

	padding: 1em;

	clear: left;



}

#quotes p

{

	font-size: 0.75em;

	color: 0A50A1;

	font-style: italic;

	float: none;



}



#leftnav

{

float: left;

padding: 0 1px 1px;

margin-left: 0;

font: 12px Verdana, sans-serif;

background: #165829;

width: 160px;

}



#leftnav li

{

list-style: none;

margin: 0;

border-top: 1px solid #165829;

text-align: left;

}



#leftnav li a

{

display: block;

padding: 0.25em 0.5em 0.25em 0.75em;

border-left: 1em solid #AAB;

background: #FFF;

text-decoration: none;

}



#leftnav li a:link { color: #0A50A1; }

#leftnav li a:visited { color: #667; }



#leftnav li a:hover

{

border-color: #FE3;

color: #FFF;

background: #165829;

}

/* Hilights Navigation, a styled list */

#hilights

{

	float: right;

	width: 160px;

	padding: 0.25em;

	margin: 0.25em 0.25em 0.3em;

}



p.hilights

{

	font-size: 0.8em;

	color: #165829;

	margin-left: 10px;

}	

h2.hilightslinks a

{

	font-size: .63em;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #0A50A1;

	text-decoration: none;

	text-indent: 5px;

	width: 153px;

}



h2.hilightslinks a:hover

{

	color: #FFFF00;

	text-decoration: none;

}



/* Main Content of the Page */

#content

{

position: relative;

margin-left: 160px;

border-left: 2px solid #165829;

margin-right: 175px;

border-right: 2px solid #165829;

padding: 1em;

max-width: 435px;

top: 20px;

}



#content p

{

	text-align: justify;

}

#content ul li

{

	line-height: 135%;

}



/*Footer*/

#footer

{

	clear: both;

	margin: 0;

	padding: .25em;

	color: #fff;

	background-color: #165829;

	text-align: center;

	font-size: .75em;

	word-spacing: 2px;

}



#leftnav p, #quotes p, #rightnav p { margin: 0 0 1em 0; }

#content h2 {

	margin: 0 0 .5em 0;

	color: #0A50A1;

}



}



#content h3 {color: #165829;}



div.row {

  clear: both;

  padding-top: 5px;

  }

  

div.radio {

	color: #FFFF00

	}



div.row span.label {

	float: left;

	width: 140px;

	text-align: left;

	font-weight: bold;

	color: #FFFF00;

	white-space: nowrap;

	margin-left: 5px;

  }



div.row span.formw {

  float: right;

  width: 270px;

  text-align: left;

  } 



/* Fix IE. Hide from IE Mac \*/

* html ul#leftnav li { float: left; }

* html ul#leftnav li a { height: 1%; }

/* End */



/*printer styles*/ 

 @media print{ 

/*hide the leftnav rightnav, and mainnavlist when printing*/ 

#leftnav, #rigthnav, ul#mainnavlist{display:none;} 

#content{width:85%; float:none;}

}

