/*********************************************** 
				Browser reset
***********************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; }

/*********************************************** 
				Tags
***********************************************/

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	background: url(../../images/body-bg2.gif) no-repeat center bottom;
	color: #1a1a1a;
}

a { text-decoration: none; color: #0079C1; }

a:hover { text-decoration: underline; }

/*********************************************** 
				Home page/global styles
***********************************************/

/* header wrapper used to span gradient full page width */
#header-wrapper { background: url(../../images/header-gradient-bg.gif) repeat-x; height: 109px; }

/* header area */

#header { 
	background: url(../../images/header-bg.gif) no-repeat 317px 0; 
	width: 945px;
	margin: 0 auto;
	position: relative;
	height: 109px;
}
	
	#header h1,
	#header #h1 { 
		font-size: 3.5em; 
		font-family: Helvetica, Arial, sans-serif; 
		height:56px;
		width:470px;
		top: 36px;
		position: absolute;
	}
	
	#header h1 a,
	#header #h1 a { color: #0079C1; display: block; }	
	
	#header h1 span,
	#header #h1 span { 
		color: #000; 
		font-size: 0.36em; 
		display: block; 
		font-weight: bold; 
	}
	
	#header h1 a:hover,
	#header #h1 a:hover { text-decoration: none; }
	
	#header #logo {
		position: absolute;
		width: 159px;
		height: 46px;
		top: 48px;
		right: 0;
	}
	
		#header #logo span { display: none; }
		
	#header #toolbar-nav {
		width: 200px;
		height: 15px;
		top: 8px;
		left: 0;
		position: absolute;
	}
	
	#header #toolbar-nav li { 
		float: left; 
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #0079C1;
	}

	#header #toolbar-nav li.first { border: none; margin: 0; padding: 0; }
	
	#header #toolbar-nav li a { font-size: 1.2em; color: #333; } 

/* wrapper used to span blue nav bar full page width */
#wrapper { background: url(../../images/horiz-nav-bar.gif) repeat-x 0 0; }

#container { width: 945px; margin: auto; }

/* side column */

#side-col {
	background:#F7F7F7;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	float:left;
	margin-right:18px;
	width:166px;
}

#side-col.cogs { background: #F7F7F7 url(../../images/side-nav.gif) no-repeat 0 bottom; }

	#side-col #search {
		background:#0079C1 none repeat scroll 0 0;
		height:23px;
		margin:0 -1px;
		padding:8px 5px;
		width:158px;
	}
	
	#side-col #search label {
		text-indent: -10000px;
		line-height: 0;
		font-size: 0;
		display: block;
		float: left;
		width: 5px;
		height: 23px;
		background: url(../../images/search-label.gif) no-repeat;
	}
	
	#side-col #search #Template_searchArea_quickSearch {
		border: none;
		padding: 4px 0 2px;
		height: 17px !important;
		float: left;
		width: 121px !important;
		font-family: arial, sans-serif;
		font-size: 1.2em;
		background: #fff;
	}
	
	#side-col #search #Template_searchArea_quickSearch:focus { outline: none; }
	
	#side-col #search .Button { 
		float: left; cursor: pointer; 
		display: block;
		width: 30px;
		height: 23px;
	}

	#side-col ul { padding-top: 17px; }

		#side-col li { margin-bottom: 14px; }
		
		#side-col li a { 
			font-size: 1.5em; 
			color: #1A1A1A; 
			padding: 3px 7px;
			display: block;
			width: 152px;
			line-height: 1.4em;
		}
		
		#side-col li a:hover { 
			text-decoration: none;
			
		}
		
		#side-col li#current a,
		#side-col li.active a {
			background: #babcbe url(../../images/nav-current.gif) repeat-x;
			color: #fff;
		}
		
		#side-col li#current ul,
		#side-col li.active ul { background: #E0E0E0; padding: 3px; }
		
		#side-col li#current ul a,
		#side-col li.active ul a,
		#side-col li.active ul li#current li.l2 a,
		#side-col li.active li.parent li.l2 a { background: none; color: #1a1a1a; }
		
		#side-col li.l1,
		#side-col li.l2 { margin-bottom: 5px; }
		
		#side-col li.l1 a { font-size: 1.3em; width: auto; }
		
		#side-col li.active ul li#current a { background: #3394cd url(../../images/nav-child.gif) repeat-x; color: #fff; } 
		
		#side-col li.active ul li#current ul,
		#side-col li.active ul li.parent ul { background: #F2F2F2; padding: 4px; }
		
		
		#side-col li.l2 a { font-size: 1.2em; padding: 1px 7px; }
		
		#side-col li.active li.parent a { background: #3394cd url(../../images/nav-parent.gif) repeat-x; color: #fff; }

/* content area */

#content {
	width: 759px;
	float: left;
	padding: 0 0 50px;
	position: relative;
}

#content #tabs-nav {
	height: 31px;
	width: 759px;
	margin-bottom: 28px;
	padding-top: 8px;
}

	#content #tabs-nav li {
		float: left;
		padding-left: 3px;
	}
	
	#content #tabs-nav li a {
		float: left;
		padding: 5px 29px 8px 24px;
		font-size: 1.6em;
		color: #fff;
	}
	
	#content #tabs-nav a:hover { text-decoration: none; }
	
	#content #tabs-nav li.ui-state-active { background: url(../../images/horiz-nav-tab.gif) left bottom no-repeat; }
	
	#content #tabs-nav li.ui-state-active a { 
		background: url(../../images/horiz-nav-tab.gif) right bottom no-repeat; 
		color: #0079C1; 
		font-weight: bold; 
	}

#content .tab {  }

	#content .tab h2 { display: none; }
	
	#content .tab .leading { margin-bottom: 20px; }
	
	#content .tab .leading p { font-size: 1.5em; font-size: 1.5em; }
	
	#content .tab #tools-list { width: 759px; }
		
	#content .tab #tools-list li {
		background: url(../../images/tools-bg.gif) no-repeat;
		width: 335px;
		height: 109px;
		padding: 0 20px;
		margin-bottom: 10px;
		overflow: hidden; 
		float: left;
		font-size: 1em;
	}
	
	#content .tab #tools-list li.col2 { clear: both; margin-right: 9px; }
	
	#content .tab #tools-list li .tool-img { float: left; margin-right: 15px; width: 80px; } 
	
		#tools-list .qrisk .tool-img { margin-top: 20px; }
		
		#tools-list .alcohol-calculator .tool-img { margin-top: 8px; }
		
		#tools-list .healthy-eating-calculator .tool-img { margin-top: 12px; }
		
		#tools-list .healthy-weight-calculator .tool-img { margin-top: 4px; }
		
		#tools-list .type-2-diabetes-check-tool .tool-img { margin-top: 14px; }
		
		#tools-list .activities-calculator .tool-img { margin-top: 14px; }
	
	#content .tab #tools-list li .tool-copy { float: left; margin-top: 20px; }
	
	#home #content .tab #tools-list li .tool-copy { width: 240px; }
	
	#content .tab #tools-list li .tool-copy h3 { 
		font-size: 1.75em; 
		font-weight: bold; 
		margin-bottom: 7px;
	}

	#content .tab #tools-list li .tool-copy h3 a { color: #0079C1; display: block; } 

	#content .tab #tools-list li .tool-copy h3 a:hover { text-decoration: none; }

	.ui-tabs .ui-tabs-hide { display: none; }

/* footer */

#footer { 
	width: 945px; 
	margin: auto; 
	clear: both;	
}

	
	#footer-boxes {
		width: 760px;
		margin-left: 184px;
	}
	
		.footer-box {
			float: left;
			background: url(../../images/footer-mod-bg.png) no-repeat;
			width: 235px;
			padding: 7px 3px 0;
			height: 170px;
			margin-right: 18px;
			position: relative;
			margin-top: -38px;
		}
		
		.footer-box:hover .hover-text { display: block; }
		
		.footer-box h4 {
			font-family: Arial, sans-serif;
			font-size: 2em;
			font-weight: bold;
			margin: -4px 0 4px 8px;
			display: block;
			line-height: 1.5em;
		}
		
		.footer-box h4 a { color: #0079C1; display: block; }
		
		.footer-box .hover-text {
			font-size: 1.2em;
			color: #fff;
			background: url(../../images/footer-mod-hover.png) no-repeat;
			height: 110px;
			width: 216px;
			position: absolute;
			bottom: 9px;
			left: 3px;
			padding: 10px;
			display: none;
		}
		
		.footer-box a:hover { text-decoration: none; }
		
		#footer-boxes .last { margin-right: 0; }
	
	#footer-float { clear: both; float: left; margin: 45px 0 0 184px; }
	
		#footer-nav { margin-bottom: 27px; clear: both; margin-top: 22px; }
	
		#footer-nav li { margin-bottom: 6px; float: left; border-left: 1px solid #0079C1; margin-left: 13px; }
		
		#footer-nav li.first { border: none; margin: 0; }
		
			#footer-nav li.first a { padding: 0; }
		
			#footer-nav a { color: #fff; font-size: 1.2em; float: left; padding-left: 13px;  }
		
	
	#Template_city_logo { float: right; margin: 13px 0; }
	
/*********************************************** 
			Internal only css
***********************************************/

/* wrapper used to span blue nav bar full page width */
#internal #wrapper,
#wide #wrapper { background: url(../../images/horiz-nav-bar-internal.gif) repeat-x center 0; }
	

#breadcrumbs { height: 39px; }

	#breadcrumbs dt { display: none; }
	
	#breadcrumbs dd { 
		font-size: 1.2em; 
		color: #fff; 
		float: left;
		display: block;
	}
	
	#breadcrumbs dd.home { 
		background: transparent url(../../images/breadcrumb-home.gif) no-repeat scroll 0 center;
		font-size: 0;
		height: 39px;
		line-height: 0;
		text-indent: -10000px;
		width: 50px;
	}
	
	#breadcrumbs dd.home a { width: 13px; } 
	
	#breadcrumbs dd:hover a { text-decoration: none; }
	
	#breadcrumbs dd a {
		color: #fff;
		display: block;
		background: url(../../images/breadcrumb-2.gif) no-repeat right center;
		margin-right:12px;
		padding:12px 24px 8px 0;
		height: 19px;
		text-decoration: underline; 
		float: left;
	}
	
	#breadcrumbs dd span { padding:12px 0px 8px;  display: block; float: left;}

#section-title {
	font-size: 3.2em;
	color: #fff;
	width: 736px;
	padding: 17px 20px 22px;
	height: 33px;
	margin: 0 0 23px -18px;
}

#wide #left-col { width: 756px; margin-right: 0; }

#left-col {
	width: 497px;
	float: left;
	margin-right: 21px;
}

#right-col {
	float: left;
	width: 240px;
}

	#right-col .feature {
		background: url(../../images/rounded-box.gif) no-repeat;
		padding: 10px 10px 15px;
		margin-bottom: 15px;
	}
	
	#right-col .feature-bottom { 
		background: url(../../images/rounded-box.gif) no-repeat 0 bottom;
		height: 5px;
		width: 240px;
		margin: 10px -10px -15px;
		clear: both;
	}

	#right-col .feature h3 {
		font-weight: bold;
		color: #000;
		font-size: 2em;
		margin-bottom: 8px;
	}
	
	#right-col ul { margin-left: 3px; }
	
	#right-col li {
		background: url(../../images/bullet.gif) no-repeat 0 0.35em;
		line-height: 1.5em;
		margin-bottom: 5px;
		padding-left: 13px;
		font-size: 1.2em;
	}

#main #left-col #sitemap li { font-size: 16px;  }

	#main #left-col #sitemap li ul { margin: 5px 0 10px; }

	#main #left-col #sitemap li li { font-size: 14px; background: none; }

	#main #left-col #sitemap li li a { color: #333; }

	#main #left-col #sitemap li li li a { color: #4d4d4d; }

/*********************************************** 
			Google Maps
***********************************************/

#mapControls { 
	padding: 0.5em 0;
	margin: 0 0 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
	#mapControls #mapSearch { float: left; }
	
	#mapControls #filter { 
		float: right;
		font-size: 1.2em;
		}
.main a:hover { text-decoration: underline; }

.main table.main th { background-color:#ccf; height:20px; }

.main .sidebar-contents { background: #FFF; }
.main .sidebar-entry { text-decoration:none; }

.main a.sidebar-entry { color:#000; text-decoration: none; padding: 0.2em 0 0.2em 20px; }

.main a.sidebar-entry:hover,
.main a.sidebar-entry:focus { background-color:#0079C1; text-decoration: none; color: #FFF; display: block; outline: none; }

.main .sidebar-cat-header { background-color:#eee; margin:1px 0; padding: 0.2em; font-weight:bold; }
.main .sidebar-cat-header:hover { color:#0079C1; }
.main .sidebar-cat-header img { vertical-align:middle; }
.main .sidebar-cat-header input { margin: 0	0.3em; }

.main .hilight-cat-header,
.main .hilight-cat-header:hover { background:url("../../images/nav-current.gif") repeat-x scroll 0 0 #BABCBE; color: #FFF; }

.main .info-window * { line-height: normal !important;}
.main .info-window h2 { background-color:#eee; font-weight:bold; font-size: 1.3em; padding: 0.2em; margin: 0 0 0.3em 0 }
.main .info-window h3 { font-size: 1.2em; }
.main .info-window .iw-website,
.main .info-window .iw-listitem { font-size: 1.2em; }

.main #sidebar { width:200px; height:500px; overflow:auto; font-size: 1.1em; background:url("../../../../images/ajax.gif") center center no-repeat;  }

.main #map { width:100%; height:400px; border-right: 1px solid #FFF }

.main #adsense { text-align: center }

/*********************************************** 
			Qrisk
***********************************************/

#qrisk,
#bmi { font-size: 1.2em; }

#qrisk fieldset,
#bmi fieldset { 
	border: 1px solid #ccc; 
	padding: 1em;	
	margin: 1em 0; 
	clear: both; 
}

#qrisk fieldset.formResult { border: 1px solid #0079C1; }

#qrisk .formRow { clear: both; margin-bottom: 10px; }

#qrisk .formRow .formLabel { float: left; margin-right: 5px; }

#qrisk .formFieldset .formLabel { width: 55px; }

#qrisk .formFieldset2 .formLabel { width: 180px; }

#qrisk .formRow .formInput { float: left; margin-right: 5px; }

#qrisk fieldset td { padding: 3px 0; }

#qrisk fieldset td input { margin-right: 5px; }

/*********************************************** 
			BMI
***********************************************/

#bmi .formColumn,
#bmi .or,
#bmi .formLabel,
#bmi .formInput { float: left; }

#bmi .formRow,
#bmi fieldset { clear: both; }

#bmi .formRow { margin-bottom: 10px; }

#bmi .or { font-weight: bold; margin-right: 10px; }

#bmi .column1 .formLabel { margin-right: 5px; width: 75px; }

#bmi .column2 .formLabel { margin-right: 5px; width: 42px; }

#bmi .formColumn { width: 137px; }

/*********************************************** 
			searchpage
***********************************************/

#searchpage #tab1 label {
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 10px;
	line-height: 2.5em;
}

#searchpage #tab1 input { margin-right: 5px; }

#searchpage #tab1 #Template_ctl18_ctl00_terms { border: 1px solid #999; padding: 2px; }

/*********************************************** 
			Common classes
***********************************************/

.clearFix { height: 1%; display: block; }

.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

.content_by { float: right; margin: 5px 0; }