body {
	background: #ceeef3;
}


h1, h2, h3, h4, h5, h6 {
	color:#1e6c4b;
}

.bkg {
	width: 910px;
	background: url(../images/bkg_main.jpg) top left repeat-y;
}


#header {
	background: #ceeef3 url(../images/bkg_header.jpg) top left repeat-x;
	z-index: 1000;
}

#header-inner {
	width: 900px;
	margin: 0 auto;
}

#header-inner h1 {
display: block;
position: relative;
left: 0;
width: 295px;
height: 122px;
margin: 0;
padding: 0;
text-indent: -7777px;
background: transparent url(../images/logo-trans.png) top left no-repeat;
}
 
#header-inner h1 a,
#header-inner h1 a:visited {
display: block;
width: 100%;
height: 100%;
border: 0;
}

ul#sted {
	float: right;
	height: 34px;
	list-style: none;
	margin: -116px 0 0;
	xpadding: 0px;
	width: 289px;
	background: url(../images/sted.jpg);
	xposition: relative;
	xright: 20px;
}
ul#sted li {
	float: left;
	display: block;
}
ul#sted li a.student,
ul#sted li a.educator {
	background: url(../images/sted.jpg);
	float: left;
	display:block;
	height: 34px;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 100;
}
ul#sted li a.student {background-position: 0px 0px;width: 135px;}
ul#sted li a.educator {background-position: -135px 0px;width: 154px;}
ul#sted li a:hover.student {background-position: 0 34px;width: 135px;}
ul#sted li a:hover.educator {background-position: -135px 34px;width: 154px;}
body.student #sted .student {background-position: 0 34px;width: 135px;}
body.educator #sted .educator {background-position: -135px 34px;width: 154px;}
 
ul#sted strong{
display: none;
}

#polaroids_students {
	background: url(../images/bkg_pics1-trans.png) no-repeat;
	width: 910px;
	height: 184px;
	margin: -80px auto 0;
	z-index: 100;
}

#polaroids_educators {
	background: url(../images/bkg_pics2-trans.png) no-repeat;
	width: 910px;
	height: 184px;
	margin: -80px auto 0;
	z-index: 100;
}

/* Students Navigation */

ul#nav_students {
	height: 310px;
	margin: -90px 0 0;
	width: 198px;
	background: url(../images/nav_students.jpg);
	position: relative;
	right: 20px;
}
ul#nav_students li {
	float: left;
	display: block;
}
ul#nav_students li a.home,
ul#nav_students li a.what_is_abstinence,
ul#nav_students li a.i_m_choosing_abstinence,
ul#nav_students li a.is_abstinence_for_me,
ul#nav_students li a.real_life_stories,
ul#nav_students li a.facts_stats,
ul#nav_students li a.links,
ul#nav_students li a.you_or_someone_you_know_is_pregnant,
ul#nav_students li a.contact {
	background: url(../images/nav_students.jpg);
	float: left;
	display:block;
	width: 198px;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 100;
}
ul#nav_students li a.home {background-position: 0px 0px; height: 35px;}
ul#nav_students li a.what_is_abstinence {background-position: 0px -35px; height: 35px;}
ul#nav_students li a.i_m_choosing_abstinence {background-position: 0px -70px; height: 50px;}
ul#nav_students li a.is_abstinence_for_me {background-position: 0px -120px; height: 35px;}
ul#nav_students li a.real_life_stories {background-position: 0px -155px; height: 35px;}
ul#nav_students li a.facts_stats {background-position: 0px -190px; height: 35px;}
ul#nav_students li a.links {background-position: 0px -225px; height: 35px;}
ul#nav_students li a.you_or_someone_you_know_is_pregnant {background-position: 0px -260px; height: 50px;}
ul#nav_students li a.contact {background-position: 0px -310px; height: 35px;}
 
ul#nav_students li a:hover.home {background-position: -198px 0px; height: 35px;}
ul#nav_students li a:hover.what_is_abstinence {background-position: -198px -35px; height: 35px;}
ul#nav_students li a:hover.i_m_choosing_abstinence {background-position: -198px -70px; height: 50px;}
ul#nav_students li a:hover.is_abstinence_for_me {background-position: -198px -120px; height: 35px;}
ul#nav_students li a:hover.real_life_stories {background-position: -198px -155px; height: 35px;}
ul#nav_students li a:hover.facts_stats {background-position: -198px -190px; height: 35px;}
ul#nav_students li a:hover.links {background-position: -198px -225px; height: 35px;}
ul#nav_students li a:hover.you_or_someone_you_know_is_pregnant {background-position: -198px -260px; height: 50px;}
ul#nav_students li a:hover.contact {background-position: -198px -310px; height: 35px;}
 
body.home ul#nav_students .home {background-position: -198px 0px; height: 35px;}
body.what_is_abstinence ul#nav_students .what_is_abstinence {background-position: -198px -35px; height: 35px;}
body.i_m_choosing_abstinence ul#nav_students .i_m_choosing_abstinence {background-position: -198px -70px; height: 50px;}
body.is_abstinence_for_me ul#nav_students .is_abstinence_for_me {background-position: -198px -120px; height: 35px;}
body.real_life_stories ul#nav_students .real_life_stories {background-position: -198px -155px; height: 35px;}
body.facts_stats ul#nav_students .facts_stats {background-position: -198px -190px; height: 35px;}
body.links ul#nav_students .links {background-position: -198px -225px; height: 35px;}
body.you_or_someone_you_know_is_pregnant ul#nav_students .you_or_someone_you_know_is_pregnant {background-position: -198px -260px; height: 50px;}
body.contact ul#nav_students .contact {background-position: -198px -310px; height: 35px;}
 
ul#nav_students strong{
display: none;
}

/* Educators Navigation */

ul#nav_educators {
	height: 267px;
	margin: -90px 0 0;
	width: 198px;
	background: url(../images/nav_educators.jpg);
	position: relative;
	right: 20px;
}
ul#nav_educators li {
	float: left;
	display: block;
}
ul#nav_educators li a.home,
ul#nav_educators li a.what_is_the_arc,
ul#nav_educators li a.effectiveness_of_program,
ul#nav_educators li a.what_people_are_saying,
ul#nav_educators li a.book_a_speaker,
ul#nav_educators li a.contact_us {
	background: url(../images/nav_educators.jpg);
	float: left;
	display:block;
	width: 198px;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 100;
}
ul#nav_educators li a.home {background-position: 0px 0px; height: 39px;}
ul#nav_educators li a.what_is_the_arc {background-position: 0px -39px; height: 36px;}
ul#nav_educators li a.effectiveness_of_program {background-position: 0px -75px; height: 56px;}
ul#nav_educators li a.what_people_are_saying {background-position: 0px -131px; height: 55px;}
ul#nav_educators li a.book_a_speaker {background-position: 0px -186px; height: 38px;}
ul#nav_educators li a.contact_us {background-position: 0px -224px; height: 43px;}
 
ul#nav_educators li a:hover.home {background-position: -198px 0px; height: 39px;}
ul#nav_educators li a:hover.what_is_the_arc {background-position: -198px -39px; height: 36px;}
ul#nav_educators li a:hover.effectiveness_of_program {background-position: -198px -75px; height: 56px;}
ul#nav_educators li a:hover.what_people_are_saying {background-position: -198px -131px; height: 55px;}
ul#nav_educators li a:hover.book_a_speaker {background-position: -198px -186px; height: 38px;}
ul#nav_educators li a:hover.contact_us {background-position: -198px -224px; height: 43px;}
 
body.home ul#nav_educators .home {background-position: -198px 0px; height: 39px;}
body.what_is_the_arc ul#nav_educators .what_is_the_arc {background-position: -198px -39px; height: 36px;}
body.effectiveness_of_program ul#nav_educators .effectiveness_of_program {background-position: -198px -75px; height: 56px;}
body.what_people_are_saying ul#nav_educators .what_people_are_saying {background-position: -198px -131px; height: 55px;}
body.book_a_speaker ul#nav_educators .book_a_speaker {background-position: -198px -186px; height: 38px;}
body.contact_us ul#nav_educators .contact_us {background-position: -198px -224px; height: 43px;}
 
ul#nav_educators strong {
display: none;
}

/* ========== Landing Page ============ */

.landing {padding-bottom: 30px;}
.landing h1 {color: #feb638;}
.landing h3 {
	color: #999;
	line-height: 1.35em;
	padding-bottom: 20px;
}

.landing h5 {
	margin: 0 0 5px;
}
.landing h5 a {
	text-decoration: none;
	color: #feb638;
	font-size: 1.2em;
}
.landing h5 a:hover {
	color: #1e6c4b;
}

.landing img {
	border: 0px;
	margin-bottom: 10px;
}

/* home styles */

.home h2 {
	color: #1e6c4b;
	font-size: 2.5em;
	margin: 15px 0 0;
}
.home p {
	color: #777;
	font-size: 1.5em;
	margin-bottom: 0;
}

.home strong {
	display: none;
}

.mod_students {background-image: url(../images/home_students.jpg); width:417px; height:256px;margin-right: 20px; float: left;}
.mod_students:hover{background-image: url(../images/home_students_hover.jpg);}
.mod_students a{background-image: url(../images/home_students.jpg); display:block;width:417px;height:256px;}
.mod_students a:hover{background-image: url(../images/home_students_hover.jpg);}
.mod_educators {background-image: url(../images/home_educators.jpg); width:417px; height:256px; float: left;}
.mod_educators:hover{background-image: url(../images/home_educators_hover.jpg);}
.mod_educators a{background-image: url(../images/home_educators.jpg); display:block;width:417px;height:256px;}
.mod_educators a:hover{background-image: url(../images/home_educators_hover.jpg);}

.container {
	padding-bottom: 30px;
}

#footer {
	background: #1e6c4b;
	padding: 20px 0;
}

#footer-inner {
	width: 900px;
	margin: 0px auto;
	background: #338361;
}

#footer p {
	padding: 15px;
	color: #fff;
}

.float_left {
	float: left;
}

.preload{display:none;}

.stories img {border: 10px solid #eee}

.stories h4 {border-top: 1px solid #1e6c4b; padding-top: 10px;}