/* CSS Document - Created by Sean Menick */

/* Main Structure Styles */

body {
background-color:#ce261e;
color:#171717;
padding:0;
margin:0;
font-size:62.5%;
font-family:Tahoma, Helvetica, Arial, sans-serif;
background:url(/ell/images/site_bg.jpg) top center no-repeat;
behavior: url("/ell/css/csshover3.htc"); 
}

em {
font-style:italic;
}

div#preload {
display: none;
}

.outerframe {
width:900px;
margin:0px auto;
}

.uberContainer {
background-color:white;
float:left;
width:900px;
}

a { outline: none; }

.noflash {
margin:0px auto;
width:900px;
height:121px;
background:url(/ell/images/topbanner-sm.gif) top center no-repeat;
border-top: solid 2px #c01223;
}

.nav {
background:url(/ell/images/nav-bg.gif) top left repeat-x;
text-align:center;
height:29px;
}
	.nav img {
	margin-left:8px;
	margin-right:8px;
	_height:29px;
	}
	
.intro {
height:235px;
clear:both;
margin-bottom:20px;
padding-right:90px;
background:url(/ell/images/intro-bg.png);
_background-color:#e2dad1;
}

/* Extra Styles */

.billofrights ul {
background-color:#e1ebf5;
}

.billofrights li {
padding-top:10px;
padding-left:12px;
padding-bottom:10px;
list-style:none;
width:550px;
background-color:#e1ebf5;
}

/* Teaching Approaches */

.learnButton {
margin-left:10px;
padding-top:16px;
}

.selection5principles {
margin-left:10px;
margin-bottom:15px;
height:194px;
width:874px;
background:url(/ell/images/5principles-bg.jpg);
}

	.selection5principles h2 {
	padding-top:16px;
	padding-bottom:4px;
	font-size:1.9em;
	color:#cf271e;
	}
	
	.selection5principles p {
	width:560px;
	margin-left:10px;
	font-size:1.3em;
	}

.selectionSiop {
margin-left:10px;
margin-bottom:15px;
height:194px;
width:874px;
background:url(/ell/images/siop-bg.jpg);
}

	.selectionSiop h2 {
	padding-top:16px;
	padding-bottom:4px;
	font-size:1.9em;
	color:#cf271e;
	}

	.selectionSiop p {
	width:590px;
	margin-left:10px;
	font-size:1.1em;
	}

.videoBarSQ {
height:62px;
width:431px;
text-decoration:none;
background:url(http://assets.pearsonschool.com/asset_mgr/current/20108/videobar-sqBlue.jpg) top left no-repeat;
*cursor:pointer;
_cursor:pointer;
}

	.videoBarSQ:hover {
	background:url(http://assets.pearsonschool.com/asset_mgr/current/20108/videobar-sqRed.jpg) top left no-repeat;
	}

	.videoBarSQ h3 {
	padding-top:8px;
	font-size:1.3em;
	font-weight:bold;
	color:#171717;
	padding-left:74px;
	}

	.videoBarSQ p {
	font-size:1.1em;
	color:#171717;
	width:352px;
	line-height:1.2em;
	padding-left:74px;
	}
	
.readMore {
background:url(http://assets.pearsonschool.com/asset_mgr/current/20108/read-more-topic.gif) top left no-repeat;
width:431px;
height:21px;
}

/* Expert's Corner */

.appraochesIntro {
	width:900px;
	height:330px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.expertsIntro {
margin:0px auto;
width:900px;
height:242px;
}

	.expertsIntro p, .appraochesIntro p {
	width:480px;
	margin-left:24px;
	font-size:1.3em;
	}
	
		.expertsIntro p a, .expertsIntro p a:visited, .appraochesIntro p a, .appraochesIntro p a:visited {
		color:#1a63a5;
		text-decoration:none;
		line-height:2.1em;
			
		}
		.expertsIntro p a:hover, .appraochesIntro p a:hover {
		text-decoration:underline;
		
		}

	.expertsIntro h2 {
	font-weight:bold;
	font-size:1.5em;
	margin-left:24px;
	}

.videoBar {
height:62px;
width:431px;
background:url(http://assets.pearsonschool.com/asset_mgr/current/20108/playbar-blue.jpg) top left no-repeat;
padding-top:8px;
margin-bottom:3px;
text-decoration:none;
*cursor:pointer;
_cursor:pointer;
}

	.videoBar:hover {
	background:url(http://assets.pearsonschool.com/asset_mgr/current/20108/playbar-red.jpg) top left no-repeat;
	}

	.videoBar h3 {
	font-size:1.3em;
	font-weight:bold;
	color:#171717;
	padding-left:74px;
	}

	.videoBar p {
	font-size:1.1em;
	color:#171717;
	width:352px;
	line-height:1.2em;
	padding-left:74px;
	}

.leftContain {
width:440px;
float:left;
background-color:#ffffff;
}

.rightContain {
float:right;
width:440px;
margin-left:10px;
background-color:#ffffff;
}

	.rightContain ul {
	color:#171717;
	font-size:1.3em;
	font-weight:bold;
	list-style-type:none;
	margin-bottom:10px;
	}

	.rightContain li a, .rightContain li a:visited {
	color:#1a63a5;
	font-weight:normal;
	text-decoration:none;
	font-size:.9em;
	}
	
	.rightContain li a:hover {
	text-decoration:underline;
	}

.leftContain h2, .rightContain h2 {
color:#dd281a;
font-size:2.0em;
font-weight:normal;
margin-bottom:10px;
margin-left:0px;
}

.expertBar {
width:431px;
height:93px;
margin-bottom:3px;
text-decoration:none;
}

	.expertBar h3 {
	padding-top:36px;
	font-size:1.3em;
	font-weight:bold;
	color:#171717;
	padding-left:100px;
	}
	
	.expertBar p {
	color:#171717;	
	line-height:1.2em;
	padding-left:100px;
	}
	
	.expertBar p a, .expertBar p a:visited {
	line-height:1.9em;
	color:#1a63a5;
	text-decoration:none;
	}
	
	.expertBar p a:hover {
	text-decoration:underline;
	}

/* Pearson Programs */

.pearsonPrograms {
width:900px;
background-color:#ffffff;
}
	.pearsonPrograms ul {
	list-style:none;
	background-color:#ffffff;
	}
	.pearsonPrograms li {
	margin-top:10px;
	margin-right:8px;
	margin-left:8px;
	width:430px;
	height:122px;
	float:left;	 
	}
	.pearsonPrograms p {
	margin-top:4px;
	color:#171717;	
	line-height:1.2em;
	padding-left:110px;
	width:310px;
	}
	.pearsonPrograms h2 {
	color:#171717;	
	line-height:1.2em;
	padding-left:100px;
	padding-top:16px;
	}
	.pearsonPrograms li a, .pearsonPrograms li a:visited {
	font-size:1.2em;
	color:#1a63a5;
	text-decoration:none;
	line-height:1.6em;	
	}
	.pearsonPrograms li a:hover {
	text-decoration:underline;
	}
	
.programs ul {
padding-left:16px;
width:900px;
}

.programs ul li {
margin: 0;
padding: 0;
font-size:1.4em;
color:#1a63a5;
list-style:none;
float:left;
padding-top:20px;
padding-right:43px;
width:177px;
height:167px;
}

	.programs ul li p {
	text-align:center;
	}

		.programs ul li p a, .programs ul li p a:visited  {
		color:#1a63a5;
		text-decoration:none;
		}
		
		.programs ul li p a:hover  {
		text-decoration:underline;	
		}
		
.programLink {
padding-top:10px;
padding-left:14px;
}
	.programLink a, .programLink a:visited {
	color:#1a63a5;
	font-size:1.4em;
	text-decoration:none;	
	} 
	.programLink a:hover {
	text-decoration:underline;
	}
	.programLink img {
	vertical-align:middle;
	margin-right:10px;	
	}

.programsIntro {
margin:0px auto;
width:900px;
height:182px;
background:url(/ell/images/programs-introbg.gif) top left no-repeat;
}

	.programsIntro p {
	width:480px;
	margin-left:24px;
	font-size:1.3em;
	}

.programBanner {
height:274px;
width:900px;
border-bottom: solid 9px #e9e9e9;
}

	.programBanner h1 {
	color:#171717;
	font-size:1.8em;
	font-weight:bold;
	margin-left:14px;
	padding-top:4px;
	}
	
	.programBanner ul {
	float:right;
	margin-top:14px;
	}
	
	.programBanner li {
	width:280px;
	list-style:none;
	line-height:1.2em;
	color:#1a63a5;
	font-size:1.6em;
	padding-left:10px;
	padding-right:16px;
	padding-bottom:16px;
	}

.programBody {
float:left;
}

	.programBody p {
	font-size:1.3em;
	line-height:1.5em;
	color:#171717;
	width:566px;
	margin-left:14px;
	margin-top:12px;
	}
	
	.programBody ul {
	margin-top:8px;
	width:500px;
	}
	
	.programBody ul li {
	margin-left:28px;
	font-size:1.3em;
	color:#171717;
	
	}
	
	.programBody h2 {
	margin-left:14px;
	margin-top:24px;
	font-size:1.6em;
	font-weight:bold;
	color:#171717;
	line-height:1.2em;
	}
	
	.programBody h3 {
	margin-bottom:24px;
	margin-left:14px;
	font-size:1.6em;
	color:#00519b;
	}

.programSidecar {
margin-top:14px;
width:300px;
float:right;
background-color:#e7f0f7;
}

.additionalSupport {
padding-top:16px;
padding-left:26px;
padding-right:12px;
padding-bottom:14px;
}
	.additionalSupport img {
	float:left;
	padding-right:14px;
	}

	.additionalSupport p {
	padding-top:10px;
	}
	
		.additionalSupport p a, .additionalSupport p a:visited  {
		color:#00519b;
		font-size:1.2em;
		text-decoration:none;
		}
		
		.additionalSupport p a:hover  {
		text-decoration:underline;
		}
	
/* News & Resources Content Styles */

.eventsSidecar {
margin-top:12px;
margin-right:8px;
width:220px;
float:right;
background-color:#e1ebf3;
}

.event {
padding:4px 4px 4px 4px;
margin-left:20px;
font-size:1.3em;
}
	.event h3 {
	color:#00519b;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.1em;	
	}
	
	.event p {
	padding-bottom:8px;
	}
	
	.event p a, .event p a:visited {
	text-decoration:none;
	color:#00519b;	
	}
	
	.event p a:hover {
	text-decoration:underline;	
	}


.links h2 {
margin:0;
padding:0;
color:#dd281a;
font-size:2.2em;
}

.links p a, .links p a:visited {
margin-left:10px;
font-size:1.4em;
color:#00519b;
text-decoration:none;
}

.links p a:hover {
text-decoration:underline;
}

.glossarySidecar {
margin-top:14px;
margin-right:6px;
width:300px;
float:right;
background-color:#e1ebf3;
}

.acronTitle {
font-size:1.4em;
width:32px;
background-color:#1a63a5;
color:#FFFFFF;
padding:4px 8px 8px 8px;
}

.acronDesc {
font-size:1.4em;
padding:4px 8px 8px 8px;
}

.acron td {
border: solid 1px #171717;
}

.resourcewrap {
padding-top:20px;
margin-left:24px;
width:648px;
}

.resource {
float:right;
width:466px;
margin-right:22px;
}
		
	.resource h2 {
	font-size:1.5em;
	line-height:1.2em;
	color:#171717;
	margin:0;
	padding:0;	
	padding-bottom:6px;	
	}
	
	.resource p {
	font-size:1.3em;
	line-height:1.3em;
	padding-bottom:6px;
	}
	
	.resource p a, .resource p a:visited {
	color:#00519b;
	text-decoration:underline;	
	}
	
/* Home Content Styles */

.homelink {
display:block;
margin-left:20px;
width:130px;
height:70px;
}

.contactlink {
display:block;
float:right;
margin:20px 20px 0 0;
width:107px;
height:29px;
}

.flash {
margin:0px auto;
width:900px;
height:162px;
background-color:white;
border-top: solid 2px #c01223;
background:url(/ell/images/homebanner.gif);
}

.introcopy {
margin-top:30px;
width:390px;
float:right;
}
	.introcopy h1 {
	margin:0;
	padding:0;
	font-size:1.9em;
	font-weight:bold;
	}
	.introcopy p {
	padding-top:8px;
	font-size:1.4em;
	line-height:1.6em;
	}

.featuredProgram {
width:288px;
background-color:#dde8f2;
text-align:left;
color:#1a63a5;
float:right;
}

	.featuredProgram h3 {
	padding-left:8px;
	font-size:2.4em;
	font-weight:bold;
	}
	.featuredProgram h4 {
	padding-left:8px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:8px;
	}
	
	.featuredProgram p {
	padding-left:8px;
	font-size:1.4em;
	margin-bottom:8px;
	line-height:1.4em;
	}
	
	.featuredProgram p a, .featuredProgram p a:visited {
	font-size:1.2em;
	text-decoration:none;
	color:#1a63a5;	
	}
	
	.featuredProgram p a:hover {
	text-decoration:underline;
	}

.bucketarea {
float:left;
text-align:center;
width:612px;

}
	.bucketarea ul{
	margin: 0;
	padding: 0;
	}
	.bucketarea ul li {
	display:block;
	float: left;
	padding-left:10px;
	padding-right:10px;	
	}	

.hometitle {
color:#00519b;
font-size:1.8em;
font-weight:bold;
text-decoration:none;
padding-bottom:14px;
}
	.hometitle a {
	color:#00519b;
	text-decoration:none	
	}	

.homebody {
color:#171717;
font-size:1.3em;
text-align:left;
width:260px;
}
	.homebody a, .homebody a:visited {
	color:#00519b;
	text-decoration:none;
	}
	.homebody a:hover {
	text-decoration:underline;
	color:#00519b;
	}

/* Main Content Styles */

h1 {
color:#171717;
font-size:2.4em;
padding-top:10px;
margin-left:24px;
}

h2 {
color:#171717;
font-size:1.6em;
font-weight:bold;
margin-top:10px;
margin-left:10px;
}

.mainbody p {
width:550px;
margin-left:24px;
font-size:1.3em;
margin-bottom:10px;
}
	.mainbody p a, .mainbody p a:visited {
	color:#171717;
	text-decoration:none;
	}
	
	.mainbody p a:hover {
	text-decoration:underline;
	}
	
	.mainbody ul {
	margin-bottom:16px;
	}
	
	.mainbody li {
	margin-left:50px;
	font-size:1.2em;
	line-height:1.7em;	
	}
	
	.mainbody li a, .mainbody li a:visited {
	color:#00519b;
	text-decoration:none;	
	}
	
	.mainbody li a:hover {
	text-decoration:underline;
	color:black;
	}
	

/* Footer Styles */

.footermenu {
border-top: solid 2px #ef1c2a;
background:url(/ell/images/nav-bg.gif);
height:29px;
}
	.footermenu ul {
	padding-left:14px;
	padding-top:6px;
	}

	.footermenu li {
	display:inline;
	color:#FFFFFF;
	font-size:1.1em;
	padding-right:16px;
	}
	
	.footermenu li a, footermenu li a:visited{
	color:#FFFFFF;
	text-decoration:none;	
	}
	.footermenu li a:hover {
	text-decoration:underline;
	}
	
.footerfade {
clear:both;
background:url(/ell/images/red-fade.jpg);
height:74px;
}

.comm {
position:relative;
padding-right:14px;
top:6px;
float:right;
}

.foot p {
color:#1e1a7d;
font-size:1.0em;
margin-top:15px;
margin-bottom:15px;
}
	.foot p img {
	margin-left:12px;
	margin-bottom:15px;
	}
	
/* Alignment Styles */ 

.alignR {float:right;}
.alignL {float:left;}
.clear {clear:both;height:1px;}
.clearL {clear:left;height:1px;}