body {
	margin:0;
	padding:0;
	text-align:center;
	background: #E6E4EF url(../images/bg_repeat.jpg) repeat-x 0 0;
}


/** Common Text Formatting **/
html, body, div, td {
	font:13px Arial,Helvetica,Verdana,sans-serif;
	color:#333333;
}

html, body, #content, #content div, #content td {
	line-height:18px;
}

a, a:link, a:visited {
	color:#57729B;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}

h1,h2,h3,h4,h5,h5 {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Helvetica, Verdana;
}

h1 {
	color:#000;
	font-size:24px;
	margin-bottom:14px;
}
h2 {
	color:#000;
	font-size:20px;
	margin-bottom:14px;
}
	h1 span, h2 span {
		color:#57729B;
		font-weight:normal;
	}
	
h3 {
	font-size:18px;
	color:#57729B;
	margin-bottom:14px;
}	
h4 {
	font-size:18px;
	color:#57729B;
	font-weight:normal;
}

.subhead {
	font-size:14px;
}
.details {
	font-size:12px;
}
/** Common General Styles **/
.separator {
	display:block;
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
	
}

table.fullTable {
	width:730px;
}
table.fullTable td {
	vertical-align:top;
}

/** Common  Form Elements **/
form {
	margin:0;
	padding:0;
}

form label {
	padding-right:20px;
}

/** Common Layout Elements **/
#wrapper {
	margin:0 auto;
	padding-top:10px;
	padding-bottom:40px;
	text-align:left;
	width:788px;
}
	
	#hce-logo {
		position:absolute;
		top:39px;
		padding-left:27px;
		z-index:1001;
	}
	
	#header-wrapper {
		background: url(../images/tpl_cap.gif) no-repeat 0 0;
		height:103px;
	}
	
		#main-nav {
			float:right;
			padding-right:27px;
			padding-top:50px;
		}
			#main-nav span {
				display:block;
				float:left;
				padding:0 8px;
			}
			
			#main-nav span.sep {
				padding-left:9px;
				background: url(../images/nav_sep.gif) no-repeat 0 0;
			}
	
	#page-title {
		text-align:right;
		background: #EAE9EE url(../images/page_title_bg.gif) no-repeat 0 0;
		height:60px;
	}
		#page-title h1 {
			padding-top:14;
			padding-right:20px;
			margin:0;
		}
	
	#content-wrapper {
		background: url(../images/tpl_bg_repeat.gif) repeat-y 0 0;
	}
		
		#content-wrapper2 {
			background: url(../images/tpl_bg_fixed.gif) no-repeat 0 0;
			padding:0 11px;
			min-height:500px; 
			/* note: 
			 * wrapper base slice will look out of place if this div is too short.
			 * could use png slice with .htc fix for IE browsers
			 */
		}
			#content {
				padding:16px 18px;
			}
	
	#wrapper-base {
		background: url(../images/tpl_base.gif) no-repeat 0 0;
		height:25px;
	}
	
	#footer-wrapper {
		padding: 12px 25px;
		font-size:12px;
	}
		#footer-wrapper a, #footer-wrapper a:link, #footer-wrapper a:visited {
			color:#999;
			text-decoration:underline;
		}
		#footer-wrapper a:hover, #footer-wrapper a:active {
			text-decoration:none;
		}	

/** Box Styles **/
.box-lg {
	width:375px;
	background-color:#e5e6f3;
	text-align:left;
}
	.box-lg .box-cap, .box-lg .box-base {
		height:14px;
		font-size:0;
		line-height:0;
	}	
	.box-lg .box-cap {
		background: url(../images/box_w_cap.gif) no-repeat 0 0;
	}
	.box-lg .box-base {
		background: url(../images/box_w_base.gif) no-repeat 0 0;
	}
	.box-lg .box-content {
		padding:0 18px;
	}
	
.box-med {
	width:307px;
	background-color:#e5e6f3;
	text-align:left;
}
	.box-med .box-cap, .box-med .box-base {
		height:14px;
		font-size:0;
		line-height:0;
	}	
	.box-med .box-cap {
		background: url(../images/box_m_cap.gif) no-repeat 0 0;
	}
	.box-med .box-base {
		background: url(../images/box_m_base.gif) no-repeat 0 0;
	}
	.box-med .box-content {
		padding:0 18px;
	}	

/** Helper Styles **/
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.cf:after { 
	content:".";
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html .cf {
	height:1%;
}
.cf { 
	display:block;
}