/* main stylesheet for Healthy Active Website*/

/*--------------- Generic font and element styling ----------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;
	background color: #fff;
	
}

h1 { 
	font-size: 1.4em;
	color: #034D68;
	font-weight: normal;
}
	
h2 {
	font-size: 1.3em; 
	color : #36778D;
	font-weight: normal;
	padding-top: -1em;
} 

p+h2 {
margin-top: -1em;
}
p>h2 {
margin-top: -1em;
}

h3 { 
	font-size: 1.2em; 
	color : #5797B0;
} 

h4 {
	font-size: 1.1em;
	color : #034D68;	
}
	
h5 { 
	font-size: 1em; 
	color : #5797B0;
	}
	
h6 { 
	font-size: 0.8em; 
	font-weight : normal; 
	color : #034D68; 
	font-style : italic;
} 

p {
  padding-bottom: 5px
}

.footnote { 
	font-size: 90%;
	color: #666666;
}
 
table {
	font-size: 1em;
}

/* Banner Styles - Main Banner is a container to hold left, middle and right banner image(s).*/

#main_banner_container {
	position: relative;
	width: auto;
	height: 136px;
	background-image: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/ha-gradient.jpg/$FILE/ha-gradient.jpg);
}

#left_banner_img_container {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/ha-gradient.jpg/$FILE/ha-gradient.jpg);
	width: 384px;
	height: 136px;
	margin: 0px;
	z-index: 1;
}

#middle_banner_img_container {
	position: absolute;
	top: 0px;
	right: 314px;
	background-image: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/ha-gradient.jpg/$FILE/ha-gradient.jpg);
	width: 31%;
	height: 136px;
	margin: 0px;	
	z-index: 2;
}	

#right_banner_img_container {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/ha-gradient.jpg/$FILE/ha-gradient.jpg);
	width: auto;
	height: 136px;
	margin: 0px;	
	z-index: 1;
}	

#search {
	float: right;
	text-align: right;
	position: relative;
	top: -1px;
	width: auto;
}

#search form {
	margin: 0px;
	padding: 0px;
}

/*-- BREADCRUMB START*/

#breadcrumb_container{
	position: relative;
	top: 45px;
	width: 70%;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 35px 0px;
	text-align: left;
	font-size: 0.8em;
	z-index: 1;
}

#breadcrumb_container a:link {
	text-decoration: underline;
}

#breadcrumb_container a:visited {
	text-decoration: underline;
}

#breadcrumb_container a:hover {
	text-decoration: none;
}
	
/* Mid Container Styles- Mid Container, holds the Left nav and content. It is positioned relatively to allow for a footer to be	placed 100% of the screen width underneath the content and left nav */

#mid_container {
	position: relative;
	width: 99%;
	top: 0px;
	left: 0px;
	margin-bottom: -20px;
	padding-bottom: 0px;
		
}

/*------------------------------------ Start Content ----------------------------------*/

#content {
	/*height: 1%;*/
	position: relative;
	top: -40px;
	margin: 0px 0px 0px 220px;
	padding-top: 1px;
	padding-bottom: 0px;	
	font-size: 1.2em;
	line-height: 1.4em;
}
#content a:link {
	text-decoration:underline;
}

#content a:visited {
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

/*------------------------------------ Start left navigation ----------------------------------*/

#left_nav {
	position: relative;
	left: 0px;
	width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

#left_nav ul li { 
	padding: 3px 16px 3px 0px;
}

#left_nav ul ul{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2DAE2;
}

#left_nav ul {
	padding: 5px;
	margin: 0px;
	list-style-type: none;
	font-size: 100%;
	/*height: 1%;*/
}

#left_nav ul li a {
	display: block;
	width: 100%;
}

#left_nav ul li a:link,  #left_nav ul li a:visited {
	margin: 2px 5px 0px 5px;	
	padding: 3px 16px 3px 10px;
	text-decoration: none;
	color: #0F6B91;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2DAE2;
}

#left_nav ul li a:hover {
	margin: 2px 5px 0px 5px;	
	padding-left: 10px;
	text-decoration: underline;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2DAE2;
}

#left_nav ul li a:active{
	margin: 2px 5px 0px 5px;	
	padding-left: 10px;
	text-decoration: underline;
	color: #0F6B91;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2DAE2;
}

/*------------------------------------ Start Right Teaser ----------------------------------*/

.rghtnavblock {
	float: right;
	top: 0px;
	right: 10px;
	height: auto;
	width: 210px;
	margin: 0px 0px 0px 25px;
	font-size: 0.90em; 
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 5px 0px 5px 5px;

}
.rghtnavblock ul {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	list-style-type: none;
	height: auto;
}

.rghtnavblock li {
	margin: 2px 0px 0px 0px;
}

.rghtnavblock a:link {
	
	text-decoration:underline;
}
.rghtnavblock a {
	display: block;
	width: 100%;

}
.rghtnavblock a:visited {
	text-decoration:underline;
}

.rghtnavblock a:hover {
	text-decoration:none;
}

/* Footer- Can be either a container or its own element.. Use it as a container if you want to display more then 1 content type within*/

#footer {
	position: relative;
	top: 0px;
	width: auto;
	background color: #fff;
	margin: 20px 0px 0px 0px;
	text-align: center;
	padding: 20px;
	clear: both;
	border-top: solid 1px #5E9EB7;
}

#footer a:link {
	text-decoration: underline;	
}

#footer a:hover {
	text-decoration: none;
}

/*--Summary-- This controls the style for the summary within the WCMS. */

#summary {
	text-decoration: none;
	font-weight: 500;
	color: #000;
	padding-bottom: 12px;
}

/* SEARCH RELATED */

ul.searchresults {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.searchresults li {
	margin-bottom: 20px;
}

ul.searchresults li a {
	margin: 0px;
}

p.scoreresults {
	margin: 0px 0px -6px 0px;
	padding: 0px;
}

p.stopwords{
	margin-top:-10px;
	font-size:0.8em;
}

.currpage {
	font-weight: bold;
	color: #000;
	border: 1px solid #000;
	padding: 3px 5px 3px 5px;
}

p.searchnav {
	margin-top: 25px;
}

p.searchnav a {
	text-decoration: underline;
	color: #0000FF; 
}

a.search_next:link, a.search_next:hover, a.search_next:active, a.search_next:visited {
	PADDING: 0 18px 0 10px;
	FONT-WEIGHT: bold; 
	BACKGROUND: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/arrow_next.gif/$FILE/arrow_next.gif) 3px; 
	background-repeat: no-repeat;
	background-position: right;
}

a.search_prev:link, a.search_prev:hover, a.search_prev:active, a.search_prev:visited {
	PADDING: 0 10px 0 18px;
	FONT-WEIGHT: bold; 
	BACKGROUND: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/arrow_previous.gif/$FILE/arrow_previous.gif) 3px;
	background-repeat: no-repeat;
	background-position: left; 
}

input#searchText {
	margin-right: 5px;
}

#boolean {
	position: absolute;
	top: 3em;
	font-size: 80%;
	right: 7.7em;
}

#search legend {
	display: none;
}

#search fieldset {
	border: 0px;
}

.icns {
	visibility: visible;
}

/* Skip to Content styles */

a.skiplink, a.skiplink:hover, a.skiplink:visited {
	text-indent: -600em;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: auto;
} 
  
a.skiplink:active, a.skiplink:focus {
	background-color: #666666;
	color: #ffffff;
	display: block;
	font-weight: bold;
	padding: 10px;
	text-indent: 0.1em;
	width: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}	

hr {
	width: 100%;
	height: 1px;
	color: #bbb;
	border: none;
	
}

/* For Internet Explorer */
	html>body hr {
	margin-left: 0px;
	width: 100%;
	height: 1px;
	background-color: #bbb;
	border: none;
}

/* For Gecko-based browsers */
	html>body hr {
	margin-left: 0px;
	width: auto;
	height: 1px;
	background-color: #bbb;
	border: 0px solid #bbb;
}
	
/* For Opera and Gecko-based browsers */	
 
/* Disclaimer- This is the class for the styleDisplayContentDownload block */

p ol li .disclaimer {
	FONT-SIZE: 80%;
	COLOR: #666666;
	padding-top: 20px;
	border-top: 1px solid #ccc;
} 

/* Page Currency- This is the class for the styleMiddlepanePageCurrency block */

.pageCurrency {
	FONT-SIZE: 90%; 
	font-weight: normal;
}

#topImagePrint {
	height: 107px;
	background: url(/internet/healthyactive/publishing.nsf/AttachmentsByTitle/topImagePrint.jpg/$FILE/topImgPrint.jpg);
	display: none;
}

caption {
	font-size: 0.8em; 
	font-weight: bold; 
	text-align: left;
}

div.menu_boxes {
	clear: both;
	padding-left: 13%;
	width: 100%;
}

.lefthomebox{
	width: 30%;
	float: left;
	padding: 0 0 10px 0;
}

.middlehomebox{
	width: 30%;
	float: left;
	padding: 0 0 10px 0;
}

.righthomebox{
	width: 30%;
	float: left;
	padding: 0 0 10px 0;
}

/*this is the div styles for the div surrounding both image containers*/

.campaign_images{
	clear: both;
	height: 270px;
}
/* PDF/large file warning styles */
.pdfhelp { background: #EFF0FD; border: 1px dotted #2D6DB5; margin: 25px 25px 25px 25px; padding: 12px 10px 8px 15px; font-size: 0.9em; line-height: 1.5em; display: block; clear: none;}
.pdfhelp p {margin-left: 10px; margin-right: 15px}
.pdfhelp a:link, .pdfhelp a:visited { color: #000; }
.pdfhelp h4 {
	font-size:1em;
	margin: 0 0 10px 0;
	padding: 2px 0 0 30px;
	background: 0 0 url(/internet/main/publishing.nsf/AttachmentsByTitle/info.gif/$FILE/info.gif) no-repeat;
	height:26px;
}
.pdfhelp img { border: 0px none; margin: 0px 15px 8px 0px; float: left; }


#content .pdfhelp ol {margin-left: 30px; margin-bottom:15px}
.pdfhelp h4 a {text-decoration: none}
.pdfhelp h4 a:hover {text-decoration: underline}