/*
-------------------------------------------------------- 
Global Stylesheet for Maven Health and Wellness

Notes:
Dark Blue: #092948
Medium Blue: #3372ac
Light Blue: #bed8ef

-------------------------------------------------------- 
*/

/* GLOBALS
----------------------------------*/
* {
	font-family: Arial, Verdana, Helvetica, sans-serif;		/* Global font family */
}
img {
	border: 0;
}
body {
	font-size: 12px;
	text-align: center;
	background:#3372AC url(../graphics/page_bg.gif) repeat-x;
	margin:0;
	padding:0;
}
H1 { font-size:22px; color:#1a3f65; margin-top:0px;}
H2 { font-size:14px; color:#1a3f65; margin-top:0px; }
H3 { }
H4 { }
H5 { }
H6 { }
p,td,select,input,li,textarea {
	font-size:12px;		/* Global font size */
}
th {
	text-align: left;
}
hr {
	height:1px;
	width:100%;
	color:#092948;		/* Dark Blue */
}
a:link { color: #CC3300; }
a:visited { color: #CC3300; }
a:active { color: #CC3300; }
a:hover { color: #CC3300; text-decoration: none; }

.blocklink a:link { color: #000000; text-decoration:none; }
.blocklink a:visited { color: #000000; text-decoration:none; }
.blocklink a:active { color: #000000; text-decoration:none; }
.blocklink a:hover { color: #000000; text-decoration: underline; }

/* POSITIONING DIVs
----------------------------------*/
#container {
	width: 1000px;
	text-align: left;
}
#pageHolder {
	background: url(../graphics/content_bg.gif) repeat-y;	/* This is the main background image for the content area */
	height:100%;
}

/* TOPBAR
----------------------------------*/
#header {
	background-image:url(../graphics/header_pic.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:217px;
}
#header #login {
	margin:10px 10px 0 0;			/* Top, Right, Bottom, Left */
	height:26px;
	width:117px;
	float:right;
	background:url(../graphics/nav/btn_login.jpg);
}
	#header #login a:hover {
		float:right;
		top:10px;
		height:26px;
		width:117px;
		background:url(../graphics/nav/btn_login_over.jpg);
	}

/* NAV
----------------------------------*/
#nav {
	position:relative;
	text-align:left;
	min-height:61px;
	padding: 0 0 0 60px;			/* Top, Right, Bottom, Left */
}
#nav img {
	border:0;
}
	#nav #home {
		display:block;
		float:left;
		width:83px;
		height:41px;
		background:url(../graphics/nav/btn_home.gif) no-repeat;
	}
	#nav #home a:hover {
		float:left;
		width:83px;
		height:41px;
		background:url(../graphics/nav/btn_home_over.gif);
	}
	#nav #feeling {
		display:block;
		float:left;
		width:149px;
		height:41px;
		background:url(../graphics/nav/btn_feeling.gif) no-repeat;
	}
	#nav #feeling a:hover {
		float:left;
		width:149px;
		height:41px;
		background:url(../graphics/nav/btn_feeling_over.gif);
	}
	#nav #questionnaire {
		display:block;
		float:left;
		width:119px;
		height:41px;
		background:url(../graphics/nav/btn_questionnaire.gif) no-repeat;
	}
	#nav #questionnaire a:hover {
		float:left;
		width:119px;
		height:41px;
		background:url(../graphics/nav/btn_questionnaire_over.gif);
	}
	#nav #recovery {
		display:block;
		float:left;
		width:165px;
		height:41px;
		background:url(../graphics/nav/btn_recovery.gif);
	}
	#nav #recovery a:hover {
		float:left;
		width:165px;
		height:41px;
		background:url(../graphics/nav/btn_recovery_over.gif);
	}
	#nav #why {
		display:block;
		float:left;
		width:111px;
		height:41px;
		background:url(../graphics/nav/btn_why.gif);
	}
	#nav #why a:hover {
		float:left;
		width:111px;
		height:41px;
		background:url(../graphics/nav/btn_why_over.gif);
	}
	#nav #started {
		display:block;
		float:left;
		width:127px;
		height:41px;
		background:url(../graphics/nav/btn_started.gif);
	}
	#nav #started a:hover {
		float:left;
		width:127px;
		height:41px;
		background:url(../graphics/nav/btn_started_over.gif);
	}
	#nav #inslaw {
		display:block;
		float:left;
		width:171px;
		height:41px;
		background:url(../graphics/nav/btn_ins_law.gif);
	}
	#nav #inslaw a:hover {
		float:left;
		width:171px;
		height:41px;
		background:url(../graphics/nav/btn_ins_law_over.gif);
	}


/* CONTENT
----------------------------------*/
#pageHeading {
	padding-left:60px;
}

/* Home Page graphic */
#pageHeading #whoismaven {
	background:url(../graphics/home/content_who-is-maven.gif) no-repeat;
	color:#FFFFFF;
	font-size:12px;
	padding-left:104px;
	padding-top: 62px;
	padding-right:45px;
	min-height:96px;
}
#pageSub {
	/*background:url(../graphics/home/subcontent_bg.gif) repeat-x;*/
	/*height:240px;*/
	clear:both;
}
		#pageSub #contentleftpic {
			float:left;
			width:275px;
			height:240px;
		}
		#pageSub #whatdowedo {
			background:url(../graphics/home/content_what-we-do.jpg) no-repeat;
			float:left;
			width:347px;
			height:240px;
		}
				#pageSub #whatdowedo .text {
					padding: 50px 18px 0 8px;		/* Top, Right, Bottom, Left */
				}
		#pageSub #whatnextsteps {
			background:url(../graphics/home/content_what-next-steps.jpg) no-repeat;
			float:left;
			width:378px;
			height:240px;
		}
				#pageSub #whatnextsteps .text {
					padding: 50px 35px 0 27px;		/* Top, Right, Bottom, Left */
				}
#pageSubInterior {
	background:url(../graphics/content_bg.gif) repeat;
	height:100%;
	clear:both;
}
#content {
	float:left;
	width:664px;
	min-height:150px;
	background:#bccddd url(../graphics/interior-top.gif) no-repeat;
	padding: 0 0 0 0;						/* Top, Right, Bottom, Left */
}
	#content #contentHdg {
		height:130px;
		padding: 21px 0 0 30px;						/* Top, Right, Bottom, Left */
	}
	#content #contentTxt {

		padding: 0 31px 10px 30px;
	}
		#content #contentTxt H1 {
			font-size:22px;
			font-weight:600;
			color:#1a3f65;
			margin:0 0 0 0;						/* Top, Right, Bottom, Left */
			padding:0;
		}
		#content #contentTxt H2 {
			font-size:14px;
			font-weight:normal;
			color:#1a3f65;
			margin:5px 0 0 0;						/* Top, Right, Bottom, Left */
			padding:0;
		}
	#content #contentFooter {
		background:url(../graphics/interior-bottom.gif);
		height:7px;
		margin:0;
	}

/* SUB-NAVIGATION
----------------------------------*/
#subNav {
	padding: 0 0 0 60px;			/* Top, Right, Bottom, Left */
	width: 261px;
	text-size:13px;
	float:left;
	color:#002c55;
	font-weight:bold;
}
#subNav dl {
	padding: 0 0 0 0;				/* Top, Right, Bottom, Left */
	margin: 0 0 0 0;
}
#subNav dd {
	margin:5px 0 0 0;
	padding: 10px 0 0 20px;			/* Top, Right, Bottom, Left */
	height:26px;
	background:url(../graphics/subnav/button_large.gif) no-repeat;
}
#subNav dd.current {
	margin:5px 0 0 0;
	padding: 10px 0 0 20px;			/* Top, Right, Bottom, Left */
	height:26px;
	background:url(../graphics/subnav/button_large-HVR.gif) no-repeat;
}
#subNav dd.small {
	margin:5px 0 0 40px;
	padding: 10px 0 0 20px;			/* Top, Right, Bottom, Left */
	height:26px;
	background:url(../graphics/subnav/button_small.gif) no-repeat;
}
#subNav dd.current-small {
	margin:5px 0 0 40px;
	padding: 10px 0 0 20px;			/* Top, Right, Bottom, Left */
	height:26px;
	background:url(../graphics/subnav/button_small-HVR.gif) no-repeat;
}

#subNav a:link { color: #002c55; text-decoration: none; }
#subNav a:visited { color: #002c55; text-decoration: none; }
#subNav a:active { color: #002c55; text-decoration: none; }
#subNav a:hover { color: #002c55; text-decoration: underline; }


/* FOOTER
----------------------------------*/

/* Create the lower beveled effect on interior pages' content
just before the footer area begins */
#footerMid {
	background:url(../graphics/content_bg_lower.gif) no-repeat;
	clear:both;
	width:1000px;
	height:15px;
}

#footer {
	clear: both;
	background:#bed8ef;
	color:#002c55;
	height:54px;
	margin-top:15px;
	margin-bottom:40px;
	font-size:11px;
}
#footer a {
	margin:0 5px 0 5px;
}
#footer a:link { color: #002c55; text-decoration: none; }
#footer a:visited { color: #002c55; text-decoration: none; }
#footer a:active { color: #002c55; text-decoration: none; }
#footer a:hover { color: #002c55; text-decoration: underline; }

	#footer #footerleftpic {
		background:url(../graphics/footer/footer_left.gif);
		width:61px;
		height:54px;
		float:left;
	}
	#footer .text {
		float:left;
		padding: 20px 0 0 0;			/* Top, Right, Bottom, Left */
	}
	#footer #rightpic {
		background:url(../graphics/footer/footer_right.gif);
		width:23px;
		height:54px;
		float:right;
	}
	#footer #apis {
		float:right;
		padding: 20px 0 0 0;			/* Top, Right, Bottom, Left */
		text-align:right;
	}
	
a.subnav:link, a.subnav:visited, a.subnav:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:f58020;
	}

a.subnav:hover {color:#FFFFFF;}

/* drop-down boxes */

#dropmenudiv {
background-color:#3a3a3a;
position:absolute;
border:none;
z-index:100;
margin:9px 0px 0px 0px;
padding:2px;
}

#dropmenudiv a{
text-align:left;
width: 100%;
display: block;
text-indent: 4px;
padding: 3px 3px 3px 3px;
}

#dropmenudiv a:hover{color:#FFF;}

#footerText {
	padding:0 0 10px 0;
}
	#footerText h5 {
		font-size: 12px;
		font-weight:normal;
		color:#FFFFFF;
		padding:0;
		margin:0;
	}
	
/* ------------------------------------- */

.Table_01 {
	position:relative;
	width:1000px;
	background-image:url(../graphics/home/new/body_tile.jpg);
	background-repeat: repeat-y;	
	margin: 0;
	clear:both;
	
}

.body-top_ {
	width:1000px;
	height:4px;
	clear:both;
	background-image: url(../graphics/home/new/body_top.jpg);
	background-repeat: no-repeat;
}


.body-bottom_ {
	position:relative;
	width:1000px;
	/*height: 520px;*/
	background-image: url(../graphics/home/new/body_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear:both;
	padding: 0 0 42px 0;
}

.large_wrap {
	/*position:absolute;
	right:30px;
	bottom:37px;*/
	
	display:inline-block;
	float: left;
	clear:both;
	
	width:708px;
	/*height:200px;*/
	background-image: url(../graphics/home/new/large_box/tile.jpg);
	background-repeat: repeat-y;
	margin: 26px 0 0 263px;
}

.lw_top {
	width:708px;
	height:6px;
	clear:both;
	background-image: url(../graphics/home/new/large_box/top.jpg);
	background-repeat: no-repeat;
}

.lw_tile {

	width:708px;
	height:1px;
	clear:both;
}

.lw_bottom {
	width:708px;
	/*height:194px;*/
	clear:both;
	background-image: url(../graphics/home/new/large_box/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 0 -10px 0;
	display: block;
}

.small_box_1 {
	/*position:absolute;
	left:263px;
	top:12px;*/
	
	display:inline-block;
	float:left;
		
	width:345px;
	/*height:200px;*/
	background-image: url(../graphics/home/new/small_box/small_box_02.jpg);
	background-repeat: repeat-y;
	margin: 12px 12px -1px 263px;
}

.small_box_2 {
	/*position:absolute;
	left:625px;
	top:12px;*/
	
	display:inline-block;
	float: right;
	
	width:345px;
	/*height:200px;*/
	background-image: url(../graphics/home/new/small_box/small_box_02.jpg);
	background-repeat: repeat-y;
	margin: 12px 30px -1px 0;
}

.sb_top {

	width:345px;
	height:6px;
	background-image: url(../graphics/home/new/small_box/small_box_01.jpg);
	background-repeat: no-repeat;
	clear:both;
}

.sb_tile {

	width:345px;
	height:1px;
	clear:both;
}

.sb_bottom {
	width:345px;
	/*height:194px;*/
	background-image: url(../graphics/home/new/small_box/small_box_03_03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear:both;
	margin: 0 0 -10px 0;
}