
/********* Structural Styles *********/

#footer { 
	background: url(/bhcv2/bhcadmin.nsf/images/footer_bground_condtreat/$file/footer_bground.gif) no-repeat 0 0; /* Creates the spanning column illusion */
}

/* Banner */

/*
#header .pagetitle h1 {
	background: url(/bhcv2/bhcadmin.nsf/images/h1_condtreat/$file/h1_condtreat.jpg) no-repeat 0 0; 
	width: 226px;
	height: 16px;
}
*/
/********* Beginning of 3 Column area *********/

#content .main { /* Is the repeating image for the background blue-coloured column */
	background: url(/bhcv2/bhcadmin.nsf/images/1_col_bground_rpt_condtreat/$file/1_col_bground_rpt.gif) repeat-y 0 0;
	width: 845px;
	float: left;
}

#content .col_1_top { /* Is the top of the background blue-coloured column */
	background: url(/bhcv2/bhcadmin.nsf/images/1_col_top_bground/$file/1_col_top_bground.gif) no-repeat 0 0;
	width: 805px;
	padding: 0 20px 0 20px;
	padding-top: 1px;
	float: left;
}

#content .col_3_bground { /* Is the background for the 3 top columns */
	background: url(/bhcv2/bhcadmin.nsf/images/3_col_bground/$file/3_col_bground.gif) no-repeat 0 100%;
	width: 805px;
	float: left;
	margin: 0 0 1em 0;
}

#content .main .leftcol, #content .main .centrecol, #content .main .rightcol { 
	background: url(/bhcv2/bhcadmin.nsf/images/3_col_top_bground/$file/3_col_top_bground.gif) no-repeat 0 0;
	width: 250px; 
	padding: 10px;
	padding-top: 0;
	float: left;
	margin: 0 15px 0 0;
}

#content .main .rightcol { 
	margin: 0;
	width: 235px;
	padding: 0;
	height: 200px;
	background: none;
}

#content .main h2 { 
	margin: 5px 0 4px 0;
}

#content .main .leftcol .categories, 
#content .main .centrecol .treatmentsyou, 
#content .main .rightcol .healthservice {
	margin: 12px 0 0 0;
}

/* Generic content styles */

#content .main ul li {
	/*list-style-image: url(/bhcv2/bhcadmin.nsf/images/list_bullets/$file/list_bullets.gif);Ling Krah - have to work out how to handle it in Firefox.*/
	list-style-type: none;
	background: url(/bhcv2/bhcadmin.nsf/images/list_bullets/$file/list_bullets.gif) no-repeat;
	background-position: 5px 5px;
	font-size: 0.8em;
	/*margin: 0 0 2em 20px;*/
	padding-left: 20px;
	margin-left: 5px;
}

#content .main hr {
	background: #ced8db;
  	color: #ced8db;
	height: 2px;
}

#content .main p {
	margin: 0 0 0.5em 0;
}

#content .main span {
	color: #70929e;
	font-size: 0.8em;
	line-height: 1.2;
}
#content .main ul span {
	font-size: 1em;
}


/* Left column styles */

#content .main .leftcol ul.list1 {
	float: left;
	width: 120px;
}

#content .main .leftcol ul.list2 {
	float: right;
	width: 120px;
}

#content .main .leftcol .categories ul.list1 {
	width: 120px;
}
#content .main .leftcol .categories ul.list2 {
	width: 120px;
}

#content .main .leftcol .bodyparts {
	background: url(/bhcv2/bhcadmin.nsf/images/bodyparts_bground/$file/bodyparts_bground.gif) no-repeat 15px 0;
	float: left;
	width: 250px;
	margin: 0 0 1em 0;
}

#content .main .leftcol .az {
	float: left;
	width: 250px;
}

#content .main .leftcol .az h4 {
	margin: 0 0 1em 0;
}

#content .main .leftcol .az a {
	border: 1px solid #CFC4C0;
	background: #f5f0ee;
	width: 17px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 4px 12px 2px;
	line-height: 1.3;
}

#content .main .leftcol .az a:hover {
	background: #FFF;
	border: 1px solid #b8c9cf;
	text-decoration: none;
}


/* Centre column styles */

#content .main .centrecol div {
	padding: 0 0 0 30px;
	float: left;
	width: 220px;
}

#content .main .centrecol .treatmentsyou {
	background: url(/bhcv2/bhcadmin.nsf/images/treatments_icon/$file/treatments_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .firstaid {
	background: url(/bhcv2/bhcadmin.nsf/images/firstaid_icon/$file/firstaid_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .medications {
	background: url(/bhcv2/bhcadmin.nsf/images/medications_icon/$file/medications_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .medicaltests {
	background: url(/bhcv2/bhcadmin.nsf/images/medicaltests_icon/$file/medicaltests_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .surgeries {
	background: url(/bhcv2/bhcadmin.nsf/images/surgeries_icon/$file/surgeries_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .othertherapies {
	background: url(/bhcv2/bhcadmin.nsf/images/othertherapies_icon/$file/othertherapies_icon.gif) no-repeat 0 5px;
}
#content .main .centrecol .az {
	background: url(/bhcv2/bhcadmin.nsf/images/az_icon/$file/az_icon.gif) no-repeat 0 5px;
}

#content .main .centrecol ul.list1 {
	float: left;
	width: 90px;
}

#content .main .centrecol ul.list2 {
	float: right;
	width: 100px;
}

#content .main .centrecol ul li.first {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 -20px;
	font-size: 1.1em;
}

#content .main .centrecol ul li.last {
	list-style-image: none;
	list-style-type: none;
	margin: 10px 0 0 -20px;
}

#content .main .centrecol .az h4 {
	margin: 0 0 1em 0;
}

#content .main .centrecol .az a {
	border: 1px solid #CFC4C0;
	background: #f5f0ee;
	width: 17px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 3px 12px 2px;
	line-height: 1.3;
}

#content .main .centrecol .az a:hover {
	background: #FFF;
	border: 1px solid #b8c9cf;
	text-decoration: none;
}


/* Right column styles */

#content .main .rightcol h2 {
	margin-bottom: 0;
}

#content .main .rightcol .healthservice form {
	margin: 0 0 20px 0;
	float: left;
}

#content .main .rightcol .healthservice form label {
	font-weight: bold;
	float: left;
	width: 165px;
	margin: 0 5px 0 0;
}

#content .main .rightcol .healthservice form input, #content .main .rightcol .healthservice form select {
	border: 1px solid #deb10d;
	margin: 0;
	width: 165px;
	font-size: 0.9em;
	display: block;
}

#content .main .rightcol .healthservice form input.find {
	float: right;
	background: #deb10d;
	width: 60px;
	margin: 18px 0 0 0;
	cursor: pointer;
}

#content .main .rightcol .healthservice form span {
	color: #8C8576;
	clear: both;
	display: block;
	margin: 0 0 5px 0;
}

#content .main .rightcol .healthservice .nursedirect  {
	clear: both;
	float: left;
	width: 230px;
	margin: 0 0 20px 0;
}
