/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0;
	background: #2075C8;
	/*font:normal 17px/200% Segoe UI, Arial, Helvetica, sans-serif;*/
	font:normal 10pt/13.5pt Segoe UI, Arial, Helvetica, sans-serif;
	color:#000;
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color:#1566B7;
	outline: none;
	text-decoration: underline
	}

a:hover{
	color:#1566B7;
	text-decoration: none
	}

h2{
	font:normal normal 36px/100% Segoe UI, Arial, Helvetica, sans-serif;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 6px 0px;
	color: #166EC5;
	border-bottom: 1px solid #6A9DCA
	}

h3{
	font-size:16px;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	line-height:22px
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

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

#MainWrapper{
	width: 896px;
	padding: 0px 20px 16px 20px;
	margin: auto;
	background: url(../img/shSides.jpg) 0 0 repeat-y;
	position:relative;
	}
	
.MainWrapperGraphic{
	position:absolute;
	bottom: 87px;
	right:20px;
	z-index:1;
	width:83px;
	height:76px;
	overflow:hidden;
	background: url(../img/gfCntBtmRight.jpg) 0 0 no-repeat;
}
.MainWrapperBtm{
	position:absolute;
	bottom: 0px;
	left:20px;
	z-index:1;
	width:896px;
	height:16px;
	overflow:hidden;
	background: url(../img/shBtm.jpg) 0 0 repeat-x;
}

.MainWrapperBtmLeft{
	position:absolute;
	bottom: 0px;
	left:0px;
	z-index:1;
	width:20px;
	height:16px;
	overflow:hidden;
	background: #2075C8;
}

.MainWrapperBtmRight{
	position:absolute;
	bottom: 0px;
	left:916px;
	z-index:1;
	width:20px;
	height:16px;
	overflow:hidden;
	background: #2075C8;
}

/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#Header{
		width:896px;
		height:155px;
		background: #FFF;
		position:relative;
		z-index:100
		}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position:absolute;
			top:34px;
			left:65px;
			}
		
		h1#Logo a{
			display: block;
			width:157px;
			height:62px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../img/EchoVera.jpg) 0px 0px no-repeat;
			}
	/* /logo */
	
	/* headline */
		em#Headline{
			display: block;
			height: 38px;
			position:absolute;
			top: 9px;
			right:12px;
			z-index:1;
			padding: 56px 97px 0px 0px;
			background: url(../img/gfTagline.jpg) 100% 0 no-repeat;
			font:normal bold 16px/110% Segoe UI, Arial, Helvetica, sans-serif;
			white-space: normal
			}
			
		em#Headline .p1{
			color: #97C92C
		}
		
		em#Headline .p2{
			color: #2574C3
		}
	/* /headline */
	
	/* main nav */
		#MainNav{
			position:absolute;
			width:936px;
			height: 48px;
			background: url(../img/bgNavWrapper.jpg) 0 0 no-repeat;
			top:107px;
			left:-20px;
			z-index:20
			}
			
		#MainNav ul{
			margin: 0px 0px 0px 0px;
			padding: 4px 0px 4px 69px;
			list-style-type: none;	
			width:811px;
			height: 24px;
			position:absolute;
			top: 14px;
			left:20px;
			z-index:1;
			background: #666;
			}
			
		#MainNav ul ul{
			width: 190px;
			margin: 0px 0px 0px 0px;
			padding: 4px 0px 4px 0px;
			height:auto;
			position:absolute;
			top: 28px;
			left:-3px;
			z-index:1;
			background: #5E5E5E url(../img/bgSecNav.jpg) 0 0 repeat-x;
		}
		
		#MainNav li{
			float: left;
			height:24px;
			padding: 0px 3px 0px 0px;
			position:relative;
			background: url(../img/sepMainNav.gif) 100% 50% no-repeat;
			}
			
		#MainNav ul ul li{
			float:left;
			height:auto;
			background: none;
			padding: 0px 0px 0px 0px;
			cursor:pointer;
			width: 190px;
		}	
		
		#MainNav li a{
			display: block;
			float:left;
			height:24px;
			padding: 0px 8px 0px 8px;
			font:normal bold 13px/24px Segoe UI, Arial, Helvetica, sans-serif;
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px
			}
			
		#MainNav ul ul li a{
			float:none;
			height:auto;
			width: 162px;
			padding: 3px 8px 5px 20px;
			font:normal bold 11px/14px Segoe UI, Arial, Helvetica, sans-serif;
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px;
			cursor:pointer
			}
		
		#MainNav li a:hover{
			color: #D9EAB3
			}
			
		#MainNav ul ul li a:hover, #MainNav ul li.selected ul li a:hover{
			color: #FFF;
			padding: 1px 8px 3px 20px;
			background: #4D4D4D url(../img/bgSecNavItem.jpg) 0 100% repeat-x;
			border-top: 2px solid #808080;
			border-bottom: 2px solid #808080;
			}
			
		#MainNav li.selected a{
			background: url(../img/bgNavSelection.jpg) 50% 50% no-repeat;
			}
			
		#MainNav ul ul li.selected a, #MainNav ul li.selected ul li a{
			background: none;
			}
	/* /main nav */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentWrapper{
		width:800px;
		padding: 67px 51px 76px 44px;
		background: #FFF;
		overflow:hidden;
		}
		
	#HomeContentWrapper{
		width:883px;
		padding: 7px 7px 76px 6px;
		background: #FFF;
		overflow:hidden;
		}
/* ------------------------------------------------------------------------------------------------ */

.PageGraphic{
	float: right;
	margin: 0px 0px 0px 20px;
}

.PageGraphic img{
	border: 1px solid #C6C6C6
}


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#Footer{
		width: 897px;
		height:71px;
		position:relative;
		background: #666 url(../img/bgFooter.jpg) 100% 0 repeat-y;
		font:normal normal 13px/100% Segoe UI, Arial, Helvetica, sans-serif;
		color: #FFF;
		}
	
	#FooterNav{
		position:absolute;
		width:200px;
		left: 44px;
		top:27px;
		overflow:hidden;
		z-index:1;
		font:normal bold 12px/100% Segoe UI, Arial, Helvetica, sans-serif;
		}
	
	#FooterNav a{
		color: #FFF;
		text-decoration: none;
		display:block;
		padding-top:4px;
		height:21px;
		float:left;
		
		}
		
	#FooterNav a:hover{
		text-decoration: underline
		}		
	
	#FooterNav .sepFooterNav{
		display: block;
		float:left;
		width:23px;
		height:25px;
		background: url(../img/sepFooterNav.gif) 50% 50% no-repeat;
		}
	
	#Copyright{
		position:absolute;
		top: 26px;
		right:55px;
		z-index:1;
		}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */
	.notice_error{
		color: #F00;
		background: #FFF url(../img/icError.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.notice_success{
		color: #009933;
		background: #FFF url(../img/icSuccess.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.notice_warning{
		color: #585F17;
		background: #FFF url(../img/icWarning.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.notice_info{
		background: #FFF url(../img/icInfo.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.error{
		color: #F00;
		background: #FFF url(../img/icError.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.error li{
		list-style-type: none;
		padding: 2px 0px 2px 0px;
	}
	
	.success{
		color: #009933;
		background: #FFF url(../img/icSuccess.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.warning{
		color: #585F17;
		background: #FFF url(../img/icWarning.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	.info{
		background: #FFF url(../img/icInfo.png) 0px 8px no-repeat;
		padding: 8px 8px 8px 20px;
		margin: 0px 0px 5px 0px;
		font:normal normal 12px/120% Segoe UI, Arial, Helvetica, sans-serif;
	}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block; font:normal normal 12px/100% Segoe UI, Arial, Helvetica, sans-serif;margin: 0px 0px 2px 0px;}
	span.chkLabel{}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px; height:1%}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	.ChecboxFormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px}
	.ChecboxFormGroupItem{margin: 0px 5px 0px 0px; overflow: hidden; clear:both}
	
	input.txtInput, input.pwdInput, textarea{border: 1px solid #BABABA; margin: 0px 2px 5px 0px;}
	input.txtInput, input.pwdInput{height: 18px;padding: 2px 0px 2px 0px;}
	input.btnInput{}
	input.chkInput, input.radioInput{}
	input.fileInput{}
	select{margin:0 2px 5px 0;}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
	
	#ContentWrapper #contactForm{}
	#ContentWrapper #contactForm label{float:left;margin: 0px 5px 0px 0px;width: 120px; text-align:right; padding-top: 3px}
	#ContentWrapper #contactForm button{margin: 10px 0px 0px 125px; line-height:16px}
	#ContentWrapper #contactForm textarea{}
/* ------------------------------------------------------------------------------------------------ */

#HomeMainBox{
	width: 883px;
	min-height:490px;
	background: url(../img/bgHomeContentBox.jpg) 0 100% repeat-x;
}

/* box 1 */
	#HomeMainBoxTop{
		width: 883px;
		height:269px;
		position:relative;
		/*border: 1px solid #DEDEDE;*/
		margin: 0px 0px 12px 0px;
	}
	
	#HomeMainBoxTop h3.Heading{
		width: 484px;
		height: 41px;
		position:absolute;
		top: 55px;
		left:337px;
		text-indent:-9999em;
		overflow: hidden;
		z-index:1;
		background: url(../img/hMainBox1.png) 0 0 no-repeat;
		margin: 0px 0px 0px 0px;
	}
	
	#HomeMainBoxTop .TextContent{
		width: 325px;
		position:absolute;
		top: 141px;
		left:492px;
		z-index:1;
		font:normal 11pt/13.5pt Segoe UI, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	
	#HomeMainBoxTop .TextContent p{
		margin: 0px 0px 24px 0px;
	}
	
	#HomeMainBoxTop .cTL{
		width:7px;
		height:7px;
		overflow: hidden;
		position:absolute;
		top: -1px;
		left:-1px;
		z-index:1;
		background: url(../img/b1TopLeft.gif) 0 0 no-repeat;
	}
	
	#HomeMainBoxTop .cTR{
		width:7px;
		height:7px;
		overflow: hidden;
		position:absolute;
		top: -1px;
		right:-1px;
		z-index:1;
		background: url(../img/b1TopRight.gif) 0 0 no-repeat;
	}
	
	#HomeMainBoxTop .cBL{
		width:7px;
		height:7px;
		overflow: hidden;
		position:absolute;
		bottom: -1px;
		left:-1px;
		z-index:1;
		background: url(../img/b1BtmLeft.gif) 0 0 no-repeat;
	}
	
	#HomeMainBoxTop .cBR{
		width:7px;
		height:7px;
		overflow: hidden;
		position:absolute;
		bottom: -1px;
		right:-1px;
		z-index:1;
		background: url(../img/b1BtmRight.gif) 0 0 no-repeat;
	}
/* /box 1 */

/* box 2 */
	#HomeMainBoxMid{
		width: 881px;
		height:190px;
		position:relative;
		margin: 0px 0px 31px 0px;
	}
	
	#HomeMainBoxMid h3.hLearn{
		width: 263px;
		height: 190px;
		position:absolute;
		top: 0px;
		left:25px;
		text-indent:-9999em;
		overflow: hidden;
		z-index:1;
		background: url(../img/hBoxLearn.jpg) 0 0 no-repeat;
		margin: 0px 0px 0px 0px;
	}
	
	#HomeMainBoxMid .FormBox{
		width: 554px;
		height: 191px;
		position:absolute;
		top: 0px;
		left:305px;
		overflow: hidden;
		z-index:1;
		background: url(../img/bgBoxFormContent.jpg) 0 0 no-repeat;
		margin: 0px 0px 0px 0px;
	}
	
	
	#HomeMainBoxMid .LeftContent{
		width: 338px;
		position:absolute;
		top: 28px;
		left:25px;
		z-index:1;
		font:normal normal 14px/120% Segoe UI, Arial, Helvetica, sans-serif;
		color: #333;
	}
	
	#HomeMainBoxMid .LeftContent h3.h3LearnMore{
		width: 337px;
		height: 21px;
		text-indent: -9999em;		
		overflow: hidden;
		z-index:1;
		background: url(../img/h3LearnMore.gif) 0 0 no-repeat;
		margin: 0px 0px 14px 0px;
	}
	
	#HomeMainBoxMid .LeftContent ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		list-style-type: none;
	}
	
	#HomeMainBoxMid .LeftContent ul li{
		margin: 0px 0px 11px 0px;
	}
	
	#HomeMainBoxMid .LeftContent ul li a{
		color: #000;
		text-decoration: underline;
		font:normal bold 13px/100% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	#HomeMainBoxMid .LeftContent ul li a:hover{
		text-decoration: none
	}	
	
	#HomeMainBoxMid .RightContent{
		width: 160px;
		height:156px;
		padding: 15px 6px 0px 12px;
		position:absolute;
		top: 14px;
		left:367px;
		z-index:1;
		font:normal normal 14px/120% Segoe UI, Arial, Helvetica, sans-serif;
		color: #333;
		background: url(../img/bgFormBox.jpg) 0 0 no-repeat;
	}
	
	#HomeMainBoxMid .RightContent h3.h3RequestInfo{
		width: 147px;
		height: 16px;
		text-indent: -9999em;		
		overflow: hidden;
		z-index:1;
		background: url(../img/hRequestInformation.gif) 0 0 no-repeat;
		margin: 0px 0px 3px 0px;
	}
	
	#HomeMainBoxMid .RightContent input.txtInput{
		width: 144px;
		height:17px;
		font-size:11px;
		padding: 0px 0px 0px 0px;
		border:1px solid #BABABA;
		margin: 0px 0px 5px 0px;
	}
	
	#HomeMainBoxMid .RightContent select{
		width: 146px;
		font-size:11px
	}
	
	#HomeMainBoxMid .RightContent label{
		font:normal normal 10px/110% Segoe UI, Arial, Helvetica, sans-serif;
	}	
	
	#HomeMainBoxMid .TextContent p{
		margin: 0px 0px 1em 0px;
	}
	
/* box 3 */
	#HomeMainBoxBtm{
		width: 850px;
		overflow: hidden;
		font:normal 10pt/13.5pt Segoe UI, Arial, Helvetica, sans-serif;
		margin: 0px 0px 20px 0px;
	}
	
	#HomeMainBoxBtm .GraphicContent{
		float: left;
		margin: 0px 24px 0px 0px;
		padding: 0px 0px 0px 9px;
	}
	
	#HomeMainBoxBtm .NavBox{
		text-align: center;
		padding: 50px 0px 0px 0px;
	}
	
	#HomeMainBoxBtm .NavBox h3{
		font:normal bold 16px/100% Segoe UI, Arial, Helvetica, sans-serif;
		color: #8AC219;
		margin: 0px 0px 25px 0px;
	}
	
	#HomeMainBoxBtm .NavBox ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position:inside
	}
	
	#HomeMainBoxBtm .NavBox ul li{
		margin: 0px 0px 0px 0px;
		display:inline;
		padding: 0px 14px 0px 12px;
		background: url(../img/bltDisc.gif) 0 6px no-repeat;
	}
	
	#HomeMainBoxBtm .NavBox ul li a{
		color: #000;
		text-decoration: none;
		font:normal bold 13px/100% Segoe UI, Arial, Helvetica, sans-serif;
	}
	
	#HomeMainBoxBtm .NavBox .LeftContent ul li a:hover{
		text-decoration: underline
	}	
/* /box 3 */