/* @override http://www.wested.org/teachforsuccess/css/screen.css */

/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {margin: 0; padding: 0; border: 0;}


/* GLOBAL
-------------------------------------------------------------------- */
body { 
	text-align: left;
	background: #adcd61;
	color: #555;
	font: normal 12px/16px "Trebuchet MS", Arial, sans-serif;
	}

a:link, a:visited {
	color: #09a9d7;
	text-decoration: none;
	border-bottom: 1px dotted #09a9d7;
	}
a:hover {
	color: #077c9e;
	text-decoration: none;
	border-bottom: 1px dotted #09a9d7;
	}	

.req {
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}


/* STRUCTURE
-------------------------------------------------------------------- */
#wrap {
	width: 900px;
	text-align: left;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	}

#content {
	width: 900px;
	text-align: left;
	background: url(/teachforsuccess/imgs/content_bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	}
#content #content-inner {
	margin: 0;
	padding: 30px 63px 20px 63px;
	}
	* html #content #content-inner { /* IE6 */
	margin-bottom: 20px;
	}
	*:first-child+html #content #content-inner { /* IE7 */
	margin-bottom: 20px;
	}

#foot {
	width: 900px;
	height: 68px;
	background: url(/teachforsuccess/imgs/foot_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
	}
#foot p {
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 6px 85px 0 85px;
	}
	#foot p a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}


/* HEAD
-------------------------------------------------------------------- */
#head {
	position: relative;
	width: 900px;
	height: 165px;
	background: #adcd61 url(/teachforsuccess/imgs/head_bg.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
#head #logo {
	position: absolute;
	left: 63px;
	top: 69px;
	width: 280px;
	height: 70px;
	}
	#head #logo a, #head #logoW a {
	border: none;
	}
#head #logo p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
#head #logoW {
	position: absolute;
	right: 63px;
	top: 64px;
	width: 179px;
	height: 75px;
	}
#head #logoW p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}

/* navigation */

#nav {
	position: absolute;
	top: 141px;
	left: 63px;
	width: 774px;
	height: 22px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat;
	}
	#nav a {
	border: 0;
	}
#nav li {
	list-style-type: none;
	float: left;
	}

#homeOn .nav_home {
	width: 67px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -774px 0; /* on state */
	}
	.nav_home a {
	display: block;
	width: 67px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_home a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -774px 0; /* hover state */
	}
#approachOn .nav_approach {
	width: 111px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -841px 0; /* on state */
	}
	.nav_approach a {
	display: block;
	width: 111px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_approach a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -841px 0; /* hover state */
	}
#resOn .nav_res {
	width: 114px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -952px 0; /* on state */
	}
	.nav_res a {
	display: block;
	width: 114px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_res a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -952px 0; /* hover state */
	}
#learnOn .nav_learn {
	width: 121px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1066px 0; /* on state */
	}
	.nav_learn a {
	display: block;
	width: 121px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_learn a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1066px 0; /* hover state */
	}
#storiesOn .nav_stories {
	width: 117px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1187px 0; /* on state */
	}
	.nav_stories a {
	display: block;
	width: 117px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_stories a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1187px 0; /* hover state */
	}
#pricingOn .nav_pricing {
	width: 77px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1304px 0; /* on state */
	}
	.nav_pricing a {
	display: block;
	width: 77px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_pricing a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1304px 0; /* hover state */
	}
#aboutOn .nav_about {
	width: 87px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1381px 0; /* on state */
	}
	.nav_about a {
	display: block;
	width: 87px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_about a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1381px 0; /* hover state */
	}
#contactOn .nav_contact {
	width: 80px;
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1468px 0; /* on state */
	}
	.nav_contact a {
	display: block;
	width: 80px;
	height: 22px;
	text-indent: -9999px;
	}
	.nav_contact a:hover {
	background: url(/teachforsuccess/imgs/nav.gif) no-repeat -1468px 0; /* hover state */
	}

#homeOn .nav_home a, 
#approachOn .nav_approach a, 
#resOn .nav_res a, 
#learnOn .nav_learn a,
#storiesOn .nav_stories a,
#pricingOn .nav_pricing a,
#aboutOn .nav_about a,
#contactOn .nav_contact a {
	background: none;
	}


/* left
-------------------------------------------------------------------- */
#content-inner #left {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
	}

#content-inner #left hr {
	clear: both;
	border: none 0;
	border-top: 1px dotted #f3b530;
	text-align: center;
	width: 90%;
	height: 1px;
	margin-bottom: 10px;
	}

#content-inner #left div.photo {
	float: left;
	border: none;
	margin: 0 10px 10px 20px;
	padding: 0;
	}
	* html #content-inner #left div.photo { /* IE6 */
	margin-left: 10px;
	}

#content-inner #left p {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #555;
	margin: 0 50px 10px 20px;
	}
#content-inner #left p.intro {
	font-size: 14px;
	line-height: 20px;
	margin: 0 50px 10px 20px;
	padding: 0;
	}

#content-inner #left ul.home {
	list-style: none;
	margin: 0 50px 10px 35px;
	}
#content-inner #left ul.home li {
	background: url(/teachforsuccess/imgs/bullet.gif) no-repeat left top;
	padding: 0 0 5px 10px;
	}

#content-inner #left h1.home {
	font-family: Georgia, Times, serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	background: #e9eaeb url(/teachforsuccess/imgs/arrow.gif) no-repeat 20px center;
	margin: 0 0 20px 0;
	padding: 2px 0 0 32px;
	}
#content-inner #left .h {
	position: relative;
	width: 100%;
	border-bottom: 5px solid #e9eaeb;
	margin: 0 0 25px 0;
	padding: 0;
	}
#content-inner #left .h h1 {
	font-family: Georiga, Times, serif;
	font-size: 18px;
	height: 22px;
	font-weight: normal;
	color: #638a06;
	margin: 0 0 -8px 0;
	padding: 0 0 0 20px;
	}
#content-inner #left h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #638a05;
	background: url(/teachforsuccess/imgs/arrow.gif) no-repeat left center;
	margin: 15px 0 10px 20px;
	padding: 0 0 0 12px;
	}

#content-inner #left ul {
	list-style: none;
	margin: 0 0 10px 30px;
	}
#content-inner #left li {
	background: url(/teachforsuccess/imgs/bullet.gif) no-repeat left top;
	padding: 0 0 5px 8px;
	}

#content-inner #left ul.toc {
	list-style: none;
	margin: 0 0 20px 20px;
	}
#content-inner #left ul.toc li {
	background: url(/teachforsuccess/imgs/arrow_toc.gif) no-repeat left 4px;
	padding: 0 0 5px 12px;
	}



/* right
-------------------------------------------------------------------- */
#content-inner #right {
	float: right;
	width: 253px;
	margin: 0;
	padding: 0;
	}

#content-inner #right .mod {
	width: 253px;
	border-left: 1px solid #cccdcd;
	margin: 0;
	padding: 0;
	}
#content-inner #right .mod h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #638a05;
	background: url(/teachforsuccess/imgs/mod_h_bg.gif) repeat-y;
	margin: 0 0 20px 0;
	padding: 3px 45px 3px 12px;
	}
#content-inner #right .mod p.quote {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	font-style: italic;
	color: #ce7e00;
	margin: 0;
	padding: 0 30px 0 10px;
	}
#content-inner #right .mod p.quote span.q {
	font-family: Georgia, Times, serif;
	font-size: 22px;
	color: #c9de92;
	}
	
#content-inner #right .mod a {
	margin-left:15px;
}

#content-inner #right .modContact {
	width: 253px;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modContact h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #638a05;
	background: url(/teachforsuccess/imgs/arrow.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	}
#content-inner #right .modContact h3 {
	font-size: 12px;
	font-weight: bold;
	color: #555;
	margin: 0 20px 10px 0;
	padding: 0;
	}

#content-inner #right .modSuccess {
	width: 253px;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modSuccess .modSuccessTop {
	width: 234px;
	height: 30px;
	background: url(/teachforsuccess/imgs/mod_success_top.gif) no-repeat;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modSuccess .modSuccessTop h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	background: none;
	margin: 0;
	padding: 8px 0 0 15px;
	}
#content-inner #right .modSuccess ul  {
	list-style-type: none;
	width: 230px;
	background-color: #f7f0dc;
	border: 2px solid #de9803;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modSuccess ul li {
	background: url(/teachforsuccess/imgs/arrow_toc.gif) no-repeat 10px 9px;
	border-bottom: 1px solid #de9803;
	margin: 0;
	padding: 5px 0 5px 22px;
	}
#content-inner #right .modSuccess ul li.on {
	background-color: #fff;
	}
#content-inner #right .modSuccess ul li.last {
	border: none;
	}
#content-inner #right .modSuccess ul li a {
	text-decoration: none;
	border: none;
	}
#content-inner #right .modSuccess ul li:hover {
	background-color: #fff;
	}
	
#content-inner #right .modHome {
	width: 253px;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modHome .modHomeTop {
	width: 234px;
	height: 30px;
	background: url(/teachforsuccess/imgs/mod_home_top_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modHome ul  {
	list-style-type: none;
	width: 230px;
	background-color: #ecf0d5;
	border: 2px solid #a6b846;
	margin: 0;
	padding: 0;
	}
#content-inner #right .modHome h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	background: none;
	margin: 0;
	padding: 8px 0 0 15px;
	}
#content-inner #right .modHome ul li {
	background: url(/teachforsuccess/imgs/arrow_toc.gif) no-repeat 10px 9px;
	border-bottom: 1px solid #a6b846;
	margin: 0;
	padding: 5px 0 5px 22px;
	}

#content-inner #right .moreSpace{
	margin-top:20px;
	}
#content-inner #right ul {
	list-style: none;
	margin: 0 0 10px 15px;
	}
#content-inner #right ul li {
	background: url(/teachforsuccess/imgs/bullet.gif) no-repeat 0 5px;
	padding: 0 0 5px 8px;
	}
#content-inner #right ol {
	margin: 0 0 0 30px;
	}
#content-inner #right ol li {
	background: none;
	padding: 0 30px 10px 0;
	}


/* general
-------------------------------------------------------------------- */
#content-inner hr {
	clear: both;
	border: none 0;
	border-top: 1px dotted #f3b530;
	text-align: center;
	width: 95%;
	height: 1px;
	margin-bottom: 10px;
	}

#content-inner div.photo {
	float: left;
	border: 1px solid #455b6d;
	margin: 0 10px 20px 20px;
	padding: 0;
	}
	* html #content-inner div.photo { /* IE6 */
	margin-left: 10px;
	}

#content-inner h1 {
	font-family: Georiga, Times, serif;
	font-size: 18px;
	height: 22px;
	font-weight: normal;
	color: #638a06;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	}
#content-inner h2 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #638a05;
	background: url(/teachforsuccess/imgs/arrow.gif) no-repeat left center;
	margin: 15px 0 10px 20px;
	padding: 0 0 0 12px;
	}
#content-inner h3 {
	font-size: 13px;
	font-weight: bold;
	color: #b55500;
	margin: 0 0 0 20px;
	padding: 0;
	}
#content-inner h4 {
	font-size: 12px;
	font-weight: bold;
	color: #de9803;
	margin: 0 0 8px 20px;
	padding: 0;
	}
#content-inner p {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #555;
	margin: 0 50px 10px 20px;
	}

#content-inner .fixedbullet ul {
	list-style: none;
	margin: 0 0 10px 30px;
}

#content-inner .fixedbullet li {
	background: url(/teachforsuccess/imgs/bullet.gif) no-repeat left top;
	padding: 0 0 5px 8px;
}
 
#content-inner ul {
	list-style: none;
	margin: 0 0 10px 15px;
}
#content-inner li {
	background: url(/teachforsuccess/imgs/bullet.gif) no-repeat 0 5px;
	padding: 0 0 5px 8px;
}

#content-inner .hAbout, .hSixSections {
	position: relative;
	width: 100%;
	border-bottom: 5px solid #e9eaeb;
	margin: 0 0 25px 0;
	padding: 0;
	}
	
#content-inner .hSixSections h1 {
	font-family: Georiga, Times, serif;
	font-size: 18px;
	height: 22px;
	font-weight: normal;
	color: #638a06;
	margin: 0 0 -8px 0;
	padding: 0 0 0 20px;
	}

#content-inner .hSixSections .pict {
	position: absolute;
	top: 14px;
	right: 0;
	width: 255px;
	height: 58px;
	background: url(/teachforsuccess/imgs/photo_approach.jpg) no-repeat;
	}


#content-inner .pushDown{
	padding-top:5px;
}
	
#content-inner .hAbout .pict {
	position: absolute;
	top: 14px;
	right: 0;
	width: 255px;
	height: 58px;
	background: url(/teachforsuccess/imgs/photo_about.jpg) no-repeat;
	}
	
#content-inner .hAbout h1 {
	font-family: Georiga, Times, serif;
	font-size: 18px;
	height: 22px;
	font-weight: normal;
	color: #638a06;
	margin: 0 0 -8px 0;
	padding: 0 0 0 20px;
	}

#content-inner #left h2.ss {
	font-weight: normal;
	color: #555;
	background: none;
	margin: -10px 0 25px 20px;
	padding: 0;
	}

#content-inner #left .workbookWrapper{
	position:relative;
	height:100%;
	background-image: url(/teachforsuccess/imgs/workbookMiddle.gif);
	background-repeat: repeat-y;
	background-position: 15px center;
	margin: 0 0 0 0px;	
}

#content-inner #left .workbookWrapper .workbookTop, .workbookBottom{
	width:472px;
	height:18px;
	margin: 0 0 0 15px;	
}

#content-inner #left .workbookWrapper .workbookTop{
background-image: url(/teachforsuccess/imgs/workbookTop.gif);
}

#content-inner #left .workbookWrapper .workbookBottom {
	background-image: url(/teachforsuccess/imgs/workbookBottom.gif);
}

#content-inner #left .workbookWrapper .workbook{

	margin: 0 50px 10px 15px;
	padding: 10px 31px 10px 10px;
	color:#000;
}

#content-inner #left .workbookWrapper .workbook p{
	font-family:  Times,Georgia, serif;
	padding-left:21px;
	margin-right: 0;
	color:#000;
	font-size: 12px;
}


#content-inner #left .workbookWrapper .workbook h2{
	background:none;
	border-left:8px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	color:#000;
}

#content-inner #left .workbookWrapper .workbook h2 span.section{
	font-style:italic;
	color:#7B7B7B;
	font-size:13px;
	
}

#content-inner #left .workbookWrapper .workbook h3{
	font-family: Times,Georgia, serif;
	font-size:12px;
	padding-left:21px;
	color:#000;
	margin-bottom:5px;
	font-weight:bold;
}

#content-inner #left .workbookWrapper .workbook ul{
	margin:0 0 0 31px;
}

#content-inner #left .workbookWrapper .workbook ul li{
	font-family: serif; 
	list-style-type: disc;
	list-style-position: inside;
	padding-left:12px;
	margin:0 0 0 0;
	background-image: none;
}

#content-inner #left .workbookWrapper .workbook p.footnote{
	color:#7B7B7B;
	font-style: italic;
	font-size: 10px;
}

/* TABLES
-------------------------------------------------------------------- */
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #666;
	margin: 15px 0 15px 0;
	}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #666;
	padding: 5px 5px 5px 0;
	}
*/

table.data tr.header {
	background: #dcecca;
	}
table.data tr.even {
	background-color: #fcf5d4;
	border-top: 1px dotted #dbd5b8;
	border-bottom: 1px dotted #dbd5b8;
	}
table.data th {
	color: #690;
	text-align: left;
	padding: 2px 0 2px 10px;
	}
table.data td {
	padding: 4px 0 4px 10px;
	}

table.contact {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0 15px 20px;
	}
table.contact td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 5px 5px 5px 0;
	}

table.contactIcons {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	}
table.contactIcons th {
	color: #638a05;
	font-style: italic;	
	text-align: right;
	padding-right: 8px;
	}
table.contactIcons td {
	padding: 5px 5px 5px 0;
	}
table.contactIcons img {
	padding-right: 4px;
	}

table.ssData {
	margin: 15px 0 35px 20px;
	}
table.ssData th {
	background-color: #d6d6d6;
	border: 2px solid #fff;
	text-align: center;
	}
table.ssData th.sub {
	color: #638a06;
	background-color: #efefef;
	border: 2px solid #fff;
	}
table.ssData th.title {
	text-align: left;
	color: #638a06;
	background-color: #fff;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #d6d6d6;
	border-left: none;
	}
table.ssData td {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #d6d6d6;
	border-left: none;
	padding: 5px 5px 5px 0;
	}