@import url("navigation.css");

/* Advantage Health
Site Layout and Design Styles
by Dan Moriarty, www.danmoriarty.com
Copyright 2008, All Rights Reserved */


/* = BASE RULES = */

* {
	margin:0;
	padding:0;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:#cee585 url(images/bg-body.gif) repeat-x;
	color:#000;
	}

a:link, a:visited {
	color:#0162cc;
	text-decoration:none;
	}


a:hover {
	text-decoration:underline;
	color:#24abe4;
	}

a.underline {
	text-decoration:underline;
}

img {
	border:none;
	}

/* = CONTENT HOLDERS = */
#wrapper {
	text-align:left;
	margin:0 auto;
	width:780px;
	z-index:102;
	font-size:1.2em;
	}

#top {
	height:104px;
	position:relative;
	}
	
#content {
	width:780px;		
	background: #fff url(images/bg-content.gif) repeat-x;
	}

#content2 {
	width:780px;		
	background: #fff url(images/bg-content2.gif) repeat-x;
	}


#topcontent {
	padding:35px 0 .2em 20px;
	width:760px;
	/*background:#fff1ab;*/
	}
#topcontent p.bigger {
/*this is trying to make the text legible in text-resizing*/
	background:#fff1ab;
	}
	

#topcontent img {
	float:right;
	padding:12px 0 0 20px;
	margin:-35px 0 0 0;
	}
	
#topcontent #calloutbox	{
	float:right;
	clear:right;
	margin-right:20px;
	}
	
#midcontent {
	background:#fff;
	clear:left;
	}

#content2 #midcontent {
	padding-top:20px;
	background:none;
	}
	
#maincol {
	float:right;
	width:497px;
	padding:20px 20px 10px 20px;
	}

#maincol.wider {
	width:740px;
	float:left;
	}
	
	
#maincol2 {
	float:left;
	width:460px;
		padding:20px 20px 10px 20px;
	}


/*===============*/

#sidecol {
	float:left;
	width:218px;
	color:#fff;
	margin:-2em 0 10px 25px;
	}	
	
	
#sidecol h2 {
	background: #fff url(images/sidecol-top.gif) no-repeat;
	height:60px;
	text-indent:-5000px;
	margin:0;
	}

#sidecol-mid {
	background: url(images/sidecol-mid.gif) repeat-y;
	margin:-2px 0 0 0;
	}

#sidecol-mid ul {
	margin:0 0 0 10px;
	padding:0;
	}

#sidecol-mid ul li {
	background: url(images/icon-folder.gif) no-repeat 0 20px;
	padding:22px 20px 20px 65px;
	margin:0;
	font-size:120%;
	line-height:110%;
	}	

#sidecol-mid ul li a {
	color:#fff;
	}
		
#sidecol-bottom {
	background: url(images/sidecol-bottom.gif) no-repeat;
	height:49px;
	margin:-9px 0 0 0;
	}
	
/*===============*/	

#calloutbox {
	float:right;
	margin:10px 10px 10px 20px;
	width:228px;
	color:#fff;	
	padding-top:20px;
	background: #fff url(images/sidecol-top2.gif) no-repeat;
	clear:right;
	}

#calloutbox h3 {
	font-size:130%;
	color:#fff;
	border-bottom:1px solid #fff;
	background:none;
	padding:0;
	margin-bottom:.8em;
	}
	
#calloutbox p {
	line-height:130%;
	}
	
#calloutbox-mid {
	background: url(images/sidecol-mid.gif) repeat-y;
	margin:-2px 0 0 0;
	padding:0;
	}

#calloutbox-mid div {
	padding:0 10px;
	width:190px;
	margin-bottom:3px;
		}

#calloutbox-bottom {
	background: url(images/sidecol-bottom.gif) no-repeat;
	height:49px;
	margin:-8px 0 0 0;
	}

#calloutbox.lighter {
	background: #fff url(images/sidecol-top3.gif) no-repeat;
	color:#333;
	}

#calloutbox.lighter h3 {
	color:#333;
	border-bottom:1px solid #ccc;
	}

#calloutbox.lighter #calloutbox-mid {
	background: url(images/sidecol-mid3.gif) repeat-y;
	}

#calloutbox.lighter #calloutbox-bottom {
	background: url(images/sidecol-bottom3.gif) no-repeat;
	height:62px;
	margin:-10px 0 0 0;
	}

#calloutbox a {
	color:#A5E4E7;
	}

#calloutbox.lighter a {
	color:#0162cc;
	}	
/*********************/


#bottom {
	clear:both;
	height:20px;
	background: #fff url(images/bg-wrapper.gif) left bottom no-repeat;

	}

#footer {
	clear:both;
	width:760px;
	margin:0 auto;
	padding:10px;
	}
	
#footer a {
	color:#0162cc;
	}

div.halfleft {
	float:left;
	width:49%;
	}

div.halfright {
	float:right;
	width:49%;
	}


/*===============*/	

/* == TYPE == */
h1 { font-size:240%; }
h2 { font-size:240%; }
h3 { font-size:150%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }


h1, h2, h3, h4 {
	margin:.8em 0 .4em 0;
	padding:0;
	color:#333;
	}

h1.siteheader { /*this is top type header*/
	margin:0;
	padding:0;
	}
	

h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	display: block;	
	width: 244px;
	height:143px;
	top:0;
	text-decoration:none;
	text-indent:-5000px;
	background: url(images/logo.png) no-repeat;
	position:absolute;
	z-index:100;
	}


h2 {
	color:#014794;
	letter-spacing:-1px;
	font-weight:normal;
		}
	

#topcontent h2 {
	margin-top:.2em;
		}
	
h3 {
	color:#000;
	font-weight:normal;
	background:#b2d955;
	padding:4px 5px;
	margin:5px 0;
	}
	
h4 {
	color:#013063;
	}
	
p {
	line-height:160%;
	margin:.2em 0 .6em 0;
	}

#topcontent p {
	 line-height:140%;
	 }
	 

ul, ol {
	margin:.6em 0;
	padding:0 0 0 10px;
	}
		

li {
	margin:.4em 0;
	line-height:150%;
	}

ul li {
	background: url(images/bg-bullet.png) no-repeat 0 3px;
	padding-left:20px;
	list-style:none;
	}

		
table {
	border:none;
	}

table.contactform {
	width:100%;
	background:#fff;
	}

td {
	padding:5px;
	vertical-align:top;
	}

label {
	display:block;
	clear:right;
	}


dl {
	margin:.6em 0 1em 0;
	padding:5px 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	line-height:120%;
	}


fieldset {
	margin:1em 0;
	padding:10px;
	border:1px solid #ccc;
	
	}

fieldset.contactform {
	width:340px;
	}

legend {
	font-weight:bold;
	font-size:110%;
	color:#666;
	}
	
label {
	display:block;
	}

/* MISC SPANS AND CLASSES */

		
p.breadcrumb {
	font-size:90%;
	line-height:100%;
	margin:.2em 0;
	padding-top:5px;
	}

.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

.clearout {
	clear:both;
	}

p.source {
	margin:10px;
	font-weight:bold;
	font-style:italic;
	}

.floatleft {
	float:left;
	padding:0 10px 10px 0;
}
	
#preloader {
	background: url(images/bg-tab2.gif) no-repeat;
	height:0;
	width:0;
	}

/*===============*/	

.featured-banner {
	background: #b2df48 url(images/feature-bottom.gif) no-repeat left bottom;
	width:490px;
	margin:15px 0;
	min-height:100px;
	
	}

.featured-banner h2 a:link, .featured-banner h2 a:visited {
	color:#fff;
	}
	
.featured-banner img {
	float:left;
	}

.featured-banner p {
	line-height:130%;
	margin-bottom:0;
	}
	
.featured-banner h2 {
	background: url(images/feature-top.gif) no-repeat;
	padding:5px 0 4px 120px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin:0;
	font-size:280%;
	letter-spacing:-1px;
	}

.featured-banner div {
	padding:0px 10px 0px 120px;
	font-weight:bold;

	}	

/*===============*/	

#content2 #midcontent {
	padding-top:12px;
	background:none;
	}


#upper {
	background: url(images/bg-map.gif) no-repeat;
	height:220px;
	padding:10px 20px 10px 360px;
	position:relative;
}

#upper h2 {
	margin-top:20px;
}

#upper  img {
	position:absolute;
	left:15px;
	top:15px;
}

#upper p {
	line-height:180%;
}


/*all paths styles*/

#paths-wrap {
	padding: 0 0 10px 0px;
	width:780px;
}

#paths-wrap h3 {
	background:none;
	font-size:240%;
}

.paths {
	position:relative;
	clear:both;
	float:left;
	width:780px;
	margin-bottom:5px;
 }
 
.paths h4 {
	height:60px;
	width:261px;
	position:absolute;
	top:30px;
	left:0px;
	margin:0;
	text-indent:-5000px;
	}

.paths p {
	margin-bottom:10px;
}

.paths ul {
	margin-left:10px;
}
.paths ul li {
	background:none;
	list-style: disc;
	padding-left:0;
}

/*info to the right of arrows*/
.paths .goal-list {
	float:left;
	margin-left:280px;
	width:240px;
	padding:15px 0 10px 0;
}

/*info on right*/
.paths .includes-list {
	float:right;
	padding:10px 10px 10px 0px;
	width:235px;
}

#path1 {
	background: url(images/bg-path1.png) repeat-y;
}

#path1 .goal-list { padding-top:25px;}

#path1 h4 {
	background: url(images/arrow-path1.png) no-repeat;
	top:40px;
}

#path2 {
	background: url(images/bg-path2.png) repeat-y;
}
#path2 .goal-list { padding-top:50px;}

#path2 h4 {
	background: url(images/arrow-path2.png) no-repeat;
	top:50px;

}

#path3 {
	background: url(images/bg-path3.png) repeat-y;
}

#path3 h4 {
	background: url(images/arrow-path3.png) no-repeat;
	top:50px;

}

#lower-content {
	clear:both;
	padding:10px 10px 10px 360px;
}

.lowerpix {
	float:left;
	margin-left:-345px;
}

h3#register-button {
	background: url(images/btn-register.png) no-repeat;
	width:150px;
	height:63px;
	text-indent:-5000px;
	float:left;
	margin:0;
	padding:0 10px 0 0;
}

h3#register-button a {
	display:block;
	width:150px;
	height:63px;
}

h3#register-button a:hover {
	background: url(images/btn-register2.png) no-repeat;
}

h2.direction-header {
	color:#000;padding-left:21px;font-size:260%;
	margin:10px 0;
}

#wellness-page h2 {
	font-size:260%;
	color:#000;
}