/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
	padding:0;
	margin:0;
	background:#ffffff;
	color: #000000;
}
#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:0px;
	background-color:#FFFFFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-126px;
	color: #000000;
}
* html #outer{height:100%;margin-left:0px}/* ie 3 pixel jog*/ 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:72px;
	background:#81B3CE;
	overflow:hidden;
	color: #000000;
	text-align:left;
}
#left {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	margin-left:-159px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:72px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
}
* html #left {margin-right:-3px}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}


#footer {
	width:100%;
	clear:both; 
	height:142px;
	background: url(images/hh-bot-footer-home.jpg) bottom repeat-x;
	color: #000000;
	text-align:center;
	position:relative;
	padding: 0 0 0 0; margin: 0 0 0 0;
}


#footer-outer{

	background: url(images/hh-bot-footer-main-curve.jpg) bottom right no-repeat;
	height:126px;
	text-align:center;
	position:relative;
	padding: 0 89px 0 0; margin: 0 0 0 0;
}

#footer-inner{
	height:75px;
	clear:both;
background:transparent url(images/hh-bot-footer-main.jpg) repeat-x bottom;
width:100%;
	padding: 51px 0px 0 0; margin: 0 0 0 0;
}





* html #footer {/*only ie gets this style*/
	\height:128px;/* for ie5 */
	he\ight:126px;/* for ie6 */
}
#clearheader{height:72px;}/*needed to make room for header*/
#clearfooter{clear:both;height:126px; }/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px;}/* combat IE's 3 pixel jog */
#wrap-a {width:100%; background-color:#ffffff; background:url(images/hh-menu-header-right.jpg) repeat-x top; }
#wrap-b {width:606px; margin:auto; background-color:#ffffff}

#wrap-a-head {width:100%;  }
#wrap-b-head {width:606px; margin:auto; }

.footer-home-text { padding: 5px 0 0 0; margin: 0 0 0 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; letter-spacing: 5px;  font-size:10px; font-weight:normal}

.footer-home-text-large { padding: 18px 0 0 0; margin: 0 0 0 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; letter-spacing: 2px;  font-size:16px; font-weight:normal; font-weight:bold;}

.footer-home-text-small { padding: 5px 0 0 0; margin: 0 0 0 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px;  font-size:12px; font-weight:normal; font-weight:bold;}




.heron-title { padding: 18px 0 0 0; vertical-align:top; margin: 0 0 0 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; letter-spacing: 2px;  font-size:25px; font-weight:200; width:600px; text-align:left; } 

/*                                                                      */
/*        NAV                                                           */
#heron-menu { 	height:44px;
background:transparent url(images/hh-menu-header.jpg) repeat-x top; }

.heron-menu-list{padding: 0px 0 0 0; margin: 0 0 0 0; list-style-type:none; display: inline; }
.heron-menu-item{ padding: 10px 15px 0 15px; margin: 0 0 0 0; line-height: 12px; list-style-type:none;display: inline; 	  float: left; width:98px }

.heron-menu-item-long-txt{ padding: 5px 15px 0 15px; margin: 0 0 0 0; line-height: 12px; list-style-type:none;display: inline; 	  float: left; width:98px }

.heron-menu-link,.heron-menu-link:visited{;font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; font-weight:bold; text-decoration:none; padding: 0 0 0 0;  }
.heron-menu-link:hover{;font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-size:13px; font-weight:bold; text-decoration:none; padding: 0 0 0 0; }

.heron-menu-link-on:hover, .heron-menu-link-on:hover, .heron-menu-link-on:visited{;font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-size:13px; font-weight:bold; text-decoration:none; padding: 0 0 0 0; }

.frontpage-text { font-family:Arial, Helvetica, sans-serif; color:#7A8083; font-size:28px; font-weight:300; font-style:italic; padding: 0 0 0 0; }

.pagetitle-h2 { font-family:Arial, Helvetica, sans-serif; color:#2585A2; font-size:22px; font-weight:300; font-style:normal; padding: 0 40px 0 15px; margin: 30px 0 10px 0; line-height:36px }

.pagetitle-h2-nopad { font-family:Arial, Helvetica, sans-serif; color:#2585A2; font-size:22px; font-weight:300; font-style:normal; padding: 0 40px 0 0px; margin: 0px 0 4px 0; line-height:36px }

.pagetitle-h3 { font-family:Arial, Helvetica, sans-serif; color:#7A8083; font-size:18px; font-weight:100; font-style:normal; padding: 0 40px 0 15px; margin: 12px 0 12px 0 }

.hh-body-title-h5 { font-family:Arial, Helvetica, sans-serif; color:#2585A2; font-size:14px; font-weight:bold;  padding: 0 40px 0 0px; margin: 8px 0 6px 0 }

.hh-super{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; padding: 0 0px 0px 0px; margin: 0px 0 0px 0 }


.hh-title-summary{ font-family:Arial, Helvetica, sans-serif; color:#7A8083; font-size:14px; font-weight:300;  padding: 0 40px 0 15px; margin: 2px 0 5px 0; line-height:18px; text-align:justify }

.hh-body-link-text { font-family:Arial, Helvetica, sans-serif; color:#7A8083; font-size:14px; font-weight:normal;  padding: 0 0px 0 0px; margin: 8px 0 6px 0 }
.hh-body-link,.hh-body-link:hover,.hh-body-link:visited { font-family:Arial, Helvetica, sans-serif; color:#2585A2; font-size:14px; font-weight:normal;  padding: 0 0px 0 0px; margin: 8px 0 6px 0; text-decoration:none}

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

#hh-body-left { background-color:#ffffff; width:390px; /*float:left;*/ padding: 0px 10px 0px 15px; margin: 0px 0px 0px 0px;}

#hh-body-full-width{ background-color:#ffffff; width:850px; /*float:left;*/ padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;}

#hh-body-full-width-v1{ background-color:#ffffff; width:650px; /*float:left;*/ padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;}

#hh-body-right { background-color:#ffffff; width:430px; /*float:right;*/ padding: 0px 40px 0px 10px; margin: 0px 0px 0px 0px;} 
#hh-body-clear { width:606px}

.hh-body-title { font-family:Arial, Helvetica, sans-serif; color:#7A8083; font-size:18px; font-weight:100; font-style:normal; padding: 0px 0px 0px 0px; margin: 4px 0 6px 0  }

.hh-norm { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:100; font-style:normal; padding: 6px 0px 8px 0px; margin: 0px 0 0px 0; text-align:justify  }


.hh-list { padding: 0 0 0 20px; margin: 0 0 0 0; list-style-position:outside;  }

.hh-list-item { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:100; font-style:normal; padding: 6px 0px 6px 0px; margin: 0px 0px 0px 0px; text-align:justify }

.hh-list-contactus-page { padding: 0 0 0 32px; margin: 0 0 0 0; list-style-position:outside; list-style:disc; color:#CCCCCC}
.hh-list-item-cp { font-family:Arial, Helvetica, sans-serif;  font-size:14px; font-weight:100; font-style:normal; padding: 6px 0px 6px 0px; margin: 0px 0px 0px 0px; text-align:justify }

.hh-list-ol { padding: 0 0 0 40px; margin: 0 0 0 0; list-style-position:outside;  }

.hh-list-item-ol { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:100; font-style:normal; padding: 6px 0px 6px 0px; margin: 0px 0px 0px 0px; text-align:justify }