/*font family for page. If you have another style sheet that sets font family, you can delete this rule*/

/* ---------------------------------------------
HEADER PLACEHOLDERS
--------------------------------------------- */
#logo span,
#securelogin span  {
	display:none;
}
/* ---------------------------------------------
HEADER PLACEHOLDERS
--------------------------------------------- */

#logo {
	background-image: url(images/hah-navlogo.jpg);
	background-repeat: no-repeat;
	width: 221px;
	height: 222px;
	margin: 0;
	padding: 0;
}

#emptysecurelogin {
	width: 221px;
	height: 242px;
	border: 0px solid;
	padding: 0;
	margin: 0;	
	background-color: #252a2d;
}

#securelogin {
	width: 221px;
	height: 242px;
	border: 0px solid;
	padding: 0;
	margin: 0;	
}

#securelogin div.btn {
	background-image:url(images/btn-securelogin.gif);
	background-repeat: no-repeat;
	width: 221px;
	height: 48px;
	margin: 0;
	padding: 0;
}

#securelogin form {
	background-image:url(images/bg-securelogin.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 221px;
	height: 85px;
	margin: 0;
	padding: 15px 0 0 0;
	background-color: #252a2d;
}

#securelogin input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	border: 1px solid #999;
	margin: 10px 0 0 14px;
	padding: 0;
}
 	
#securelogin div.submit {
	background-color: #252a2d;
	width: 221px;
	height: 110px;
	margin-top: -10px;
	padding: 0;
}

#securelogin ul {
	text-align: left;
	margin: 10px 0 0 14px;
	background: url(images/bul-submit.gif) no-repeat top left;
}

#securelogin ul li {
	margin: 0;
	padding: 0;
	display: inline;
} 

#securelogin ul li a, #securelogin ul li a:visited, #securelogin ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	color: #999;
	text-decoration: none;	
	padding-left: 12px;
}
/*
#leftnav {
	width: 221px;
	border: 0px solid;
	background-color: #101518;
}
*/
ul#leftnav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 221px;
	border: 0px solid;
	background-color: #101518;	
}

ul#leftnav li {
	padding: 0;
	margin: 0;
	width: 221px;
}

ul#leftnav li#nav_home a, 
ul#leftnav li#nav_company a, 
ul#leftnav li#nav_csrs a, 
ul#leftnav li#nav_guestexp a, 
ul#leftnav li#nav_marketing a, 
ul#leftnav li#nav_business a, 
ul#leftnav li#nav_technology a, 
ul#leftnav li#nav_contact a {
	display: block;
	width: 221px;
	height: 37px;
	line-height: 40px!important;
	text-decoration: none;
	background: url(images/bg-level1.gif) no-repeat top left;
	text-indent: 17px;	
	font: 10px "Myriad Pro", Arial, sans-serif;		
	color: #999;		
}

*html ul#leftnav li#nav_home a, 
*html ul#leftnav li#nav_company a, 
*html ul#leftnav li#nav_csrs a, 
*html ul#leftnav li#nav_guestexp a, 
*html ul#leftnav li#nav_marketing a, 
*html ul#leftnav li#nav_business a, 
*html ul#leftnav li#nav_technology a, 
*html ul#leftnav li#nav_contact a {
	line-height: 40px;
}

ul#leftnav li#nav_home a:hover, 
ul#leftnav li#nav_company a:hover, 
ul#leftnav li#nav_csrs a:hover, 
ul#leftnav li#nav_guestexp a:hover, 
ul#leftnav li#nav_marketing a:hover, 
ul#leftnav li#nav_business a:hover, 
ul#leftnav li#nav_technology a:hover, 
ul#leftnav li#nav_contact a:hover {	
	color: #999;
	background: url(images/bg-level3.gif) no-repeat top left;
}

#pgcompany ul#leftnav li#nav_company a, 
#pgcompany ul#leftnav li#nav_company a:hover {
	background: url(images/nav_btn_company_on.gif);
	color: #fff;
}

#pgconcierge ul#leftnav li#nav_csrs a, 
#pgconcierge ul#leftnav li#nav_csrs a:hover {
	background: url(images/nav_btn_csrs_on.gif);
	color: #fff;
}
#pgguestexp ul#leftnav li#nav_guestexp a, 
#pgguestexp ul#leftnav li#nav_guestexp a:hover {
	background: url(images/nav_btn_guestexp_on.gif);
	color: #fff;
}
#pgmarketing ul#leftnav li#nav_marketing a, 
#pgmarketing ul#leftnav li#nav_marketing a:hover {
	background: url(images/nav_btn_marketing_on.gif);
	color: #fff;
}
#pgbusiness ul#leftnav li#nav_business a, 
#pgbusiness ul#leftnav li#nav_business a:hover {
	background: url(images/nav_btn_business_on.gif);
	color: #fff;
}
#pgtechnology ul#leftnav li#nav_technology a, 
#pgtechnology ul#leftnav li#nav_technology a:hover {
	background: url(images/nav_btn_technology_on.gif);
	color: #fff;
}
#pgcontact ul#leftnav li#nav_contact a, 
#pgcontact ul#leftnav li#nav_contact a:hover {
	background: url(images/nav_btn_contact_on.gif);
	color: #fff;
}

ul#leftnav ul#subnav {
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul#leftnav ul#subnav li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#leftnav ul#subnav li#subcompany a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_company.gif) no-repeat top left;		
	color: #fff;
}
ul#leftnav ul#subnav li#subcompany a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_company_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#subcompany a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_company.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}
*html ul#leftnav ul#subnav li#subcompany a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_company_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}

ul#leftnav ul#subnav li#subcsrs a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_csrs.gif) no-repeat top left;		
	color: #fff;
}
ul#leftnav ul#subnav li#subcsrs a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_csrs_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#subcsrs a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_csrs.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}
*html ul#leftnav ul#subnav li#subcsrs a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_csrs_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}

ul#leftnav ul#subnav li#subguestexp a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_guestexp.gif) no-repeat top left;		
	color: #fff;
}
ul#leftnav ul#subnav li#subguestexp a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_guestexp_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#subguestexp a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_guestexp.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}
*html ul#leftnav ul#subnav li#subguestexp a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_guestexp_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}

ul#leftnav ul#subnav li#submarketing a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_marketing.gif) no-repeat top left;		
	color: #fff;
}
ul#leftnav ul#subnav li#submarketing a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_marketing_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#submarketing a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_marketing.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}
*html ul#leftnav ul#subnav li#submarketing a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_marketing_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}

ul#leftnav ul#subnav li#subbusiness a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_business.gif) no-repeat top left;		
	color: #fff;
}
ul#leftnav ul#subnav li#subbusiness a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_business_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#subbusiness a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_business.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}
*html ul#leftnav ul#subnav li#subbusiness a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_business_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;
}

ul#leftnav ul#subnav li#subtechnology a {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_technology.gif) no-repeat top left;		
	color: #fff;
}	
ul#leftnav ul#subnav li#subtechnology a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_technology_over.gif) no-repeat top left;		
	color: #fff;
}
*html ul#leftnav ul#subnav li#subtechnology a{
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_technology.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;	
}
*html ul#leftnav ul#subnav li#subtechnology a:hover {
	height: 27px;
	line-height: 30px!important;
	background: url(images/subnav_btn_technology_over.gif) no-repeat top left;		
	color: #fff;
	margin-top: -3px;	
}