/* globals */

* {
	margin: 0;
	padding: 0;
	border: 0;
	background: none !important;
}
img {
	border: 0;
}
a {
	color: #000 !important;
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}
#utilities, #nav, #note, #footer p {
	display: none !important;
}

/* typography */

body {
	font-family: sans-serif;
	font-size: 10pt;
	background: #fff;
	color: #000;
	line-height: 1.5;
}
.Normal, .NormalDisabled
{
    font-size: 10pt;
}
p, li {
	line-height: 1.5;
}
ul {
	margin: .5em;
	margin-left: 2em;
}
#header h1 {
	float: left;
	font-size: 24pt;
	margin-right: .5em;
/* - this would replace the headline with a logo, but it doesn't work quite right
	display: list-item;                
	list-style-image: url("../images/logo-hm.gif"); 
	list-style-position: inside;       
	letter-spacing: -1000em;           
	font-size: 1pt;                    
	color: #fff;
	margin-bottom: 15px;
*/
}
* html #header h1 {
	position: absolute;
	top: 0;
	left: 0;
}
#header h1 a {
	border-right: 2px solid #000;
	padding-right: .5em;
}
#lead h2 {
	font-size: 24pt;
	border-bottom: 5px solid #000;
	margin: 0 0 .25em 0;
}
* html #lead h2 {
	padding: 0 0 0 0;
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
}
#lead .leadtxt {
	font-size: 12pt;
	margin: .5em;
	clear: both;
}
* html #lead .leadtxt {
	margin-top: 7em;
}
.leadtxt {
	font-size: 11pt;
	margin: .5em;
}
#main h2 {
	margin-top: 1em;
	border-bottom: 2px solid black;
}
#main h3,
#main h4 {
	margin: .5em 0;
}
#footer p.fineprint,
#footerpromos {
	display: block !important;
	font-size: 8pt;
	border-top: 1px solid #000;
	padding-top: .5em;
	margin-top: 1em;
}

/* floats and borders */

.floatright,
#mainphoto img,
#mainphoto2 img,
#promo1in5 img {
	float: right;
	padding: 3px;
	margin: 0 0 10px 10px;
}
* html .floatright,
* html #mainphoto img,
* html #mainphoto2 img,
* html #promo1in5 img {
}
.floatleft {
	float: left;
	padding: 3px;
	margin: 0 10px 10px 0;
}
.clearboth { clear:both; }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
.clearfix {display: block;}


/* hide sifr from browser */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}