.tbc,
.tbc A{
	color:red !important;
}

BODY{
	background:url(../images/homepage/header_home.gif) no-repeat center top;
	font:70% trebuchet, trebuchet ms, arial;
	position:relative;
}

BODY#ca_approach{background-image:url(../images/ca_approach/header_ca_approach.gif);}
BODY#ca_stories{background-image:url(../images/ca_stories/header_ca_stories.gif);}
BODY#contact_us{background-image:url(../images/contact_us/header_contact_us.gif);}
BODY#courses{background-image:url(../images/courses/header_courses.gif);}
BODY#links{background-image:url(../images/links/header_links.gif);}
BODY#resources{background-image:url(../images/resources/header_resources.gif);}
BODY#teacher_area{background-image:url(../images/teacher_area/header_teacher_area.gif);}

H1{
	cursor:pointer;
	height:130px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:345px;
}

H2#site_title{
	left:-9999px;
	position:absolute;
	top:-9999px;
}

H2{
	color:#274062;
	font-size:30px;
	font-weight:normal;
}

H3{
	color:#809BC8;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

H2,
H3{
	line-height:1.2em;
}

P,
UL,
OL{
	color:#274062;
	font-size:12px;
	line-height:1.5em;
}

P A,
UL.links A,
UL.bullets A,
.three_wide UL LI A,
#right_panel UL LI A,
DIV.persona_overview H3 A{
	color:#274062;
	/*text-decoration:underline;*/
}

P A,
#content UL LI A,
#content_small UL LI A{
	text-decoration:underline;
}

#right_panel UL LI{
	line-height:1.3em;
}

P.intro{
	color:#809BC8;
	font-size:15px;
}

H2,
H3,
H4,
P,
P.intro,
.two_wide,
.three_wide,
UL.read_more,
DIV.persona_overview,
DIV.quote{
	margin-bottom:10px;
}

DIV.quote P{
	margin-bottom:0;
}	

#wrapper{	
	margin:0 auto 0 auto;
	padding-top:191px;
	position:relative;
	width:950px;
}

A{
	color:#274062;
	text-decoration:none;
}

A:hover,
OL.links A:hover,
UL.links A:hover,
UL.bullets A:hover,
#navigation LI UL LI.selected,
#right_panel UL LI A:hover,
DIV.persona_overview H3 A:hover,
.three_wide UL LI A:hover,
#navigation A.selected{
	color:#809bc8;
}

#navigation,
#content_small,
#content,
#right_panel{
	float:left;
}

#content_small,
#content,
#right_panel{
	margin-top:70px;
}

#navigation{
	background:url(../images/global/navigation_background.gif) no-repeat left bottom;
	margin-left:3px;
	padding:5px 10px 20px 10px;
	width:156px;
}

#navigation LI{
	border-bottom:solid 1px #b5becb;
	color:#274062;
	font-size:13px;
	margin-bottom:3px;
	padding:0 0 3px 3px;
}

#navigation LI A{
	cursor:pointer;	
}	

#navigation LI UL{
	margin-top:4px;
}

#navigation LI UL LI,
.three_wide UL LI A,
OL.links LI,
UL.links LI,
OL.bullets LI,
UL.bullets LI,
#right_panel UL LI A,
UL.read_more LI A{
	display:inline-block;
	background:url(../images/global/sub_navigation_arrow.gif) no-repeat left 4px;
	padding-left:15px;
}

OL.bullets LI,
UL.bullets LI{
	background:url(../images/global/bullet_point.gif) no-repeat left 4px;
}

#navigation LI UL LI{
	display:block;
	font-size:11px;
	padding-bottom:0;	
}

UL#navigation LI UL LI,
UL#navigation LI.last{
	border-bottom:none;
}

#content_small,
#content{
	margin-left:20px;
	margin-right:20px;
}

#content_small{
	width:555px;
}

#content{
	margin-right:0;
	width:751px;
}

#content IMG.full,
#content_small IMG.full{
	margin:5px 0 10px 0;
}

#content IMG.full{
	margin-left:99px;
}

#content P IMG.left,
#content_small P IMG.left{
	float:left;
	margin:0 10px 10px 0;
}

#content P IMG.right,
#content_small P IMG.right{
	float:right;
	margin:0 0 10px 10px;
}

#videoplayer_overlay{
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	background:#000000;
	display:block;
	filter:alpha(opacity=70);
	left:0;
	opacity:0.7;
	position:absolute;
	top:0;
	z-index:9998;
}

#video_player{
	background:#000;
	padding:1px;
	position:absolute;
	z-index:9999;
}

#swf_player{
	bottom:0;
	position:relative;
	width:480px;
}

#swf_player IMG{
	cursor:pointer;
	height:15px;
	position:absolute;
	right:0;
	top:-16px;
	width:50px;
}

.two_wide{
	float:left;
	margin-right:21px;
}

.two_wide.last,
.three_wide.last{
	margin-right:0;
}

.two_wide DIV.flash{
	clear:both;
}

.two_wide DIV.flash IMG{
	cursor:pointer;
}

.two_wide.video P{
	margin-bottom:5px;
}

.two_wide.video H3{
	margin-bottom:10px;	
	min-height:45px;
}

.three_wide{
	color:#274062;
	float:left;	
	margin-right:25px;	
	width:233px;
}

.three_wide.last{
	width:234px;
}

.three_wide H4{
	margin-bottom:5px;
	min-height:30px;
	text-transform:uppercase;
}

.three_wide P{
	font-size:11px;
}

.three_wide UL.read_more LI A{
	background-position:left 3px;
	color:#274062;
	font-size:11px;
}

#content_small .two_wide{
	width:267px;
}

#content .two_wide{
	width:365px;
}

#content_small .two_wide P{
	width:137px;
}

UL.read_more LI A{
	color:#809BC8;
	font-size:13px;
}

DIV.persona_overview{
	margin-bottom:30px;
	min-height:211px;
	padding-left:195px;
	position:relative;
}

DIV.persona_overview IMG{
	left:-10px;
	position:absolute;
	top:0;
}

DIV.persona_overview.right_to_left{
	background-color:#F2F5F9;
	margin-top:20px;
	padding:10px 195px 1px 10px;
}

DIV.persona_overview.right_to_left IMG{
	top:-10px;
}

#content_small DIV.persona_overview.right_to_left IMG{
	left:370px;
}

#content DIV.persona_overview.right_to_left IMG{
	left:566px;
}

DIV.persona_overview H4{
	color:#809BC8;
	font-size:13px;
	margin-bottom:0;
	text-transform:uppercase;
}

UL#pillars{
	clear:both;
	padding:20px 0 20px 0;
}

UL#pillars:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

UL#pillars LI{
	cursor:pointer;
	float:left;
	height:396px;
	margin-right:5px;
	
}

#content_small UL#pillars LI{
	width:107px;
}

#content UL#pillars LI{
	width:146px;
}

UL#pillars LI a{
	display:block;
	width:146px;
	height:396px;
	text-indent:-9999px;
	}

UL#pillars LI#concrete_preparation{
	background:url(../images/pillars/concrete_preparation.gif) no-repeat center top;
}

UL#pillars LI#cognitive_conflict{
	background:url(../images/pillars/cognitive_conflict.gif) no-repeat center top;
}

UL#pillars LI#social_construction{
	background:url(../images/pillars/social_construction.gif) no-repeat center top;
}

UL#pillars LI#metacognition{
	background:url(../images/pillars/metacognition.gif) no-repeat center top;
}

UL#pillars LI#bridging{
	background:url(../images/pillars/bridging.gif) no-repeat center top;
}

UL#pillars LI.last{
	margin-right:0;
}

OL.links,
UL.links,
OL.bullets,
UL.bullets{
	/*color:#B9C7E1;*/
	/*color:#98aed3;*/
	margin-bottom:15px;
}

OL.links LI,
UL.links LI,
OL.bullets LI,
UL.bullets LI{
	display:block;
}

DIV.quote{	
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:51px;
	width:176px;
}

BR.clear{
	clear:both;
}

DIV.quote.left{
	background-image:url(../images/global/quote_box_left_bottom.gif);
	float:left;
	margin-right:18px;
}

DIV.quote.right{
	background-image:url(../images/global/quote_box_right_bottom.gif);
	float:right;
	margin-left:18px;
}

DIV.quote P{	
	background-position:top left;
	background-repeat:no-repeat;	
	color:#fff;
	font-size:1em;
	line-height:1.4em;
	min-height:1px;
	padding:20px 15px 0 15px;
}

DIV.quote.left P{
	background-image:url(../images/global/quote_box_left_top.gif);
}

DIV.quote.right P{
	background-image:url(../images/global/quote_box_right_top.gif);
}

DIV.quote P STRONG{
	color:#cedbed;
	display:block;
	font-weight:bold;
	margin-top:10px;
	text-align:right;
}

#content DIV.publisher,
#content DIV.teacher_lesson{
	margin-bottom:20px;
	min-height:203px;
	position:relative;
}

#content DIV.publisher IMG,
#content DIV.teacher_lesson IMG{
	left:0;
	position:absolute;
	top:3px;
}

#content DIV.publisher P,
#content DIV.publisher UL,
#content DIV.teacher_lesson P,
#content DIV.teacher_lesson UL{
	padding-left:170px;
}

#right_panel{
	width:176px;
}

#right_panel H4{
	background:url(../images/global/right_panel_highlight_heading.gif) no-repeat left top;
	color:#fff;	
	margin:0;
	padding:25px 10px 8px 10px;
	text-transform:uppercase;
}

#right_panel DIV.highlight_sub_content{
	background:url(../images/global/right_panel_highlight_background.gif) no-repeat left bottom;
	padding-bottom:15px;
}

#right_panel DIV.highlight_sub_content P,
#right_panel DIV.highlight_sub_content UL{
	font-size:12px;
	min-height:1px;
	padding:0 10px 0 10px;
}

#right_panel DIV.highlight_sub_content UL{
	margin-top:5px;
}

#right_panel DIV.highlight_sub_content IMG{
	margin-left:1px;
}

UL.read_more{
	text-align:right;
}

.three_wide UL,
OL.links LI,
UL.links LI,
OL.bullets LI,
UL.bullets LI,
UL.read_more LI A{
	background-position:left 4px;
}

#right_panel DIV.highlight_sub_content UL LI A{
	background-position:left 3px;
}

.three_wide UL LI,
OL.links LI,
UL.links LI,
OL.bullets LI,
UL.bullets LI,
#right_panel DIV.highlight_sub_content UL LI,
UL.read_more LI{
	margin-bottom:11px;
}

#right_panel DIV.highlight_sub_content UL LI.last{
	margin-bottom:0;
}

UL.read_more LI A{
	text-transform:uppercase;
}

#footer{
	background:url(../images/global/footer.gif) no-repeat left 20px;
	clear:left;
	color:#809BC8;
	min-height:40px;
	padding-top:45px;
	text-align:center;
}

#footer P{
	color:#809BC8;
	font-size:11px;
}
