/************************* GENERAL *************************/

body {
	font: 9px Verdana;
	color: #403e1c;
	background: #ffffff;
}

#layout {
	width: 800px;
	height: 1336px;
	margin: 0px 0px 14px 0px;
	text-align: left;
}

sup {
	font-size: 9px;
}

textarea {
	font: 9px Verdana;
	color: #403e1c;
	background-color: #ffffff;
	width: 521px;
	height: 300px;
	margin: 4px 0px 10px 24px;
}

/************************* SPECIAL ELEMENTS ********************/
br.hard_return {
	margin:0px; 
	padding:0px; 
	height:0px; 
	line-height:0px;
	font-size: 0px;
	clear:both;
}

#break {
	clear:both;
}

/************************* HEADER ZONE *************************/

#header {
	background: #1a7486;
	border-bottom: 10px solid #403e1c;
	margin: 0px 0px 0px 227px;
}

#header img {
	margin: 20px 0px 15px 26px;
}

#header.home {
	margin: 0px 0px 0px 0px;
}

#header.home img {
	margin: 51px 0px 24px 24px;
}

#headerimg {
	float: left;
	background: #ffffff;
	border-bottom: 10px solid #006478;
}

#language {
	float: right;
	margin: 20px 20px 0px 0px;
}

#language.home {
	float: right;
	margin: 40px 20px 0px 0px;
}

#language a {
	border-bottom: 1px solid #409faa;
	padding: 4px 12px 4px 12px;
	background: url(../images/lang.gif) no-repeat 0px 4px;
	color: #409faa;
	text-decoration: none;
	display: block;
}

#language a.on {
	border-bottom: 1px solid #409faa;
	background: url(../images/langR.gif) no-repeat 0px 4px;
	color: #ffffff;
}

#language a:hover {
	border-bottom: 1px solid #409faa;
	background: url(../images/langR.gif) no-repeat 0px 4px;
	color: #ffffff;
}

#language a.last {
	border: 0px;
}

#language a.last:hover {
	
}

/************************* HOME ONLY *************************/

#feature {
	background: url(../images/homepage_header_background.gif) repeat;
}

#leftblock {
	float: left;
	background: #9ab886;
	width: 302px;
	min-height: 304px;
	margin: 0px 0px 0px 0px;

	/* Increase Font Fix */
	padding-bottom: 5px;

}


#leftblock img {
	margin: 37px 0px 0px 24px;
}

#leftblock p {
	margin: 16px 16px 0px 24px;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
}

#feature #images {
	background-color: #FFFFFF;
}

#images {
	height: 152px;
}

#images img {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	display: block;
	float: left;
}

#graphic {
	margin: 0px 0px 0px 302px;
	padding-top: 2px;
	background-color: #FFFFFF;
	border-left: 2px #FFFFFF solid;
	//border-left:0px;
	height: 115px;
}

#menu {
	height: 40px;
	background: #e9e9e2;
	padding-left: 24px;
	padding-right: 20px;
	margin: 0px 0px 0px 227px;
}

#menu.home {
	margin: 0px;
	padding-right: 0px;
}

#menu a {
	text-decoration: none;
	margin: 0px;
	padding: 14px 10px 4px 12px;
	letter-spacing: 0px;
	float: left;
	display: block;
	color: #706e55;
}

#menu.home a {
	background: url(../images/menu.gif) no-repeat 0px 14px;
}

#menu.home a:hover {
	color: #338189;
	background: url(../images/menuR.gif) no-repeat 0px 14px;
}

#content {
	/*border-bottom: 1px solid #d6d6c9;*/
	padding-bottom: 1px;
}

#content a {
	color: #403e1c;
	
}

#content p {
	margin: 4px 0px 0px 24px;
	font-size: 11px;
	line-height: 16px;
}


/************************* HEADER ELEMENTS *************************/

h1 {
	color: #006478;
	padding: 28px 0px 6px 24px;
	font-size: 16px;
	font-weight:normal;
	margin:0px;
	text-decoration: none;

}

h2 {
	color: #006499;
	padding: 20px 0px 0px 24px;
	font-size: 11px;
	font-weight:bold;
	margin:0px;
	text-decoration: none;
	
}

h5 {
	color: #006499;
	padding: 20px 0px 0px 24px;
	font-size: 11px;
	font-weight:normal;
	margin:0px;
	text-decoration: none;

}

h6 {
	color: #006499;
	padding: 20px 0px 0px 24px;
	font-size: 10px;
	font-weight:normal;
	margin:0px;
	text-decoration: none;
	
}



/************************* GENERAL LEFT COLUMN SECTION *************************/

#content p.sidebar {
	margin: 4px 0px 0px 19px;
	font-size: 10px;
	line-height: 13px;
	color: #646355;
}

#content p.sidebar a {
	color: #646355;
}

h3 { 
	color: #006499;
	padding: 15px 0px 0px 19px;
	font-size: 11px;
	font-weight: normal;
	margin:0px;
	text-decoration: none;
		
}

h4 {
	color: #c94217;
	padding: 15px 0px 0px 19px;
	font-size: 11px;
	font-weight: normal;
	margin:0px;
	text-decoration: none;
		
}

#leftheader {
	background: #e1eced;
	min-height: 40px;
	width: 225px;
	float: left;
}


#leftheader p {
	color: #006499;
	padding: 0px 0px 0px 16px;
	font-size: 12px;
	margin: 12px 0px 0px 0px;
}

#leftcol {
	background: #ffffff;
	float: left;
	width: 225px;
	color: #403e1c;
	margin: 0px;
	
	/* Increase Font Fix */
	padding-bottom: 5px;
}

#content.home #leftcol {
	width: 302px;
	min-height: 406px;
	background: #f1f4f7;
}

#leftcol a {
	color: #403e1c;
}

#leftcol p {
	margin: 4px 20px 0px 24px;
	font-size: 10px;
	line-height: 14px;
}

#content.home #leftcol p {
	margin: 4px 20px 0px 24px;
	font-size: 10px;
	line-height: 13px;
}

#leftcol li {
	padding: 1px 18px;
}

#rightcol {
	margin: 0px 0px 0px -0px;
	
}

#rightcol li {
	padding: 12px 0px;
}

#rightcol p {
	padding: 4px 20px 0px 0px;
	
}

#rightcol p.full {
	padding: 4px 20px 0px 0px;
	text-align: justify;
	
}

#rightcol p.learn {
	padding: 4px 20px 0px 0px;
	text-align: left;
	font-size: 9px;
	
}

a.learn {
	font-size: 9px;
}


/************************* LEFT MENU SECTION*************************/

#homemenu {
	margin: 8px 10px 10px 0px;
}

#homemenu a {
	padding: 4px 0px 4px 12px;
	margin: 0px 0px 0px 16px;
	text-decoration: none;
	font-size: 9px;
	color: #8c8b77;
	display: block;
	border-bottom: 1px solid #d6e6e7;
	background: url(../images/homemenu.gif) no-repeat 0px 4px;
}

#homemenu a:hover {
	color: #338189;
	background: url(../images/homemenuR.gif) no-repeat 0px 4px;
}

#homemenu a.on {
	border-top: 1px solid #d6e6e7;
	border-bottom: 1px solid #d6e6e7;
	background: url(../images/homemenu.gif) no-repeat 0px 4px;
}
#homemenu a.on:hover {
	border-top: 1px solid #d6e6e7;
	border-bottom: 1px solid #d6e6e7;
	background: url(../images/homemenuR.gif) no-repeat 0px 4px;
}

#leftmenu {
	margin: 8px 10px 10px 0px;
}

#leftmenu a {
	padding: 4px 0px 4px 12px;
	margin: 0px 0px 0px 16px;
	text-decoration: none;
	font-size: 9px;
	color: #8c8b77;
	display: block;
	border-bottom: 1px solid #d6e6e7;
	background: url(../images/leftmenu.gif) no-repeat 0px 4px;
}

#leftmenu a:hover {
	color: #338189;
	background: url(../images/leftmenuR.gif) no-repeat 0px 4px;
}

#leftmenu a.on {
	color: #338189;
	background: url(../images/leftmenuR.gif) no-repeat 0px 4px;
}

#leftmenu a.onx {
	color: #338189;
	background: url(../images/leftmenuB.gif) no-repeat 0px 4px;
}

#leftmenu a.L2 {
	padding: 4px 0px 4px 12px;
	margin: 0px 0px 0px 16px;
	text-decoration: none;
	font-size: 9px;
	color: #8c8b77;
	display: block;
	border-bottom: 1px solid #d6e6e7;
	background: url(../images/leftmenuL2.gif) no-repeat 0px 4px;
}

#leftmenu a.L2:hover {
	color: #338189;
	background: url(../images/leftmenuL2.gif) no-repeat 0px 4px;
}

#leftmenu a.L2on {
	color: #338189;
	background: url(../images/leftmenuL2.gif) no-repeat 0px 4px;
}

/************************* MAIN CONTENT SECTION *************************/

#content.home #rightcol {
	margin: 0px 0px 0px 304px;
	min-height: 406px;
}

#rightcol {
	margin: 0px 0px 0px 227px;
}

.clear {
	clear: both;
	height: 36px;
}


/************************* MAIN CONTENT SECTION *************************/

#hra1 {
	width: 250px;
	float: left;
}

#hra1 h1 {
	color: #338189;
	font-size: 11px;
	padding-top: 14px;
	padding-bottom: 3px;
	text-decoration: none;
}

#hra1 p {
	font-size: 10px;
	line-height: 13px;
	border-top: 1px solid #afaf9f;
	padding: 4px 0px 0px 0px;	
}

#hra2 {
	width: 250px;
	float: left;
}

#hra2 h1 {
	color: #338189;
	font-size: 11px;
	padding-top: 14px;
	padding-bottom: 3px;
	text-decoration: none;
}

#hra2 p {
	font-size: 10px;
	line-height: 13px;
	border-top: 1px solid #afaf9f;
	padding: 4px 0px 0px 0px;
}


/************************* FOOTER SECTION *************************/

#footerleft {
	margin: 0px 0px 0px 24px;
	padding: 18px 0px 0px 24px;
	font-size: 9px;
	color: #a9a899;
	float: right;
}


#footer {
	border-top: 1px solid #d6d6c9;
	margin: 0px 0px 0px 227px;
	padding: 18px 0px 0px 24px;
	font-size: 9px;
	color: #a9a899;
}

#layout.home #footer {
	padding: 18px 0px 0px 24px;
	margin: 0px;
	font-size: 9px;
	color: #a9a899;
}

#footer a {
	color: #a9a899;
}

/************************* ILLUSTRATION/ICONS SECTION *************************/

#factors {
	margin: 0px 0px 0px 24px;
}

#factors img {
	margin: 0px -2px 0px 0px;
}



/************************* ALTERNATING COLOR TABLE ROWS #1 *************************/

#options {
	border-top: 2px solid #d4e5e6;
	border-bottom: 2px solid #d4e5e6;
	margin: 0px 21px 0px 24px;
}

#options a {
	float: left;
	padding: 6px 0px 0px 4px;
}

#options p {
	margin: 0px 10px 0px 108px;
	padding: 4px 0px;
	font-size: 10px;
	line-height: 14px;
}

.blue {
	background: #e5ecf0;
}

.brown {
	background: #eeeee9;
}



/************************* ALTERNATING COLOR TABLE ROWS #2 *************************/

#options2 {
	border-top: 8px solid #8bb8c2;
	border-bottom: 2px solid #d4e5e6;
	margin: 46px 21px 10px 20px;
	width: 225px;
	float: right;
}

#options2 a {
	float: left;
	padding: 6px 0px 0px 4px;
}

#options2 p {
	margin: 0px 0px 0px 183px;
	padding: 4px 2px;
	font-size: 9px;
	font-family: Tahoma;
	line-height: 14px;
	color: #3b8189;
}

.blue {
	background: #e5ecf0;
}

.brown {
	background: #eeeee9;
}


/************************* ALTERNATING COLOR TABLE ROWS #3 *************************/

#options3 {
	border-top: 8px solid #8bb8c2;
	border-bottom: 2px solid #d4e5e6;
	margin: 12px 21px 10px 20px;
	width: 225px;
	float: right;
}

#options3 a {
	float: left;
	padding: 6px 0px 0px 4px;
}

#options3 p {
	margin: 0px 0px 0px 183px;
	padding: 4px 2px;
	font-size: 9px;
	font-family: Tahoma;
	line-height: 14px;
	color: #3b8189;
}

.blue {
	background: #e5ecf0;
}

.brown {
	background: #eeeee9;
}



/************************* CIRCLE STEPS SECTION *************************/

.circle {
	float: right;
	margin-top: 15px;
}

#circle1 a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle1.gif) no-repeat;
	width: 62px;
	height: 50px;
}

#circle1on a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle1R.gif) no-repeat;
	width: 62px;
	height: 50px;
}

#circle1 a:hover {
	background: url(../images/circle1R.gif) no-repeat;
}

#circle2 a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle2.gif) no-repeat;
	width: 74px;
	height: 50px;
}

#circle2on a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle2R.gif) no-repeat;
	width: 74px;
	height: 50px;
}

#circle2 a:hover {
	background: url(../images/circle2R.gif) no-repeat;
}

#circle3 a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle3.gif) no-repeat;
	width: 62px;
	height: 50px;
}

#circle3on a {
	margin: 0px;
	padding: 0px;
	background: url(../images/circle3R.gif) no-repeat;
	width: 62px;
	height: 50px;
}

#circle3 a:hover {
	background: url(../images/circle3R.gif) no-repeat;
}


/************************* THREE STEPS SECTION *************************/

#threesteps {
	border: 1px solid #d7d7cf;
	width: 526px;
	margin: 0px 0px 0px 24px;
}

#threestepmenu {
	float: left;
	width: 228px;
	height: 100px;
	display: block;
}


#threecircle1 {
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(../images/3steps_circle1R.gif) no-repeat;
	display: block;
	width: 78px;
	height: 100px;
}

#threecircle1:hover {
	background: url(../images/3steps_circle1R.gif) no-repeat;
	
}

#threecircle2 {
	width: 74px;
	height: 100px;
	float: left;
	background: url(../images/3steps_circle2.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
}

#threecircle2:hover {
	background: url(../images/3steps_circle2R.gif) no-repeat;
	
}

#threecircle3 {
	width: 76px;
	height: 100px;
	float: left;
	background: url(../images/3steps_circle3.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
}

#threecircle3:hover {
	background: url(../images/3steps_circle3R.gif) no-repeat;
	
}

#threesteps .body {
	padding: 20px 20px 0px 20px;
	height: 75px;
	font-size: 11px;
	color: #1a7486;
	line-height: 18px;
}


/************************* HEALTHY TIPS SECTION *************************/

#tips {
	width: 528px;
	margin: 0px 0px 0px 24px;
}

#tips h1 {
	font-size: 14px;
	padding: 0px 0px 8px 0px;
	margin: 0px;
}

#tips .body {
	padding: 20px 15px 15px 20px;
	//height: 100px;
	font-size: 11px;
	color: #403e1c;
	line-height: 16px;
	border: 1px solid #c6dcdf;
}

#tips p.learn {
	font-size: 10px;
	padding: 7px 0px 0px 0px;
	margin: 0px;
}

#tipsmenu {
	float: left;
	width: 528px;
	height: 117px;
	display: block;
	padding-bottom: 5px;
}

#tips1 {
	float: left;
	margin: 0px;
	padding-right: 2px;
	background: url(../images/tips1R.gif) no-repeat;
	display: block;
	width: 104px;
	height: 117px;
}

#tips1:hover {
	background: url(../images/tips1R.gif) no-repeat;
	
}

#tips2 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/tips2.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#tips2:hover {
	background: url(../images/tips2R.gif) no-repeat;
	
}

#tips3 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/tips3.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#tips3:hover {
	background: url(../images/tips3R.gif) no-repeat;
	
}

#tips4 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/tips4.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#tips4:hover {
	background: url(../images/tips4R.gif) no-repeat;
	
}

#tips5 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/tips5.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
}

#tips5:hover {
	background: url(../images/tips5R.gif) no-repeat;
	
}



/************************* RISKS SECTION *************************/

#risks {
	width: 528px;
	margin: 0px 0px 0px 24px;
}

#risks h1 {
	font-size: 14px;
	padding: 0px 0px 8px 0px;
	margin: 0px;
}

#risks .body {
	padding: 20px 15px 15px 20px;
	//height: 115px;
	font-size: 11px;
	color: #403e1c;
	line-height: 16px;
	border: 1px solid #c6dcdf;
}

#risks p.learn {
	font-size: 10px;
	padding: 7px 0px 0px 0px;
	margin: 0px;
}

#risksmenu {
	float: left;
	width: 528px;
	height: 117px;
	display: block;
	padding-bottom: 5px;
}

#risks1 {
	float: left;
	margin: 0px;
	padding-right: 2px;
	background: url(../images/risks1R.gif) no-repeat;
	display: block;
	width: 104px;
	height: 117px;
}

#risks1:hover {
	background: url(../images/risks1R.gif) no-repeat;
	
}

#risks2 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/risks2.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#risks2:hover {
	background: url(../images/risks2R.gif) no-repeat;
	
}

#risks3 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/risks3.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#risks3:hover {
	background: url(../images/risks3R.gif) no-repeat;
	
}

#risks4 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/risks4.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 2px;
}

#risks4:hover {
	background: url(../images/risks4R.gif) no-repeat;
	
}

#risks5 {
	width: 104px;
	height: 117px;
	float: left;
	background: url(../images/risks5.gif) no-repeat;
	display: block;
	margin: 0px;
	padding-right: 0px;
}

#risks5:hover {
	background: url(../images/risks5R.gif) no-repeat;
	
}