
/* GENERAL CSS */
html{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	opacity:0;
	overflow:hidden;
	
} 
body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;	
	font-family:Helvetica, sans-serif;
	behavior:url("/interface/addons_ie6/csshover.htc");
	*visibility:hidden;
	
	
}
table, tbody, tr, td, ul, li, form, p, h1, h2, h3, h4, h6{
	padding:0;
	margin:0;
}	
img{
	border:0;
}	
.left{
	float:left;
}
.right{
	float:right;
}
.pointer{
	cursor:pointer;
}
.hide{
	visibility:hidden;
}
.displayNone{
	display:none;
}
input.hideValue{
	color: transparent;
	text-transform: capitalize;
	text-indent: -99999px; 
	font-size: 0.1px;
}
.errorMsg{
	color:#CC3300;
	font-weight:bold;
	font-size:14px;
	height:20px;	
}
div, a{
	background-repeat:no-repeat;
}
#print_div{
	display:none;
	}
	
#hideForPrint {
	position:absolute;
	width:100%;
	height:100%;
}
.bold{
	font-weight:bold;
}	
/* MIN MAX SIZE OF THE WEBSITE */
#jquerySiteSizes{
	width:762px;
	height:415px;	
	top:-1000px;	
	position:absolute;
}
.minSiteSize{
	height:100%;
	width:100%;
	min-width:762px;
	min-height:415px;
}
.minSiteSizeIe{
	width:762px;
	height:415px;
}
.minSiteWidth{
	width:100%;
	min-width:762px;
}
.minSiteWidthIe{
	width:762px;
}
.minSiteHeight{
	height:100%;
	min-height:415px;
}
.minSiteHeightIe{
	height:415px;
}
/* CORNERS ABSOLUTE */
.around{
	position:absolute;
	z-index:250;
}
.borders{
	position:absolute;
	z-index:1000;
	background-color:#343434;
}
.corners{
	position:absolute;
	height:0px;
	width:0px;
	z-index:150;
}
.element{
	position:absolute;
}	
.corners a{
	color:#EDEDED;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	display:block;
}
.corners a:hover{
	color:#FFFFFF;
}
#top_border{
	height:5px;
	width:100%;
}
#left_border{
	height:100%;
	width:5px;
}
#TLHSC{	
	margin-top:5px;
	margin-left:5px;
}
#TLHSC .img{
	background-image:url(/interface/images/logos/title.gif);
	width:107px;
	height:41px;
	z-index:20;
}
#TLHSC a{
	line-height:27px;
}
#TLHSC a.main_menu{	
	background-image:url(/interface/images/nav/main_menu.gif);
	width:86px;
	margin-left:107px;
	z-index:30;
}
#TLHSC a.theme{
	text-align:right;
	z-index:25;
}
#TLHSC a.sub_theme{
	text-align:right;
	z-index:20;
	padding-right:10px;
	width:95px;
}
#bottom{
	height:100%;
	width:100%;
	left:-100%;
}
#bottom .align{
	height:100%;
	width:0;
}
#bottom #bottom_border{
	margin-top:-5px;
	height:5px;
	line-height:0;
	width:100%;
	left:100%;	overflow:hidden;
}
#bottom #BLHSC{
	margin-top:-77px;
	margin-left:4px;
	left:100%;
}
#bottom #BLHSC .img{
	background-image:url(/interface/images/bg/BLHS_corner.gif);
	width:69px;
	height:74px;
	z-index:20;
	margin-top:0px;
}
#bottom #BLHSC a.sitemap{
	background-image:url(/interface/images/nav/sitemap.gif);
	width:28px;
	height:29px;
	margin-top:43px;
	margin-left:1px;
	z-index:30;
}
#bottom #BLHSC a.sitemap:hover{
	background-image:url(/interface/images/nav/sitemap_o.gif);
}

#bottom #BLHSC a.teacher_guide{
	background-image:url(/interface/images/nav/teacher_guide.gif);
	width:146px;
	height:29px;
	margin-top:44px;
	margin-left:18px;
	z-index:10;
}
#bottom #BLHSC a.teacher_guide:hover{
	background-image:url(/interface/images/nav/teacher_guide_o.gif);
}
#bottom #BLHSC a.learning_pathway{
	background-image:url(/interface/images/nav/learning_pathway.gif);
	width:162px;
	height:29px;
	margin-top:44px;
	margin-left:153px;
	z-index:5;
}
#bottom #BLHSC a.learning_pathway:hover{
	background-image:url(/interface/images/nav/learning_pathway_o.gif);
}
#bottom #BLHSC  .copyright{
	margin-left:314px;
	margin-top:47px;
	width:84px;
	font-size:10px;
	line-height:12px;
	color:#5A5A5A;
}
#bottom .align{
	margin-top:-5px;
	margin-left:-5px;
	height:0;
	width:100%;
	left:100%;
	z-index:800;
	line-height:0;
	position:absolute;
	_text-align:right;
}
#right{
	height:100%;
	width:100%;
	top:-100%
}
#right_border{
	height:100%;
	width:5px;
	left:100%;
	top:100%;
	margin-left:-5px;
}
#TRHSC {
	top:100%;
	left:100%;
	margin-left:-10px;
	margin-top:5px;
}
#TRHSC .img{
	background-image:url(/interface/images/bg/TRHS_corner.gif);
	background-repeat:no-repeat;
	width:69px;
	height:74px;
	z-index:20;
	margin-left:-64px;
	margin-top:-1px;
}
#TRHSC a.help{
	background-image:url(/interface/images/nav/help.gif);
	width:28px;
	height:29px;
	margin-left:-23px;
	margin-top:0px;
	z-index:50;
}
#TRHSC a.help_anim{
	background-image:url(/interface/images/nav/help_anim.gif);
	width:28px;
	height:29px;
	margin-left:-23px;
	margin-top:0px;
	z-index:50;
}
#TRHSC a.help:hover{
	background-image:url(/interface/images/nav/help_o.gif);
}
#TRHSC a.help_anim:hover{
	background-image:url(/interface/images/nav/help_o.gif);
}

/* GLOBAL POPUP */
#global_popup{
	height:100%;
	position:absolute;
	width:100%;
	z-index:1550;
	display:none;
}
#global_popup_BG{
	background-color:#AEAEAE;
	opacity:0.9;
	filter:alpha(opacity=80);
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:1500;
	border:5px solid #343434;
	*border:5px solid transparent;
}
#global_popup .menu{
	margin-top:5px;
	position:absolute;
	z-index:1700;
	text-align:center;
	width:100%;
}
#global_popup .menu table{
	margin-left:auto;
	margin-right:auto;
	height:27px;
}
#global_popup .menu .print_cell{
	width:35px;
	background-image:url(/interface/images/bg/global_popup_title_lc.gif);
	background-repeat:no-repeat;
}
#global_popup .menu .title{
	background-color:#343434;	
	padding-right:10px;
	padding-left:10px;
}
#global_popup .menu h1{
	color:#FFF;
	font-size:18px;
	line-height:27px;
}
#global_popup .menu .close_cell{
	width:35px;
	background-image:url(/interface/images/bg/global_popup_title_rc.gif);
	background-repeat:no-repeat;
}
#global_popup .menu a.print{
	display:none;
	background-image:url(images/buttons/global_popup_print.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:22px;
	height:21px;	
}
#global_popup .menu a.print:hover{
	background-image:url(images/buttons/global_popup_print_o.gif);
}
#global_popup .menu a.close{
	display:block;
	background-image:url(images/buttons/global_popup_close.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:24px;
	height:21px;	
}
#global_popup .menu a.close:hover{
	background-image:url(images/buttons/global_popup_close_o.gif);
}
#global_popup .content{
	background-color:#FFFFFF;
	border:1px solid #999999;
	color:#333333;
	height:75%;
	margin-left:3%;
	margin-top:7%;
	padding:0;
	position:absolute;
	width:94%;
	z-index:1700;
}
#global_popup .content .inner{
	height:100%;
	/*overflow-x:hidden;
	overflow-Y:auto;*/
	overflow:auto;
	width:100%;
}
#global_popup .content .container_resources{	
	text-align:center;
	overflow:hidden;
	position:relative;
}
/* CONTENT FRAME */
#content{
	width:100%;
	height:100%;
	position:absolute;
	z-index:50;
}
#content #table_content{
	width:100%;
	height:100%;
}
/* FRAME */
#left_frame{
	height:100%;	
	background-repeat:no-repeat;
}
#right_frame{
	height:100%;	
}
/* RIGHT FRAME WITH RIGHT HAND SIDE MENU */
#right_frame .RHS_menu{
	width:100%;
	height:100%;
	color:#FFFFFF;
	*margin-top:-6px;
	*position:relative;
}
#right_frame .RHS_menu td{
	border-bottom:1px solid #343434;
	background-repeat:no-repeat;
}
#right_frame .RHS_menu .links td{
	background-repeat:no-repeat;
	background-position:18px center;
	padding:0 15px 0 80px;
}
#right_frame .RHS_menu td a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	font-weight:bold;	
	white-space:nowrap;
	line-height:26px;
}
#right_frame .RHS_menu td div{
	font-weight:bold;
	font-size:16px;
	color:#343434;
	margin-left:3px;	
	margin-top:5px;
}

/* Content style */
.content{
	color:#707070;
}
.content table{	
	width:85%;
	height:auto;
	margin-top:10px;
	border-top:1px solid #343434;
	border-left:1px solid #343434;
	font-size:1em;
	line-height:1.2em;
}
.content table .heading{	
	font-weight:bold;
}
.content p{
	font-size:1em;
	margin-top:10px;
	line-height:1.2em;
}
.content table td{	
	width:20%;	
	border-right:1px solid #343434;
	border-bottom:1px solid #343434;
	padding:5px;
}	
.content h2{	
	margin-top:25px;
	font-size:1.3em;
}
.content h3{	
	margin-top:15px;
	font-size:1.15em;
}
.content h4{	
	margin-top:10px;
	font-size:1em;
}
.content ul{	
	margin-top:10px;
	margin-bottom:10px;
	font-size:1em;
	line-height:1.2em;
}
.content ul li{	
	list-style:none;
	background-image:url(/interface/images/doodles/arrow_bullet.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	background-position:left 5px;
	padding-left:18px;
}
.content a.pdf{
	background-image:url(/interface/images/icons/PDF_Small.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:25px;
}

/* style global popup */
.content .bg{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:25px;
}
#global_popup .content h2{	
	margin-left:30px;
	margin-right:30px;
}
#global_popup .content h3{	
	margin-left:30px;
	margin-right:30px;
}
#global_popup .content h4{	
	margin-left:30px;
	margin-right:30px;
	margin-top:15px;
}
#global_popup .content p{
	margin-left:30px;
	margin-right:30px;
}
#global_popup .content ul{	
	margin-left:32px;
	margin-right:30px;
}
#global_popup .content table{	
	margin-left:30px;
	margin-right:30px;
}
#global_popup .content a{	
	text-decoration:underline;
	color:#333333;
}
#global_popup .content a:hover{	
	text-decoration:none;
}
/* TEacher guide */
.noFontResize {
	font-size:13px;
}
#global_popup .content ul.ul_special_lp ul {
	margin-left:2px;
	margin-top:5px;
	margin-bottom:5px;
}
#global_popup .content ul.ul_special_lp li {
	background-position:left 4px;
	font-size:15px;
	font-weight:bold;	
	margin-bottom:20px;
}
#global_popup .content ul.ul_special_lp li li{
	background-position:left 6px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:normal;
}
#global_popup .content ul.ul_special_lp li li li{
	background-position:left 6px;
	font-size:13px;
	font-weight:normal;
	margin-bottom:8px;
	line-height:16px;
}
#global_popup .content ul.ul_special_lp li li li li{
	background-position:left 5px;
	margin-bottom:5px;
}
#global_popup .content ul.ul_special_lp a.lp{
	background-image:url(/interface/images/icons/lp.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:auto;
	line-height:11px;
	margin-left:8px;
	text-decoration:none;
	padding-left:26px;
	color:#343434;
	font-size:10px;
}
#global_popup .content ul.ul_special_lp a.lp:hover{
	background-image:url(/interface/images/icons/lp_o.gif);
}
#global_popup .content ul.ul_special_lp a.lp_delete{
	background-image:url(/interface/images/icons/lp_delete.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:auto;
	line-height:11px;
	margin-left:8px;
	text-decoration:none;
	padding-left:13px;
	color:#343434;
	font-size:10px;
}
#global_popup .content ul.ul_special_lp a.lp_delete:hover{
	background-image:url(/interface/images/icons/lp_delete_o.gif);
}
/*#global_popup .content ul.ul_special_lp li li li li a.lp{
	padding-left:26px;
	background-position:center center;
}
#global_popup .content ul.ul_special_lp li li li li a.lp_delete{
	padding-left:22px;
	background-position:center center;
}*/
/* Special list colors for sitemap */
#global_popup .content ul.ul_special_lp li.communities {
	color:#8377A4;
}
#global_popup .content ul.ul_special_lp li.communities a {
	color:#8377A4;
}
#global_popup .content ul.ul_special_lp li.peacemakers {
	color:#4E96B4;
}
#global_popup .content ul.ul_special_lp li.peacemakers a {
	color:#4E96B4;
}
#global_popup .content ul.ul_special_lp li.boundaries {
	color:#94AF59;
}
#global_popup .content ul.ul_special_lp li.boundaries a {
	color:#94AF59;
}
#global_popup .content ul.ul_special_lp li.future_makers {
	color:#CDA34B;
}
#global_popup .content ul.ul_special_lp li.future_makers a {
	color:#CDA34B;
}
#global_popup .content ul.ul_special_lp li.the_big_questions {
	color:#D06065;
}
#global_popup .content ul.ul_special_lp li.the_big_questions a {
	color:#D06065;
}
#global_popup .content #lpPdfDownloadFrame{
	float:right;
	margin-top:25px;
	margin-right:30px;
}
#global_popup .content #lpPdfDownloadFrame a{
	background-image:url(/interface/images/icons/download_big.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	display:block;
	font-weight:bold;
	line-height:20px;
	color:#343434;
}
#global_popup .content span.resource_download{
	color:#333333;
	font-size:10px;
	background-image:url(/interface/images/icons/download.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:20px;
	padding-left:10px;
}
#global_popup .content span.resource_download a{
	margin-left:5px;
}
#global_popup #TN_pdf_downloads{	
	margin-top:10px;
	margin-bottom:30px;
	margin-left:30px;
	margin-right:30px;
	height:auto;
	white-space:nowrap;
	text-align:center;
}
#global_popup #TN_pdf_downloads h4{	
	font-size:12px;
	margin:0 0 5px;
}
#global_popup #TN_pdf_downloads a{	
	background-image:url(/interface/images/icons/PDF_Small.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	text-decoration:underline;	
	font-weight:bold;
	margin-right:3%;
	*margin-right:2%;
}
#global_popup #TN_pdf_downloads a:hover{	
	text-decoration:none;	
}
/* Help global popup frame */
.content #help{	
	font-size:14px;
}
.content #help table{	
	border:0;
	display:block;
	width:auto;	
	margin-top:25px;
}
.content #help table td{	
	border:0;
	vertical-align:top;
	padding:0;
}
.content #help table td img{	
	margin-right:10px;
}
.content #help table td.withBorder{	
	width:100%;
	padding:10px;
}
.content #help table td.withBorder ul{	
	margin:0;
}
.content #help table td.withBorder ul ul{	
	margin-top:10px;
}
.content #help h2{	
	padding-bottom:5px;
}
.content #help h3{	
	margin-left:33px;
	margin-top:19px;
}
.content #help h4{	
	margin-left:33px;
	margin-top:19px;
}
.content #help ul ul{	
	margin:10px 0 0 0;
}
.content #help li li{	
	list-style-image:none;
}
.content #help ul.withBorder{	
	padding:10px 10px 0 10px;
}
.content #help li.helpBullet {	
	line-height:19px;
	*line-height:16px;
	padding-left:0;
	*padding-left:8px;
	list-style-position:ouside;
	background-image:none;
	margin-left:26px;
	*margin-left:15px;
	*padding-bottom:1px;
}
.content #help li.step{	
	font-weight:bold;
}
.content #help li.step li{	
	font-weight:normal;
}

/* Style for bullets */
.content #help li.bullet_1{	
	list-style-image:url(/interface/images/icons/ff/1.gif);
	*list-style-image:url(/interface/images/icons/1.gif);
}
.content #help li.bullet_2{	
	list-style-image:url(/interface/images/icons/ff/2.gif);
	*list-style-image:url(/interface/images/icons/2.gif);
}
.content #help li.bullet_3{	
	list-style-image:url(/interface/images/icons/ff/3.gif);
	*list-style-image:url(/interface/images/icons/3.gif);
}
.content #help li.bullet_4{	
	list-style-image:url(/interface/images/icons/ff/4.gif);
	*list-style-image:url(/interface/images/icons/4.gif);
}
.content #help li.bullet_a{	
	list-style-image:url(/interface/images/icons/ff/a.gif);
	*list-style-image:url(/interface/images/icons/a.gif);
}
.content #help li.bullet_b{	
	list-style-image:url(/interface/images/icons/ff/b.gif);
	*list-style-image:url(/interface/images/icons/b.gif);
}
.content #help li.bullet_c{	
	list-style-image:url(/interface/images/icons/ff/c.gif);
	*list-style-image:url(/interface/images/icons/c.gif);
}
.content #help li.bullet_d{	
	list-style-image:url(/interface/images/icons/ff/d.gif);
	*list-style-image:url(/interface/images/icons/d.gif);
}
.content #help li.bulletImage{	
	background-image:url(/interface/images/icons/bullet_image.gif);
	background-position:left 0;
	line-height:20px;
	padding-left:32px;
}
.content #help li.bulletFilmClip{	
	background-image:url(/interface/images/icons/bullet_filmClip.gif);
	background-position:left 0;
	line-height:20px;
	padding-left:32px;
}
.content #help li.bulletLO{	
	background-image:url(/interface/images/icons/bullet_lo.gif);
	background-position:left 0;
	line-height:20px;
	padding-left:32px;
}

/* Style for 'how to navigate' */
.content #help .navigate h2{	
	color:#A8C866;
	border-bottom:1px solid #A8C866;
}
.content #help .navigate h3{	
	color:#A8C866;
}
.content #help .navigate ul.withBorder{	
	border:1px solid #A8C866;
	padding:10px 10px 0 10px;
}
/* Style for 'how to use a resource' */
.content #help .use h2{	
	color:#5196B3;
	border-bottom:1px solid #5196B3;
}
.content #help .use h3{	
	color:#5196B3;
}
.content #help .use table td.withBorder{	
	border:1px solid #5196B3;
}
.content #help .use ul.withBorder{	
	border:1px solid #5196B3;
}

/* Style for 'how to use the TG' */
.content #help .tg h2{	
	color:#E88D91;
	border-bottom:1px solid #E88D91;
}
.content #help .tg table td.withBorder{	
	border:1px solid #E88D91;
}

/* Style for 'how to use the LP */
.content #help .lp h2{	
	color:#DDB45F;
	border-bottom:1px solid #DDB45F;
}
.content #help .lp h3{	
	color:#DDB45F;
}
.content #help .lp h4{	
	color:#DDB45F;
}
.content #help .lp ul.withBorder{	
	border:1px solid #DDB45F;
}
.content #help .lp table td.withBorder{	
	border:1px solid #DDB45F;
}

/* Style for activities popup */
#right_frame .content p{
	margin-left:10px;
	margin-right:10px;
}
#right_frame .content ul{
	margin-left:12px;
	margin-right:10px;
}
#right_frame .content h4{
	margin-left:10px;
	margin-right:10px;
}
#right_frame .content table{	
	margin-left:10px;
	margin-right:10px;
}
#right_frame #text_context p{
	margin-left:0;
	margin-right:10px;
}


/* VERSION B */
#aso_alert{
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	background-color:#343434;
	padding:5px;
	width: 845px;
	*width:907px;
	font-size:14px;
}
#global_popup #aso_content{
	margin-left: auto; 
	margin-right: auto; 
	margin-top: auto; 
	position: relative;
	width: 855px; 
	height: 415px; 
	*width: 915px; 
	*height: 350px; 
	_width: 915px; 
	_height: 385px; 
}