@charset "utf-8";
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.otf");
  font-family: "MyriadPro-Bold";
  src: url("../fonts/MyriadPro-Bold.otf");
  font-family: "MyriadPro-It";
  src: url("../fonts/MyriadPro-It.otf");
  font-family: "MyriadPro-BoldIt";
  src: url("../fonts/MyriadPro-BoldIt.otf");
}

/**************************************************************
	
	Styling Order Reference
	
***************************************************************

	font: style weight size/line-height family
		font-style
		font-weight
		font-size
		line-height
		font-family
	color
	text-transform
	text-decoration
	letter-spacing
	text-align
	text-indent
	vertical-align
	word-spacing
	white-space
	display
	background: color url(image) repeat attachment left top
		background-color
		background-image
		background-repeat
		background-attachment
		background-position
	margin: top right bottom left
		margin-top
		margin-right
		margin-bottom
		margin-left
	padding: top right bottom left
		padding-top
		padding-right
		padding-bottom
		padding-left
	clear
	float
	height
	width
	border: width style color
		border-top
		border-right
		border-bottom
		border-left
	list-style: type image position
		list-style-type
		list-style-image
		list-style-position
	overflow
	position
	visibility
	z-index
	left
	top
	right
	bottom
	clip: rect(top, right, bottom, left)

***************************************************************
	Global HTML Elements
***************************************************************

/* General Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, thead, tfoot, tr, th, td {
	font-style:inherit;
	font-weight:inherit;
	font-size: 100%;
	font-family:inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0 none;	
}

/* HTML Elements */
html {
	height: 100%;
	min-height: 100%;
	margin-bottom: 1px;
}

html, body {
	text-align: center; /* Center on Page */
}

body, td, th {
	font-size: 18px;
	line-height: 22px;
}

body {
	margin: 0 auto;
	height: 101%;
	width: 100%;
	min-width: 1010px;
	/*overflow: hidden;*/
	cursor: default;	
}

	/* For older IEs */
	* html body {
		font-size: 18px;
		line-height: 22px;
		width: 100%;
		border: 0;
		position: relative;
		left: auto;
		top: 0;
		right: auto;
		bottom: 0;
	}
	
body * {
	text-align: left;
}

body, h1, h2, h3, h4, h5, h6, p, a, em, q, strong, sub, sup, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, thead, tfoot, tr, th, td {
	font-family: "MyriadPro-Regular", "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 30px; /* approx. 2.75em */
}

h2 {
	font-size: 28px; /* approx. 2.5em */
}

h3 {
	font-size: 26px; /* approx. 2.25em */
}

h4 {
	font-size: 24px; /* approx. 2em */
}

h5 {
	font-size: 22px; /* approx. 1.75em */
}

h6{
	font-size: 20px; /* approx. 1.5em */
}

p, li, td {
	font-size: 18px; /* approx. 1.25em */
}

p {

}

strong, b {
	font-weight: bold;
	font-family: "MyriadPro-Bold", "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
}

em, i {
	font-style: italic;
	font-family: "MyriadPro-It", "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
}

strong em, b i, em strong, i b {
	font-style: italic;
	font-weight: bold;
	font-family: "MyriadPro-BoldIt", "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
}

q:before, q:after {
	content:'"';
}

ul {

}

ol {

}

/*li {
	margin: 0 1em 0 1.2em;
	padding: .5em 0 0;
}*/

/*li li {
	font-size: 1em; /* Fixes the Font Scale in IE */
	/*margin: 0 0 0 -.8em; /* Resets Left Margin in IE */
/*}*/

* a { 
	font-size: 1em;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	text-align: left;
	vertical-align: top;
}

iframe { 
	overflow-x: hidden; 
	overflow-y: hidden; 
} 


form {

}

input {
	line-height: normal;
}

object {
	display: block;
	margin: 20px auto;
}

/**************************************************************
Layout Elements
**************************************************************/

#background_wrapper {
	background: url(../images/vert-fill.gif) repeat-y left top;
	margin: 0 auto;
	width: 1010px;
	position: relative;
}

	#background_bottom_cap {
		background: transparent url(../images/bott-fill.gif) no-repeat left bottom;
		margin: auto 0 -27px 0;
		height: 33px;
		width: 1010px;
		position: relative;
		z-index: 2;
		bottom: 0;
	}

#header, #container, #footer {
	width: 955px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 2;
}

#header {
	height: 118px;
}

#sidebar {
	background: url(../images/sidebar.jpg) repeat-y left top;
	height: 100%;
	border-top: 1px solid #4d4d4d;
	overflow: hidden;
}

#left_column {
	float: left;
	width: 239px;
	height: 500px;
}

#right_column {
	margin-left: 239px;
}

#footer {
	background-color: transparent;
	margin-top: 45px;
}

	#footer #hmh-footer-brands {
		display: none;
		padding: 15px 0;
		clear: both;
		height: 64px;
		width: 955px;
		position: relative;
	}
	
		#footer #hmh-footer-brands li {
			list-style-type: none;
		}
		
			#footer #hmh-footer-brands .hmhco, #footer #hmh-footer-brands .greatsource, #footer #hmh-footer-brands .heinemann, #footer #hmh-footer-brands .holtmcdougal, #footer #hmh-footer-brands .rigby, #footer #hmh-footer-brands .riversidepublishing, #footer #hmh-footer-brands .saxon, #footer #hmh-footer-brands .steckvaughn {
				font-size: 1px;
				color: #fff;
				white-space: nowrap;
				height: 64px;
				position: absolute;
				overflow: hidden;
				top: 0;
			}
			
			#footer #hmh-footer-brands .hmhco {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -86px 0;
				width: 257px;
				left: 86px;
			}
			
			#footer #hmh-footer-brands .greatsource {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -343px 0;
				width: 96px;
				left: 343px;
			}
			
			#footer #hmh-footer-brands .heinemann {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -439px 0;
				width: 76px;
				left: 439px;
			}
			
			#footer #hmh-footer-brands .holtmcdougal {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -515px 0;
				width: 107px;
				left: 515px;
			}
			
			#footer #hmh-footer-brands .rigby {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -622px 0;
				width: 44px;
				left: 622px;
			}
			
			#footer #hmh-footer-brands .riversidepublishing {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -666px 0;
				width: 63px;
				left: 666px;
			}
			
			#footer #hmh-footer-brands .saxon {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -729px 0;
				width: 49px;
				left: 729px;
			}
			
			#footer #hmh-footer-brands .steckvaughn {
				background: url(../images/HMH_microsite_imprints.gif) no-repeat -778px 0;
				width: 89px;
				left: 778px;
			}

/**************************************************************
Header CSS
**************************************************************/

	#header h1 {
		font-size: 2px;	
		position: absolute;
		z-index: 100;
		left: -48px;
		top: -21px;
	}
	
		#header h1 a {
			color: #ffffff;
			display: block;
			background: url(../images/hmh-education.gif) no-repeat left bottom;
			height: 72px;
			width: 321px;
			z-index: 10;
		}

	.tag_line, .tag_line2, .top_nav, .state_tag {
		position: absolute; 
	}
	
	.tag_line, .tag_line2, .top_nav {
		right: 1px;
	}
	
	.tag_line {
		font-size: 18px;
		color: #4d4d4d;
		top: 25px;
	}
	
	.tag_line2 {
		font-size: 14px;
		color: #4d4d4d;
		top: 12px;
	}
	
	.top_nav, .top_nav a {
		font-size: 14px;
		color: #4fceff;
	}
	
	.top_nav {
		list-style-type: none;
		top: 90px;
	}
	
		.top_nav li {
			display: inline;
			margin: 0;
			padding: 0 5px 0 8px;
		}
		
		.right_split {
			border-right: 1px solid #4fceff;
		}

	.state_tag, .state_tag a {
		line-height: 36px;
		font-size: 30px;
		color: #ff814f;
		/*height: 1%;*/
		left: 25px;
		top: 55px;
	}

/**************************************************************
Footer CSS
**************************************************************/

	.mini_columns, .mini_columns a {
		color: #4d4d4d;
	}
	
	.mini_columns a:hover {
	 	color: #4fceff;
	}
		
	.mini_columns {
		float: left;
		width: auto;
		list-style-type: none;
		position: relative;
	}
	
		.mini_columns li {
			font-size: 12px;
			line-height: normal;
			padding: 0 36px 0 0;
		}
		
		.sub_header, .sub_header_address {
			font-weight: bold;
		}
		
		.sub_header {
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.sub_header_address {
			text-transform: capitalize;
		}
		
	#logos {
		background: url(../images/logos.gif) no-repeat 0 -76px;
		clear: left;
		height: 125px;
		position: relative;
	}

		.greatsource, .heinemann, .holtmcdougal, .hmhlearningtech, .hmhsupplemental, .rigby, .saxon, .steckvaughn, .riverside {
			font-size: 0px;
			color: #ffffff;
			height: 76px;
			position: absolute;
			top: 0;
		} 
	
		.greatsource, .greatsource:hover {
			background: url(../images/logos.gif) no-repeat 0 0;
			width: 106px;
			left: 0;
		}
		
		.heinemann, .heinemann:hover  {
			background: url(../images/logos.gif) no-repeat -106px 0;
			width: 104px;
			left: 106px;
		}
		
		.holtmcdougal, .holtmcdougal:hover  {
			background: url(../images/logos.gif) no-repeat -211px 0;
			width: 111px;
			left: 211px;
		}
		
		.hmhlearningtech, .hmhlearningtech:hover {
			background: url(../images/logos.gif) no-repeat -322px 0;
			width: 109px;
			left: 322px;
		}
		
		.hmhsupplemental, .hmhsupplemental:hover {
			background: url(../images/logos.gif) no-repeat -431px 0;
			width: 116px;
			left: 431px;
		}
		
		.rigby, .rigby:hover {
			background: url(../images/logos.gif) no-repeat -548px 0;
			width: 96px;
			left: 548px;
		}
		
		.saxon, .saxon:hover {
			background: url(../images/logos.gif) no-repeat -644px 0;
			width: 121px;
			left: 644px;
		}
		
		.steckvaughn, .steckvaughn:hover {
			background: url(../images/logos.gif) no-repeat -765px 0;
			width: 90px;
			left: 765px;
		}
		
		.riverside, .riverside:hover {
			background: url(../images/logos.gif) no-repeat -855px 0;
			width: 100px;
			left: 855px;
		}
		
/*	ul.copy, ul.copy a {
		font-size: 12px;
		color: #333;
	}
	
	ul.copy {
		padding: 10px 0 20px;
		list-style-type: none;
	}
	
		ul.copy li {
			font-size: 12px;
			display: inline;
			margin: 0;
			padding: 0 5px 0 8px;
		}*/
		
	ul.copy, ul.copy a {
		font-size: 14px;
		color: #000;
	}
	
	ul.copy {
		display: block;
		margin: 25px auto;
		padding: 0 0 80px;
		clear: both;
		width: 955px;
		list-style-type: none;
	}
	
		ul.copy li, ul.copy li a {
			font-size: 14px;
			font-family: "MyriadPro-Bold", Arial, Helvetica, sans-serif;
			display: inline;
			margin: 0;
			padding: 0 5px 0 8px;
		}

/**************************************************************
Index CSS
**************************************************************/

#slides, #slide_1, #slide_2, #slide_3, #slide_4 {
		height: 348px !important;
		width: 955px !important;
}

#slides {
	margin: 0 auto 0 1px;
	position: relative;
}
	
	#slide_2, #slide_3, #slide_4 {
		display: none;
	}
	
	#slide_1, #slide_2, #slide_3, #slide_4 {
		z-index: 1;
	}
	
	#sample_now, .sample_now {
		height: 50px;
		width: 244px;
		border: 0 none;
	}
	
	#sample_now {
		position: absolute;
		z-index: 10;
		left: 90px;
		top: 235px;
	}
		
#slide_nav {
	background: url(../images/slide-nav.gif) repeat-x left top;
	margin-top: -4px;
	width: 955px;
	height: 53px;
	list-style-type: none;
	list-style-position: outside;
	overflow: hidden;
	position: relative;
}

	#slide_nav li {
		height: 53px;
		width: 241px;
		position: absolute;
		top: 0;
	}

		#button_1, #button_2, #button_3, #button_4 {
			overflow: hidden;
		}
	
		#button_1 {
			left: 0;
		}
		
		#button_2 {
			left: 238px;
		}
		
		#button_3 {
			left: 476px;
		}
		
		#button_4 {
			left: 714px;
		}
		
		#slide_nav li a, #slide_nav li a:hover {
			color: #4d4d4d;
			text-decoration: none;
		} 

		#slide_nav li a  {
			font-size: 18px;
			text-align: center;
			display: block;
			padding: 16px;
		} 
	
	#slide_nav li a:hover {
		background: url(../images/slide-nav.gif) repeat-x left -106px;
	}	
	
	#slide_nav li a.active {
		color: #4fceff;
		background: url(../images/slide-nav.gif) repeat-x left -53px;
	}
	
	#ad_space, #three-bucket-holder {
		display: block;
		height: 170px;
		min-height: 170px;
		width: 955px;
		position: relative;
		-moz-box-sizing: content-box;
	}
	
	#ad_space2, #four-bucket-holder {
		display: block;
		height: 299px;
		width: 955px;
	}
	
	
	.ad_1, .ad_2, .ad_3, #three-bucket-holder .bucket-one, #three-bucket-holder .bucket-two, #three-bucket-holder .bucket-three {
		height: 130px;
		border: 0 none;
		position: absolute;
		top: 10px;
	}
	
	.ad_1, .ad_3, #three-bucket-holder .bucket-one, #three-bucket-holder .bucket-three {
		width: 324px;
	}
	
	.ad_1, #three-bucket-holder .bucket-one {
		left: 1px;
	}
	
	.ad_2, #three-bucket-holder .bucket-two {
		width: 300px;
		border-right: 1px solid #4d4d4d;
		border-left: 1px solid #4d4d4d;
		left: 324px;
	}
	
	.ad_3, #three-bucket-holder .bucket-three {
		left: 631px;
	}
	
	/* ad spelled backwards for FF ad blocker */
	.da_1, .da_2, .da_3, .da_4, #four-bucket-holder .bucket-one, #four-bucket-holder .bucket-two, #four-bucket-holder .bucket-three, #four-bucket-holder .bucket-four {
		padding: 12px 6px;
		float: left;
		height: 275px;
		width: 225px;

	}
	
	.da_1, #four-bucket-holder .bucket-one {
		padding-left: 9px;
	}

/**************************************************************
Features, CSS
**************************************************************/	
		
		.left_column_heading, .left_column_heading_small {
			font-weight: normal;
			color: #4aff56; /*#7dc352*/
		}
		
		.left_column_heading {
			margin: 40px 0 0 28px;
		}
		
		.left_column_heading_small {
			font-size: 1.3em;
			margin: 40px 0 0 20px;
		}
		
		.left_column_tabs {
			margin: 28px 0 0 1px;
			width: 239px;
			list-style-type: none;
		}
		
		.left_column_tabs li {
			margin: 10px 0 0 0;
			height: 46px;
			width: 238px;
			overflow: hidden;
		}
			
		.left_column_tabs a, .left_column_tabs a:hover {
			color: #4d4d4d;
			text-decoration: none;
		}
			
		.left_column_tabs a {
			display: block;
			padding: 12px 10px 14px 14px;
		}
			
		.left_column_tabs a.active {
			color: #4fceff;
			background: url(../images/tabs.gif) no-repeat left top;
		}
			
		.left_column_tabs a:hover {
			background: url(../images/tabs.gif) no-repeat left -46px;
			}
			
		.right_column_heading {
			font-weight: normal;
			font-size: 20px;
			color: #ff814f;
			margin: 42px 32px 0 32px;
		}

 /* large tab for lengthy text  */



		.rep_image {
			margin: 36px 40px 0 32px;
			float: left;
			/*height: 202px;
			width: 285px;*/
		}
.rep_image_tiny {
			margin:20px 10px 20px 20px;
			height:90px;
			width:90px;
			float: left;
		}
		.rep_image_small {
			margin: 30px 20px 0 30px;
			height: 150px;
			width: 150px;
			float: left;
		}
		
		.rep_image_wide {
			float: left;
			height: 188px;
			width: 250px;
			margin: 0 40px 0 32px;
		}		
		
		.product_image {
			display: block;
			margin: 5px auto 30px;
			height: 243px;
			width: 395px;
		}
		
		.right_p1, .right_p2, .generic_p, .right_p1_small, .right_p1_wide, .right_p2_wide {
			font-size: 14px;
		}
		
		.right_p1 {
			margin: 60px 23px 0 355px;
		}
		
		.right_p2 {
			margin: 20px 23px 0 355px;
		}
		
		.right_p1_small {
			margin: 30px 23px 0 200px;
		}
		
		.right_p1_wide {
			margin: 30px 23px 0 315px;
		}
		
		.right_p2_wide {
			margin: 20px 23px 0 272px;
		}
		
		.sample_now {
			margin: 20px 20px 20px;
			float: right;
		}
		
		.generic_p {
			margin: 10px 32px;
		}
		
		.horizontal_rule {
			font-size: 2px;
			display: block;
			margin: 0 32px 10px;
			clear: right;
			height: 5px;
			border-top: 1px solid #4d4d4d;
		}
		
		.filler {
			display: block;
			height: 200px;
			margin: 0;
			padding: 0;
		}
		
		.lt_blue {
			color: #4fcdff;
		}	
		
		.greenlink {
			color: #7dc352;
		}
		
		.bluelink {
			color: #5ac4f0;
		}
		
		.right_column_heading_4 {
			font-weight: normal;
			font-size: 16px;
			color: #4d4d4d;
			margin: 10px 0 0 50px;
		}
		
		.right_column_bullet {
			font-size: .8em;
			margin: 10px 20px 10px 100px;
		}
		
		.right_column_bullet a {
		
		}
		
		#slides_2 {
			margin: 0 auto 0 1px;
			position: relative;
		}


/* right column head styles - added esm 041310*/

		#right_column h4 {
			font-size: 16px;
			font-weight: bold;
			color: #000;
			margin: 42px 32px 0px 32px;
		}

		#right_column h4 + p, #right_column h5 + p {
			margin-top: 0px;
		}


		#right_column h5 {
			font-size: 14px;
			font-weight: bold;
			color: #000;
			margin: 42px 32px 0px 32px;
		}


		
/**************************************************************
Password CSS
**************************************************************/

#login, #contact {
	border-top: 1px solid #4d4d4d;
}

#login {
	padding: 50px 50px 100px 50px;
}

	#login_box {
		margin: 0 auto;
		width: 445px;
		border: 4px solid #4fcdff;
		position: relative;
	}
		
		#login_box h2, .green {
			color: #4aff56;
		}
		
		#login_box h2 {
			font-size: 24px;
			margin: 43px auto 30px 24px;
		}
		
		#login_box label, #login_box .generic_p {
			font-size: 18px;
		}
		
		#login_box label, #login_box .generic_p, #login_box a {
			color: #4fcdff;
		}
		
		#login_box label {
			margin: 0 auto 10px 0;
		}
		
		#login_box .rowElem {
			margin: 0 60px;
			padding: 5px 0 0;
			width: 320px;
		}
		
			/*#login_box input#password {
				width: 320px;
			}*/
		
		#login_box .sample_now, .user_information .sample_now {
			display: block;
			margin: 0 auto;
			padding: 30px 0 20px 0;
			float: none;
		}
		
		/*#login_box .sample_now {
			margin: 40px auto;
		}	*/
		
		#login_box .generic_p {
			margin: 0 auto 10px 63px;
		}
		
		.forgot_pwd {
			display: block;
			margin-bottom: 55px;
		}
		
		.blue_round_tl, .blue_round_tr, .blue_round_bl, .blue_round_br {
			height: 17px;
			width: 17px;
			position: absolute;
		}
		
		.blue_round_tl {
			background: url(../images/lt-blue-round.gif) no-repeat 0 0;
			left: -4px;
			top: -4px;
		}
		
		.blue_round_tr {
			background: url(../images/lt-blue-round.gif) no-repeat -17px 0;
			top: -4px;
			right: -4px;
		}
		
		.blue_round_bl {
			background: url(../images/lt-blue-round.gif) no-repeat 0 -17px;
			left: -4px;
			bottom: -4px;
		}
		
		* html body .blue_round_bl {
			background: url(../images/lt-blue-round.gif) no-repeat 0 -17px;
			left: -4px;
			bottom: -10px;
		}
		
		.blue_round_br {
			background: url(../images/lt-blue-round.gif) no-repeat -17px -17px;
			right: -4px;
			bottom: -4px;
		}
		
		* html body .blue_round_br {
			background: url(../images/lt-blue-round.gif) no-repeat -17px -17px;
			right: -4px;
			bottom: -10px;
		}

/**************************************************************
Contact CSS
**************************************************************/
	#contact {
		display: block;
		/*padding-bottom: 75px;*/
		height: 850px;
		overflow: hidden;
	}
	
		#contact h2 {
			font-size: 21px;
			color: #4aff56;
			margin: 20px auto 0 41px;
		}
		
		#contact .generic_p, .user_information .sample_p {
			font-size: 14px;
			color: #4d4d4d;
		} 
		
		#contact .generic_p {
			margin: 10px auto 0 115px;
		}
		
		#contact .generic_p a {
			color: #4fcdff;
		}
		
		#already_registered {
			margin: 20px 41px 0 auto;
			float: right;
		}
		
		.user_information_get {
			margin-left: 125px;
		}
		
		.user_information_get li {
			display: inline;
			margin-right: 45px;
			width: 325px;
			float: left;
			list-style-type: none;
		}
				
		.user_information {
			margin: 15px 115px 0;
			width: auto;
			clear: both;
			border: 0 none;
			/*position: relative;*/
		}
		
		.user_information tr {
			/*clear: both;
			position: relative;*/
		}
		
		.user_information_get label, .user_information_get input {
			font-size: 18px;
		}
		
		.user_information_get label {
			color: #4fcdff;
			display: block;
			margin-top: 20px;
			margin-left: 10px;
		}
		
		/*.user_information input {
			color: #4d4d4d;
			margin-right: 36px;
			padding: 5px;
			width: 330px;			
			border: 1px solid #4d4d4d;
		}*/
		
		.user_information .sample_p {
			margin: 40px 10px 0;
			
		}
		
		.user_information .sample_now {
			/* Other attributes in Password CSS Area */
			margin: 10px auto 0 100px;
		}
		
		/*.user_information select, .user_information option {
			font-size: 18px;
			color: #4d4d4d;
			background-color: #ffffff;		
		}*/
		 
		.user_information_get select {
			margin-right: 36px;
			/*height: 34px;*/
			width: 293px;			
			/*border: 1px solid #4d4d4d;*/
		}
		
		/*.user_information option {
			margin: 5px;
			padding: 5px;
		}*/