* {
	margin:0; padding:0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	color:#000; 
	font-size:15px; 
	background-color: #3b607b; 
	width:800px;
	height:600px;
	margin:0 auto;
	overflow:hidden;
}

iframe{
	background-color:transparent;
}

p {
	margin-top:1em;
}

#nav_instructions ul, #nav_instructions ol, #content ul, #content ol{
	margin:.5em 0;
}

#content li, .nav_content_bg li{
	margin:.5em 0 .5em 2em;
	clear:both;
}

#nav_instructions ul ul, #content ul ul{
	margin-top:0;
	margin-bottom:0;
}

#all_holder{
	background:url('../images/template_background.jpg');
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	position:relative;
}

#content {
	width:96%;
	height:66%;
	position:relative;
	float:left;
	padding:1% 2% 1.75% 2%;
}

#content ul, .nav_content_bg ul{
	width:100%;
	float:left;
}

#content blockquote {
	margin-left:2em;
}

#title_bar{
	position:relative;
	color:#ffffff;
	text-align:center;
	text-shadow: 3px 3px 3px #000000;
	padding:.75% 0 2.25% 0;
}

#title_bar h1{
	font-size:29px;
}

#content dfn {
	color:blue; 
	font-style:normal; 
	font-weight:bold;
}

#content .votext{
	background: none repeat scroll 0 0 #FFFFFF;
    bottom: -23px;
    font-size: 8pt;
    height: 60px;
    left: 125px;
    position: absolute;
    width: 550px;
	display:none;
	
	border: 2px solid #294052;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#content .votext .text_holder{
	margin:5px;
	overflow:auto;
	height:50px;
}

#content .votext ul, #content .votext ol{
	margin:.25em 0;
}

#content .votext li{
	margin:.25em 0 .25em 2em;
}

#content .votext p{
	margin-top:.5em;
}

#content .votext #title{
	display:none;
}

#title h1{
	/*height:5%; IE7FIX*/
	float:left;
	/*padding:3% 0; IE7FIX*/
	padding:5px 0 15px 0;
	position:realtive;
	width:100%;
	font-size:18px;
	/*font-size:.7em; IE7FIX*/
}

.multiplechoicetext #title, .textmultiplechoice #title, .multipleresponsetext #title, .textmultipleresponse #title{
 font-size:.63em;
}

.textvideo #title, .imageonly #title, .imageimage #title, .imagevideo #title, .videoonly #title, .videoimage #title, .multiplechoiceimage #title, .multiplechoicevideo #title, .multipleresponseimage #title, .multipleresponsevideo #title, .sequencing #title, .categorizing #title, .matching #title, .textmultipleresponse #title, .textmultiplechoice #title, .multiplechoice #title, .multipleresponse #title, .imagemultiplechoice #title, .imagemultipleresponse #title, .videomultiplechoice #title, .videomultipleresponse #title{
	/*font-size:.5em; IE7FIX*/
	padding-bottom:2%;
}

.categorizing #title, .matching #title, .sequencing #title{
	/*font-size:1em; IE7FIX*/
	padding-bottom:2%;
}

.title #title h1{
	font-size:3em;
	padding-top:15%;
	text-align:center;
	width:100%;
}

#glossaryTip {
	border-width:2px; 
	border-style:solid; 
	border-color:#a0303e; 
	width:250px;
}

#glossaryTerm {
	background-color:#a0303e; 
	color:white; 
	font-weight:bold; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px; 
	padding-left:2px;
}

#glossaryDefinition{
	background-color:white; 
	padding-left:2px; 
	padding-right:2px; 
	font-family: Arial, Verdana, sans-serif;
	font-size:14px;
}

dfn {
	color:blue; 
	font-style:normal; 
	font-weight:bold;  
	cursor:pointer;
}

/*lightbox CSS*/
#lightbox{
	position:absolute;
	width:800px;
	height:600px;
	text-align:center;
	display:table;
	top:0;
	z-index:2;
}

.lightbox_bg{
	background:black;
	position:absolute;
	height:100%;
	width:100%;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	/* IE 5-7 */
	filter: alpha(opacity=80);

	/* Netscape */
	-moz-opacity: 0.8;

	/* Safari 1.x */
	-khtml-opacity: 0.8;

	/* Good browsers */
	opacity: 0.8;
	left:0;
	z-index:2;
}

#lightbox .img_holder{
	position:relative;
	vertical-align:middle;
	display:table-cell;
	z-index:2;
}

#nav_instructions{
	width:100%;
	height:100%;
	font-size:13px;
	z-index:2;
}

.nav_content_bg{
	width:690px;
	height:490px;
	margin:50px;
	position:absolute;
	top:0;
	z-index:2;
	
	border:5px double #294052;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	
	background: #f4f4f4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #bcbdbf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#bcbdbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#bcbdbf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#bcbdbf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#bcbdbf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#bcbdbf 100%); /* W3C */


}

.nav_content_bg .page{
	padding:25px;
}

.nav_content_bg .header{
	padding-bottom:10px;
	color:#294052;
}

.nav_content_bg .textonly .text{
	width:100%;
	float:left;
}

.nav_content_bg .textimage .text{
	width:50%;
	float:left;
}

.nav_content_bg .image{
	float:left;
	padding-top:0;
}

.nav_content_bg .exit_btn{
	cursor:pointer;
	position:absolute;
	top:-17px;
	right:-17px;
}

.nav_content_bg .instruction_footer{
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
}

.nav_next{
	cursor:pointer;
	background:url('../images/next.png') no-repeat; 
	height:60px;
	width:55px;
	right:-52px;
	top:200px;
	position:absolute;
}

.nav_back{
	cursor:pointer;
	background:url('../images/back.png') no-repeat; 
	height:60px;
	width:50px;
	position:absolute;
	left:-55px;
	top:200px;
}

.nav_content_bg .nav_pagecount{
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
}
/*lightbox CSS end*/

/* Footer styling starts here */

#footer { 
	position:absolute;
	width:100%;
	height:63px;
	bottom:0;
	left:0;
}

#footer a, #footer img {
	border:0;
	text-decoration:none;
}

#footer #buttons { 	
	bottom: 1px;
    float: left;
    height: 70%;
    left: 440px;
    position: absolute;
    width: 29%;
}

#footer #buttons .help_btn{
	height:38px;
	width:38px;
	position:relative;
	float:right;
	background:url('../images/help.png') no-repeat;
	cursor:pointer;
	margin-left:8px;
}

#footer #buttons .resource_btn{
	height:38px;
	width:38px;
	position:relative;
	float:right;
	background:url('../images/resource.png') no-repeat;
	cursor:pointer;
	margin-left:8px;
}

#footer #buttons .transcript_btn{
	height:38px;
	width:38px;
	position:relative;
	float:right;
	background:url('../images/transcript.png') no-repeat;
	cursor:pointer;
	margin-left:8px;
}	

#footer #buttons .play_btn{
	background:url('../images/play.png');
	height:68px;
	width:65px;
}

#footer #buttons .pause_btn{
	background:url('../images/pause.png');
	height:68px;
	width:65px;
}

#footer #buttons .replay_btn{
	background:url('../images/replay.png');
	height:68px;
	width:65px;
}

#footer #buttons .glossary_btn{
	position:relative;
	float:left;
	width:60px;
	height:60px;
	margin-top:7px;
	cursor:pointer;
}

#footer #next_holder{
	height: 60px; 
	width: 60px;
	position:relative;
	float:right;
	top:-5px;
}

#footer #next_button{ 
	float:right;
	width: 60px; 
	height: 100%; 
	background:url('../images/next.png') no-repeat; 
	cursor:pointer;
}

#footer #active_next{
	width:60px;
	height:100%;
	float:right;
	background:url('../images/active_next.png') no-repeat;
	cursor:pointer;
} 

#footer #back_holder{
	height: 60px; 
	width: 60px; 
	position:relative;
	float:left;
	top:-5px;
}

#footer #back_button { 
	width: 100%; 
	height: 100%; 
	background:url('../images/back.png') no-repeat;
	cursor:pointer;
}

#footer #audio{
	height:50%;
	width:27%;
	position:relative;
	float:left;
	margin:2% 0 0 9%;
}

#footer #page-count { 
	bottom: 22px;
    color: #FFFFFF;
    font-size: 1.2em;
    left: 370px;
    position: absolute;
    width: 12%;
}

#footer #copyright{
	position:absolute;
	bottom:3px;
	color:#ffffff;
	font-size:7pt;
	left:133px;
}

/*Layouts*/

.scripting .scriptingleft {	
	float:left;
	height:93%;
	margin:0 2% 0 0;
	width:48%;
	overflow-y:auto;
}

.scripting .text p {
	margin:0 0 1em 0;
}

.textonly .text{
	width:100%; 
	height:93%;
	overflow:hidden;
	clear:both;
} 

.textimage .text, .textvideo .text, .textflash .text, .imagetext .text, .videotext .text, .scripting .maintext, .textmultiplechoice .text, .textmultipleresponse .text, .multiplechoicetext .text, .multipleresponsetext .text, .imagebullets .text, .videobullets .text{
	width:50%;
	float:left;
	height:93%;
}

.showzoom{
	background: url('../images/zoom.png') no-repeat;
	width:150px;
	text-align:center;
	margin: 140px 0px 0px 110px;
	position:absolute;
	height:64px;
}

.video{
	width:48%;
	float:left;
	padding-top:5%;
	position:relative;
	text-align:center;
}

.textvideo .video, .imagevideo .video{
	margin-left:2%;
}

.videoimage .video, .videotext .video, .videobullets .video{
	margin-right:2%;
}

.videoonly .video{
	text-align:center;
}

.image{
	height:93%;
	text-align:center;
	width:48%;
	float:left;
	padding-top:1%;
}

.image img{
	max-height:100%;
	max-width:100%;
	-moz-box-shadow: 3px 3px 10px #404040;
	-webkit-box-shadow: 3px 3px 10px #404040;
	box-shadow: 3px 3px 10px #404040;
	border:0;
}

.imageonly .image{
	width:100%;
}

.imageimage .image{
	width:46%;
	margin:0% 2%;
}

.imagetext .image, .imagevideo .image, .imagebullets .image{
	margin-right:2%;
}

.textimage .image, .videoimage .image{
	width:48%;
	margin-left:2%;
}

.scriptingleft .text{
	width:100%; 
	float:left; 
}


.scripting .imagetext{
	color: blue; 
}

.scripting .flashtext{
	color:red; 
}

.scripting .vobackground{
	color: purple; 
}

.scripting .videotext{
	color: green; 
}

.text-red {
	color:red;
}

.text-green{
	color:green;
}

.text-blue {
	color:blue;
}

.text-orange {
	color:orange;
}

/*End Layouts/*

/*COL Anim*/

.animholder{
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
}

.animmask{
	width:0%;
	overflow:hidden;
	height:100%;
	position:absolute;
	left:5px;
}

.imagemultiplechoice .animholder, .imagemultipleresponse .animholder, .textmultiplechoice .animholder, .videomultiplechoice .animholder, .imagemultipleresponse .animholder, .textmultipleresponse .animholder, .videomultipleresponse .animholder{
	right:0;
	left:auto;
}

.multiplechoiceimage .animholder img, .imagemultiplechoice .animholder img, .multiplechoicetext .animholder img, .textmultiplechoice .animholder img, .multiplechoicevideo .animholder img, .videomultiplechoice .animholder img, .multipleresponseimage .animholder img, .imagemultipleresponse .animholder img, .multipleresponsetext .animholder img, .textmultipleresponse .animholder img, .multipleresponsevideo .animholder img, .videomultipleresponse .animholder img{
	position:absolute;
	width:375px;
	left:0;
	top:175px;
}

.multiplechoice .animholder img, .multipleresponse .animholder img, .matching .animholder img, .categorizing .animholder img, .sequencing .animholder img, .matchgame .animholder img{
	position:absolute;
	left:150px;
	top:175px;
}

/*End COL*/

/*Menu*/
/* Drop down menu CSS */
#menu{ 
	height: 40px; 
	width: 99%;
	margin:0 .5%;
	position: relative; 
	/*z-index: 10;*/
	border-top:1px solid #425e74;
	border-bottom: 1px solid #294052;
	border-right: 2px solid #ffffff;	
	z-index:1;
}

#menu ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
}

#menu li{
	position:relative;
	float:left;
}

#menu p{
	margin:0;
}

#menu .secondary .active{
	background:#425e74
}

#menu .primary{
	float: left; 
	position: relative; 
	cursor: pointer;  
	color: #ffffff; 
	height:40px; 
	text-align:center;  
	display:table; 
	border-left: 1px solid #ffffff; 
	width:100%;
	
	background: #84b0d0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YjBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzQ3NzY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzQzNzM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzQ2NWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #84b0d0 0%, #477698 22%, #437395 74%, #2c465a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84b0d0), color-stop(22%,#477698), color-stop(74%,#437395), color-stop(100%,#2c465a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #84b0d0 0%,#477698 22%,#437395 74%,#2c465a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #84b0d0 0%,#477698 22%,#437395 74%,#2c465a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #84b0d0 0%,#477698 22%,#437395 74%,#2c465a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #84b0d0 0%,#477698 22%,#437395 74%,#2c465a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b0d0', endColorstr='#2c465a',GradientType=0 ); /* IE6-8 */
}

#menu .primary p, #menu .secondary p{
	display:table-cell;
	vertical-align:middle;
	font-size:1em;
	font-weight:bold;
}

#menu .secondary p{
	padding:0 2%;
}

#menu .secondary{
	width:100%;
	float:left;
	position:relative;
	height:40px;
	background:#294052;
	height:40px;
	border-bottom:1px solid #ffffff;
	display:table;
}

#menu .secondary_active li, #menu .secondary:hover, #menu .secondary.over{
	background:#7b8593;
	
}

#menu .primary_visited{
	background: #437294; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNzI5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzM4NWM3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTQwNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #437294 0%, #385c75 42%, #294052 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#437294), color-stop(42%,#385c75), color-stop(100%,#294052)); 
	background: -webkit-linear-gradient(top,  #437294 0%,#385c75 42%,#294052 100%); 
	background: -o-linear-gradient(top,  #437294 0%,#385c75 42%,#294052 100%); 
	background: -ms-linear-gradient(top,  #437294 0%,#385c75 42%,#294052 100%); 
	background: linear-gradient(to bottom,  #437294 0%,#385c75 42%,#294052 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#437294', endColorstr='#294052',GradientType=0 );
}

#menu .primary_active{
	background: rgb(191,191,191); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Yjg1OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(123,133,147,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(100%,rgba(123,133,147,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(123,133,147,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(123,133,147,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(123,133,147,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(123,133,147,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#7b8593',GradientType=0 ); /* IE6-8 */

}

#menu .lvl2_btns{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
	display:none;
	width:100%;
	
	position: absolute; 
	top: 100%; 
	font-weight: normal; 
	cursor:pointer;
	left:0;
}

#menu .lvl2_btns a{
	color:#ffffff;
	text-decoration:none;
}

#menu li:hover .lvl2_btns, #menu li.over .lvl2_btns {
	display:block;
}

#menu .lvl2_btns .disabled .secondary, #menu .lvl2_btns .disabled .secondary:hover {
	background-color: #437395; 
	color:#ffffff;
}

.video_lock_txt{
	color: red;
    left: 130px;
    position: absolute;
    text-align: center;
    bottom:-25px;
    width: 545px;
}

.col_lock_txt{
	color: red;
    left: 130px;
    position: absolute;
    text-align: center;
    bottom:-25px;
    width: 545px;
}