@charset "UTF-8";

/* General style elements */

body{
	margin: 0px;
	padding: 0px;
	background: url(http://www.hmh.com/_images/page-bg.gif) left repeat-y #ececec;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#wrapper{
	width: 900px;
}

#toprow{
	background: #FFFFFF;
	height: 126px;
	clear: both;
}

#toprow #logo{
 width: 180px;
 float: left;
}

#toprow #timeline{
 width: 720px;
 height: 126px;
 float: right;
 background: #FF0000;
}

#navrow{
	width: 900px;
	height: 23px;
	background: url(http://www.hmh.com/_images/nav-left.gif) left no-repeat #0e6c65;
}

#navrow ul{
	margin: 0px 0px 0px 170px;
	padding: 0px;
}

#navrow ul li{
	float: left;
	display: inline;
	margin: 5px 0px 0px 20px;
	padding: 0px;
}

#navrow ul li a:link, #navrow ul li a:active, #navrow ul li a:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#navrow ul li a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

#footer{
	clear: both;
	padding: 10px;
	font-size: 10px;
	color: #747474;
}

#footer a:link, #footer a:active, #footer a:visited{
	color: #105fac;
}

#footer a:hover{
	text-decoration: none;
}

/* Home style elements */

#homeflash{
	width: 900px;
	height: 300px;
	background: #FF0000;
	border-bottom: 5px solid #004a49;
}

#homelowerdeck{
	width: 860px;
	border-top: 5px solid #6c6c6c;
	margin: 20px 20px 20px 20px;
	padding: 5px 0px 0px 0px;
}

#homelowerdeck #spotlight{
	float: left;
}

#homelowerdeck #spotlight div{
	width: 307px;
	min-height: 300px;
	margin-top: 3px;
	padding: 5px;
	border: 1px solid #d2d2d2;
}

#homelowerdeck #spotlight div img{
	float: left;
	margin-right: 5px;
}

#homelowerdeck #history{
	float: left;
	margin-left: 15px;
}

#homelowerdeck #history div{
	min-height: 300px;
	margin-top: 3px;
	padding: 5px;
	border: 1px solid #d2d2d2;
}

#homelowerdeck #news{
	width: 192px;
	min-height: 340px;
	float: left;
	margin-left: 15px;
	background: #cccccc;
}

#homelowerdeck #news div{
	margin: 0px 8px 10px 8px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #FFFFFF;
}

/* Sub style elements */

#contentwrapper{
	background: url(http://www.hmh.com/_images/sub-bg.gif) left repeat-y;
}

#contentwrapper #content{
	width: 480px;
	background: url(http://www.hmh.com/_images/sub-bg.gif) left repeat-y;
	padding: 15px 0px 0px 200px;
	float: left;
}

#content h1{
	margin-top: 0px;
	font-size: 18px;
}

#content h2{
	font-size: 12px;;
}

#contentwrapper #callout{
	text-align: center;
	margin: 20px 10px 0px 20px;
	background: #cccccc;
	width: 190px;
	float: right;
}

#contentwrapper #callout div{
	text-align: left;
	margin: 0px 8px 10px 8px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #FFFFFF;
}