/* Reset */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* General Layout Styles */

body {
	font-family: Helvetica, Arial, Sans-Serif;
	padding-bottom: 30px;
}

h1 a { 
	font-weight: bold;
	color: #000000; 
	font-size: 40px;
	text-decoration: none; 
}
h2 {
	font-family: Helvetica, Arial, Sans-Serif; 
	font-weight: bold; 
	color: #007196; 
	font-size: 1.1em; 
	line-height: 1.35;
	margin: 0 0 2px 0;
}
h2.index a {
	color: #007196; 
	text-decoration: none;
}
h3 {
	font-weight: bold;
	color: #000;
	font-size: 1.85em;
	margin: 15px 0 20px 0;
}
.italic {
	font-style: italic;
}
.underline {
	font-style: underline;
}
div#footer {
	display: block;
	width: 950px;
	clear: both;
	margin: 0 auto 40px;
	color: #000;
	font-size: .55em;
	border-top: 3px solid #000;
}
div#footer ul li {
	float: left;
	border-left: 1px solid #636466;
	padding: 15px 0 10px 10px;
	line-height: 1.25em;
}
div#footer ul li#footerLogo a {
	height: 23px;
	width: 44px;
	display: block;
	background: url(images/MITlogo.png) no-repeat;
}
div#footer ul li#footerLogo {
	border-left: none;
	padding-left: 35px;
}
div#footer ul li#footerName span{
	font-weight: bold;
}
div#footer ul li#footerName {
	border-left:none;
	padding-right: 15px;
}
div#footer ul li#footerAddress {
	padding-right: 35px;
}
div#footer ul li#footerContact {
	padding-right: 190px;
}
div#footer ul li#footerCredits {

}
form#search {
	height: 15px;
}
input#searchField {
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	width: 80px;
	height: 13px;
}
input#submit {
	padding: 0;
	margin: 0 0 0 -5px;
	background: url(images/searchButton.jpg) no-repeat;
	width: 15px;
	border: 0;
	
}

/* Search Form Browser Hacks */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	input#submit{
		height: 15px;
	} 
}
input#submit {
	height: 15px\0/;
	border-top: 1px solid #a8a8a8\0/;
	border-bottom: 1px solid #a8a8a8\0/;
	background-position: 0 -1px\0/;
	
}


/* Landing Page Styles */

#wrapperIndex {
	width: 936px; 
	border-top: 5px solid black;
	margin: auto;
	padding: 0 12px;
}
#wrapperIndex div#searchBox {
	margin-bottom: 8px;
}
#wrapperIndex h1 a { 
	position: absolute;
	bottom: 4px;
	left: 0;
}
div#header {
	height: 135px;
	display: block;
	width: 936px;
	position: relative;
	margin-bottom: 40px
}
div#headerRight {
	float: right;
}

div#indexLeft {
	width: 16%;
	float: left;
	margin-right: 50px;
}
ul.indexNav {
	margin-bottom: 20px;
}
ul.indexNav li {
	line-height: .7em;
	border-top: 1px solid #636466;
	padding: 4px 0 6px 0;
}

ul.indexNav li a {
	color: #636466;
	font-size: .6em; 
	text-transform: uppercase; 
	font-weight: normal;
	text-decoration: none;
}
ul.indexNav li.last a {
	color: #007196;
	font-weight: normal; 
}
ul.indexNav li a:hover, ul.indexNav li.last a:hover {
	font-weight: bold;
}
div#indexRight {
	width: 77.8%;
	margin-bottom: 80px;
	float: right;
}
div#imageNav {
	height: 268px;
}
a#imageNavRight {
	display: block;
	background: url(images/landing/rollover2.jpg);
	width: 356px;
	height: 268px;
	float: left;
	margin-left: 12px;
}
a#imageNavLeft {
	background: url(images/landing/rollover1.jpg);
	display: block;
	width: 356px;
	height: 268px;
	float: left;
}
a:hover#imageNavRight {
	background-position: 0 -268px;
}
a:hover#imageNavLeft {
	background-position: 0 -268px;
}
div#indexText {
	width: 99%;
	margin: auto;
	margin-top: 25px;
}
div#indexText p {
	width: 550px;
	line-height: 1.25em;
	margin-bottom: 11px;
	font-weight: bold;
}
div#indexText p.smallP {
	font-weight: normal;
}
div#indexText p.smallP a {
	color: #000;
}
div#indexText p.smallP span {
	border-bottom: 1px solid #999;
}


/* Raising Teens Styles */

	/* Raising Teens general Styles */
	
	
	#wrapper {
		width: 936px; 
		border-top: 5px solid black;
		margin: auto;
		padding: 0 12px;
	}
	#wrapper h1 {
		display: inline-block;
		width: 124px;
		background: url(images/logo.png) no-repeat;
		text-indent: -9999px;
		height: 100px;
		vertical-align: top;
		background-position: 0 25px;
        *float: left;
		
	}
	#wrapper h1 a {
		display: block;
		height: 100px;
		
	}
	
	body div#wrapper div#content {
		width: 735px;
		height: auto;
		padding: 0;
		float: right;
		margin: 75px 0 70px 0;
	}
	div#content h2 {
		display: none;
	}
	div#content p {
		line-height: 1.4em;
		margin-bottom: 10px;
	}
	div#content div#contentLeft {
		width: 65%;
		font-size: .75em;
		float: left;
		line-height: 1.3em;
	}
	div#content div#contentLeft a {
		color: #000;
	}
	div#content div#contentLeft div.creamBkgd {
		background-color: #f2f1ed;
		padding: 10px 15px 0;
		margin-bottom: 10px;
	}
	div#content div#contentLeft div.whiteBkgd {
		background-color: #fff;
		padding: 0 15px;
	}
	
	div#content div#contentRight {
		width: 28%;
		float: right;
		text-align: left;
		margin: 10px 25px 0 0;
		line-height: 1.5em;
		color: #666;
		font-size: .7em;
	}
	div#content div#contentRight a {
		color: #666;
	}
	div#content div#contentRight p {
		margin-bottom: 15px;
		font-size: 1em;
	}
	div#content div#contentRight div.creamBkgd {
		background-color: #f2f1ed;
		padding: 0;
		margin-bottom: 10px;
	}
	div#content div#content-bottom {
		clear: both;
		font-weight: normal;
		font-size: .75em;
		width: 65%;
		padding: 15px 0 0 15px;
	}
	div#content div#content-bottom ul li {
		padding-bottom: 10px;
		line-height: 1.25em;
	}

	div#contentLeft ul li {
		list-style: none;
		font-weight: bold;
		padding: 4px 0 12px;
		border-top: 1px solid #ccc;
	}
	div#contentBottom ul li {
		list-style: none;
		font-weight: normal;
		padding: 10px 0 15px;
		border-top: 1px solid #ccc;
	}
	span.bullet {
		vertical-align: top; 
		width: 2%; 
		list-style:none; 
		display: inline-block;
		*display: inline;
		*float: left;
	}
	body#monitor-and-observe span.bullet, body#guide-and-limit span.bullet, body#five-basics span.bullet {
	padding-right: 5px;
	}
	span.liContent {
		width: 96%; 
		display: inline-block;
	}
	div#contentLeft ul li span.p {
		color: #000;
		font-weight: normal;
		padding: 0;
		margin: 0;
		line-height: 1.4em;
	}
	div#contentLeft ul li span.p2 {
		color: #000;
		font-weight: normal;
		padding: 0;
		margin: 0;
		font-size: 1em;
		line-height: 1em;
	}

	div#contentLeft ul li a {
		font-weight: normal;
	}
	
	
	/* HeaderNav Styles */

	
	#wrapper div#header ul#headerNav {
		display: inline-block;
		height: 100px;
		vertical-align: top;
		zoom: 1;
        *display: inline;
		*float: left;
	}
	#wrapper div#header ul#headerNav li {
		display: inline-block;
		width: 126px;
		border-left: 1px solid #636466;
		vertical-align: top;
		height: 60px;
		padding: 38px 0 0 8px;
		zoom: 1;
        *display: inline;
	}
	#wrapper div#header ul#headerNav li a {
		text-decoration: none;
		font-size: .9em;
		line-height: 1.1em;
		font-weight: bold;
		width:100%; height:100%;
		display: block;
	}
	#wrapper div#header ul#headerNav li.last {
		border-right: 1px solid #636466;
	}
	
	ul#headerNav li.ten-tasks a {
		color: #007196;
	}
	body#ten-tasks div#wrapper div#header ul#headerNav li.ten-tasks {
		border-top: 12px solid #007196;
		padding: 26px 0 0 8px;
	}
	body div#wrapper div#header ul#headerNav li.ten-tasks:hover {
		border-top: 12px solid #007196;
		padding: 26px 0 0 8px;
	}
	
	ul#headerNav li.five-basics a {
		color: #149650;
	}
	body#five-basics div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body#love-and-connect div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body#monitor-and-observe div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body#guide-and-limit div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body#model-and-consult div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body#provide-and-advocate div#wrapper div#header ul#headerNav li.five-basics {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	body div#wrapper div#header ul#headerNav li.five-basics:hover {
		border-top: 12px solid #149650;
		padding: 26px 0 0 8px;
	}
	
	
	ul#headerNav li.abuse-of-teens a {
		color: #ca5900;
	}
	body#abuse-of-teens div#wrapper div#header ul#headerNav li.abuse-of-teens {
		border-top: 12px solid #ca5900;
		padding: 26px 0 0 8px;
	}
	body div#wrapper div#header ul#headerNav li.abuse-of-teens:hover {
		border-top: 12px solid #ca5900;
		padding: 26px 0 0 8px;
	}
	
	
	
	ul#headerNav li.parenting-adolescents a {
		color: #b40036;
	}
	body#parenting-adolescents div#wrapper div#header ul#headerNav li.parenting-adolescents {
		border-top: 12px solid #b40036;
		padding: 26px 0 0 8px;
	}
	body div#wrapper div#header ul#headerNav li.parenting-adolescents:hover {
		border-top: 12px solid #b40036;
		padding: 26px 0 0 8px;
	}
	
	
	ul#headerNav li.aboutNav a {
		color: #444fa2;
	}
	body#about div#wrapper div#header ul#headerNav li.aboutNav {
		border-top: 12px solid #444fa2;
		padding: 26px 0 0 8px;
	}
	body div#wrapper div#header ul#headerNav li.aboutNav:hover {
		border-top: 12px solid #444fa2;
		padding: 26px 0 0 8px;
	}
	
	
	
	div#topNavLeft {
		display: inline-block;
		width: 110px;
		vertical-align: top;
		*padding-right: 5px;
		
	}
	div#searchBox {
		padding: 9px 0;
	}
	div#topNavLeft a {
		text-transform: uppercase;
		color: #636466;
		font-size: .6em;
		text-decoration: none;
		display: block;
		margin: 5px 0 8px;
	}
	
	
	
		
	
	
	/* Raising Teens Index Styles */
	
	body#index div#wrapper {
		background: url(images/home/background2.png) no-repeat;
		min-height: 800px;
		background-position: 0 120px;
	}
	
	div#contentIndex {
		width: 606px ! important;
		padding: 45px 35px 35px; ! important;
		background-color: #ffeaab ! important;
		float: right ! important;
		margin: 270px 0 70px 0 ! important;
	}
	div#contentIndex h2 {
		font-size: 1.8em;
		color: #000;
		float: left;
		line-height: .35em;
		display: inline-block;
        *line-height: 1em;
        *margin: -6px 0 0 0;
        *padding: 0;
        *float: left;
	}
	div#contentIndex p {
		line-height: 1.3em;
		*line-height: 1.5em;
		margin-bottom: 10px;
	}
	div#contentIndex div#contentLeft {
		width: 49%;
		font-size: .75em;
		float: left;
		line-height: 1.3em;
		padding: 0;
		background: transparent;
	}
	div#contentIndex div#contentRight {
		width: 49%;
		font-size: .75em;
		float: right;
		text-align: left;
		line-height: 1.3em;
		margin: 0;
		color: #000;
	}

	div#contentIndex a {
		color: #000
	}
	
	
	
	
	
	/* Raising Teens ten-tasks Styles */
	
	body#ten-tasks #wrapper {
		background: url(images/tenTasks/background.png) no-repeat;
		min-height: 720px;
		background-position: 12px 125px;
	}
	
	div.taskAccordion {
		margin: 0;
		padding: 9px 0;
		border-top: 1px solid #999;
	}
	div.contentToggle {
		cursor: pointer;
		position: relative;
	}
	div.contentToggle span.task {
		padding-left: 15px;
		color: #007196;
		font-weight: bold;
		display: inline-block;
	}
	.collapsed span.arrow {
	  width: 0;
		height: 0;
		border-top: 4px solid transparent;
		border-left: 8px solid #007196;
		border-bottom: 4px solid transparent;
		display: inline-block;
		vertical-align: top;
		margin-top: 3px;
	}
	.expanded span.arrow {
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-top: 8px solid #007196;
		border-right: 4px solid transparent;
		display: inline-block;
		vertical-align: top;
		margin-top: 5px;
	}
	
	div.contentExpanded.collapsed {
		display: none;
	}
	
	div.contentExpanded.expanded {
		display: block;
	}
	
	div.contentExpanded p {
		margin: 2px 0 10px 25px;
	}
	
	body#ten-tasks #wrapper div#content div#content-bottom {
		color: #007196;
	}
	body#ten-tasks #wrapper div#content div#content-bottom a {
		color: #007196;
	}	
	
	
	
	
	/* Raising Teens five-basics Styles */
	
	body#five-basics #wrapper {
		background: url(images/fiveBasics/background.png) no-repeat;
		min-height: 720px;
		background-position: 9px 115px;
	}
	
	body#five-basics #wrapper div#content div#contentLeft ul li {
		color: #149650;
	}

	body#five-basics #wrapper div#content div#contentLeft ul li a {
		color: #149650;
	}
	
	
		
		/* Raising Teens subPage Styles */
	
	
	div.subPage h3 {
		color: #149650;
		display: block;
		font-size: 1em;
		margin: 0 0 10px 15px;
	}
	div.subPage h3 span.noBold {
		font-weight: normal;
	}
	div.subPage h4 {
		color: #fff;
		margin: 2px 0 4px 15px;
		font-weight: bold;
		font-size: 1.05em;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.subPage h4 {
		margin: 2px 0 5px 15px;
	}

}
	.subPage {
		margin: 30px 0 70px ! important;
	}
	div#fiveNav {
		width: 130px;
		height: auto;
		padding: 3px 0 0 0;
		float: left;
		margin: 62px 0 0 62px;
	}
	div#fiveNav ul li {
		padding: 0;
		border-top: 1px solid #ccc;
		line-height: 1.25em;
	}
	div#fiveNav ul li.first {
		border-top: none;
	
	}
	body #wrapper div#fiveNav ul li a {
		padding: 0 12px;
		text-transform: uppercase;
		color: #666;
		text-decoration: none;
		font-size: .55em
	}


	div#fiveNav ul li a:hover {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}
	body #wrapper div.subPage div#contentLeft {
		width: 53%;
		margin-top: 45px;
	}
	body #wrapper div.subPage div#contentRight {
		width: 320px;
		margin: 0;
	}
	body #wrapper div.subPage div#contentRight ul {
		padding: 15px;
	}
	body #wrapper div.subPage div#contentRight ul li {
		padding: 8px 0;
		border-bottom: 1px solid #ccc;
	}
	body #wrapper div.subPage div#contentRight ul li.last {
		border-bottom: none;
	}
	body #wrapper div.subPage div#contentRight ul li span {
		color: #149650;
		font-weight: bold;
	}
	
	
		/* Raising Teens love-and-connect Styles */
	
	body#love-and-connect #wrapper {
		background: url(images/fiveBasics/background1.png) no-repeat;
		min-height: 720px;
		background-position: 6px 120px;
	}
	body#love-and-connect #wrapper div#fiveNav ul li a.love-and-connect {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}
	
			/* Raising Teens monitor-and-observe Styles */
	
	body#monitor-and-observe #wrapper {
		background: url(images/fiveBasics/background2.png) no-repeat;
		min-height: 720px;
		background-position: 5px 121px;
	}
	body#monitor-and-observe #wrapper div#fiveNav ul li a.monitor-and-observe {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}
	body#monitor-and-observe #wrapper div#content div#contentLeft ul li {
		color: #149650;
	}
	
			/* Raising Teens guide-and-limit Styles */
	
	body#guide-and-limit #wrapper {
		background: url(images/fiveBasics/background3a.png) no-repeat;
		min-height: 720px;
		background-position: 4px 108px;
	}
	body#guide-and-limit #wrapper div#fiveNav ul li a.guide-and-limit {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}
	body#guide-and-limit #wrapper div#content div#contentLeft ul li {
		color: #149650;
	}
	
			/* Raising Teens model-and-consult Styles */
	
	body#model-and-consult #wrapper {
		background: url(images/fiveBasics/background4a.png) no-repeat;
		min-height: 720px;
		background-position: 5px 121px;
	}
	body#model-and-consult #wrapper div#fiveNav ul li a.model-and-consult {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}
	
			/* Raising Teens provide-and-advocate Styles */
	
	body#provide-and-advocate #wrapper {
		background: url(images/fiveBasics/background5.png) no-repeat;
		min-height: 720px;
		background-position: 5px 110px;
	}
	
	body#provide-and-advocate #wrapper div#fiveNav ul li a.provide-and-advocate {
		background-image: url(images/arrow.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		font-weight: bold;
	}


		

	/* Raising Teens abuse-of-teens Styles */
	
	body#abuse-of-teens #wrapper {
		background: url(images/abuseOfTeens/background.png) no-repeat;
		min-height: 720px;
		background-position: 25px 125px;
	}
	body#abuse-of-teens #wrapper div#content div#contentLeft ul {
		width: 450px;
	}
	body#abuse-of-teens #wrapper div#content div#contentLeft ul li {
		color: #CA5900;
	}

	body#abuse-of-teens #wrapper div#content div#contentLeft ul li a {
		color: #CA5900;
	}
	body#abuse-of-teens #wrapper div#content div#contentRight {
		margin: 0 25px 0 0;
		line-height: 1.5em;
	}
	body#abuse-of-teens #wrapper div#content div#contentRight h3 {
		font-size: 1.1em;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #CCC;
		margin: 0 0 10px 0;
	}
	body#abuse-of-teens #wrapper div#content div#contentRight p.top {
		color: #000;
		font-size: 1.1em;
	}
	body#abuse-of-teens #wrapper div#content div#contentRight p span {
		color: #CA5900;
		font-weight: bold;
		font-size: 1.1em;
		text-decoration: none;
	}
	body#abuse-of-teens #wrapper div#content div#contentRight p span a {
		color: #CA5900;
		text-decoration: underline;
	}	
	body#abuse-of-teens #wrapper div#content div#content-bottom {
		color: #CA5900;
	}
	body#abuse-of-teens #wrapper div#content div#content-bottom a {
		color: #CA5900;
	}



/* Raising Teens parenting-adolescents Styles */
	
	body#parenting-adolescents #wrapper {
		background: url(images/parentingAdolescents/background.png) no-repeat;
		min-height: 720px;
		background-position: 20px 139px;
	}

	body#parenting-adolescents #wrapper div#content div#contentLeft ul li {
		color: #B40036;
	}

	body#parenting-adolescents #wrapper div#content div#contentLeft ul li a {
		color: #B40036;
	}
	body#parenting-adolescents #wrapper div#content div#contentRight {
		margin: 0 25px 0 0;
		line-height: 1.5em;
	}

	body#parenting-adolescents #wrapper div#content div#content-bottom {
		color: #B40036;
	}
	
	body#parenting-adolescents #wrapper div#content div#content-bottom a {
		color: #B40036;
		margin: 0;
	}




/* Raising Teens about Styles */
	
	body#about #wrapper {
		background: url(images/about/background.png) no-repeat;
		min-height: 720px;
		background-position: 40px 139px;
	}
	body#about #wrapper div#content div#content-bottom {
		color: #444fa2;
	}
	body#about #wrapper div#content div#content-bottom a {
		color: #444fa2;
	}


/* Raising Teens about Styles */
	
	body#contact #wrapper {
		background: url(images/contact/background.png) no-repeat;
		min-height: 720px;
		background-position: 30px 124px;
	}
	img#contactImage {
		float: left;
		padding: 0 20px 10px 0;
	}

	span#name {
		color: #444fa2;
		display: block;
		height: 10px;
	}
	body#contact #wrapper div#content div#contentLeft a {
		color: #000;
	}
	
	
	/* Raising Teens downloads Styles */
	
	body#downloads #wrapper {
		background: url(images/downloadPDFs/background.png) no-repeat;
		min-height: 720px;
		background-position: 30px 124px;
	}

	body#downloads h3 {
		color: #444fa2;
		display: block;
		font-size: 1em;
		margin: 0 0 10px 0;
	}
	
	body#downloads #wrapper div#content div#contentLeft ul li {
		font-weight: normal;
		border: 0;
		padding: 0 0 10px 0;
	}
	body#downloads #wrapper div#content div#contentLeft ul {
		padding: 0 0 20px 0;
	}
	body#downloads #wrapper div#content div#contentLeft a {
		color: #000;
	}
	body#downloads #wrapper div#content div#contentLeft a.bold {
		font-weight: bold;
	}