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

    Title:      Pearson HED home page CSS file for all media
    Filename:   homepage.css
    Method:     <link>
    Author:     Bob Prokop | bobprokop@yahoo.com for Pearson Education
    Updated:    September 2009
    Notes:      ...		

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

/* this wraps the 3 main links in a single pkg */
#wrapper{
	width:800px;
	height:310px;
	padding:0 0 40px 0;
	margin:0 auto;
	background-color:#fff;
	float:none;
	clear:both;
}
/* the photos for educators, students, and booksellers */
.col{
	height:245px;
	position:relative;
	z-index:1;
	display:block;
	cursor:pointer;
	float:left;
	clear:none;
}
/* need different widths for different images due to overall width of 800/3 = 266|268|266 */
.end{
	width:266px;
}
.ctr{
	width:268px;
}
/* educators photo */
#e{
	background:url(../images/e.jpg) no-repeat left top scroll transparent;
}
/* students photo */
#s{
	background:url(../images/s.jpg) no-repeat left top scroll transparent;
}
/* booksellers photo */
#b{
	background:url(../images/b.jpg) no-repeat left top scroll transparent;
}
/* these hrefs are layered on top of the photos to enable big target/full-size clickspace */
a.txt:link, a.txt:visited{
	display:block;
	height:auto;
	padding:200px 6px 10px 6px;
	text-align:center;
	position:relative;
	z-index:2;
	text-decoration:none;
	font:normal 35px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#fff;
}
a.txt:hover, a.txt:active{
}
#e a.txt:hover, #e a.txt:active{
	background:url(../images/blue.png) repeat-x left bottom scroll transparent;
	position:relative;
	z-index:2;
}
#s a.txt:hover, #s a.txt:active{
	background:url(../images/green.png) repeat-x left bottom scroll transparent;
	position:relative;
	z-index:2;
}
#b a.txt:hover, #b a.txt:active{
	background:url(../images/red.png) repeat-x left bottom scroll transparent;
	position:relative;
	z-index:2;
}
/* the submenu */
#submenu{
	width:640px;
	height:65px;
	padding:0;
	margin:0 auto;
	background:url(../images/sub_menu.png) no-repeat center top scroll transparent;
	text-align:center;
	float:none;
	clear:both;
	position:relative;
	top:-13px;
	z-index:1;
}
#submenu ul{
	display:block;
	width:auto;
	height:auto;
	white-space:nowrap;
	margin:0px 0px 0px 24px;
	padding:0;
	float:none!important;
	clear:both;
	position:relative;
	/*top:8px;
	left:25px;*/
	z-index:3;
}

#submenu ul#one{
	padding-top:8px;
}

#submenu ul#two{
	/*top:2px;
	left:24px;*/
}
#submenu li{
	font:normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#1f60a0;
	list-style-type:none;
	display:block;
	float:left;
	padding:4px 4px 1px 4px;
	/*padding:4px;*/
	margin:0;
	white-space:nowrap;
}
#submenu ul#two li{
	padding-top:0!important;
}
#submenu li a:link, #submenu li a:visited{
	font:normal 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#1f60a0;
	text-decoration:none;
	padding:0;
}
#submenu li a:hover, #submenu li a:active{
	color:#000;
	border-bottom:1px dotted #595959;
}
/* shadow under main links and layered above submenu */
#shadow{
	width:800px;
	height:13px;
	padding:0;
	margin:0;
	background:url(../images/shadow.png) repeat-x left top scroll transparent;
	float:none;
	clear:both;
	position:relative;
	top:0;
	z-index:2;
}
/* accessibility: skip links */
#skip{
	display:none;
}
/* OVERRIDE: existing CSS */
#indexcontent p{
	line-height:1.5em;
}
/*  OVERRIDE: existing garbage css + markup */
#main_nav{
	text-align:center!important;
}