html { min-height: 100%; margin-bottom: 1px;  overflow: -moz-scrollbars-vertical !important; background-color:#333;}

html, body { margin: 0 0 30px 0; padding: 0;}

body { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 16px;}

.hidden { display: none;}

a {text-decoration: none; color: #FFC; }
h1, h2, h3, h4, h5, h6 { margin: 0; color:#FFF;}
h1 { margin: 0; padding: 0; line-height: .8em; }
h1 span { color:#BBE0E3; font-size:.7em; margin: 0 0 0 0; padding: 0 0 0 0;}
sup {font-size: 0.75em; font-weight: normal;
  vertical-align: 0.5em; line-height: 1px;}
ul {margin-left: 23px; padding-left: 0; color:#FFF; font-size:14px; }
li {margin-bottom: 0.3em;line-height: 17px;}
li li {
	margin: 0.33em 0;
	font-size: 11px;
	line-height: 13px;
}
#slide { padding: 0 23px 0 23px; }
#slide h1 {font-size: 32px; line-height: 32px; letter-spacing: -1px;
  padding: 30px 0 0 0;}
#slide p { font-size: 14px; margin: .1em 0 1.5em 0; color: #FFF;} 
#slide h2 { font-size: 16px; margin: 0; color:#FFFFAF; font-weight:bold; }

.bodyblock {width: 630px; padding-top: 24px; }

#slide0 { display:block; height: 644px; }
#slide0 h1 {border: none; font-size: 60px; letter-spacing: 0; color:#FFFFAF; text-align:center; line-height: 57px; padding: 75px 0 10px 0;}
#slide0 h2 { font-size: 48px; margin: 0 0 10px 0; text-align:center; color:#FFFFAF; padding: 0; font-style:italic;}
#slide0 h3 { font-size: 28px; margin: 0 0 10px 0; text-align:center; color:#FFFFAF; padding: 0;}
#slide0 h4  { margin-top: 0; font-size: 30px; text-align:center; color:#FFFFAF;}
#slide0 p { margin-top: 32px; font-size:18px; text-align:center; color:#BBE0E3;}
#slide0 #main-nav dt#Back {display:none;}
#slide0 #main-nav dt#Home {display:none;}

#container {width: 936px; height: 702px; position:relative;left: 50%; margin: 3px 0 0 0; margin-left: -468px; margin-bottom: 30px; background-image: url(../images/general/slideBKG.jpg);}
body.credits #container {background-image: url(../images/general/slideBKG2.jpg);}
body.credits div.bodyblock dl { margin: 0; padding: 0; clear:both; height: 43px;}
body.credits div.bodyblock dl dt { text-align:center; float:left; width: 70px; margin: 0 15px 0 0; padding: 0; }
body.credits div.bodyblock dl dd { float:left; text-align:left; margin: 0; padding: 12px 0 0 0; }
body.credits h1 { border: none; font-size: 60px; letter-spacing: 0; color:#FFF; text-align:left; line-height: 57px; padding: 250px 0 10px 0; margin-bottom: 20px;}
body.credits .bodyblock ul {margin-top: 5px; margin-bottom: 4px; line-height: 12px;}
body.credits div#slide h2 { clear:left; margin:15px 0 0 0; padding: 0px; }
/*body.credits div.bodyblock dl dd h4 { margin: 0; padding: 0; display:block;}*/
body.credits hr { border:dotted 1px #ffffaf; clear:both; margin-top: 10px;}
body.credits a:hover { text-decoration:underline; }

/* Main Navigation */
#main-nav { height: 58px;  position: absolute; top: 644px; left: 748px; }
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 8px; } 
/*/ 
#main-nav { padding-left: 8px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a { display: block;height: 0px !important;height /**/:58px; /* IE 5/Win hack */ padding: 58px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; }
#main-nav dt a:hover { background-position: 0 -58px;}
#main-nav dt a:focus { outline:none; }

#main-nav dt#Back,
#main-nav dt#Back a { width: 54px; background-image: url(../images/nav/back.gif);}

#main-nav dt#Forward,
#main-nav dt#Forward a { width: 54px; background-image: url(../images/nav/forward.gif);}

#main-nav dt#Home,
#main-nav dt#Home a { width: 54px; background-image: url(../images/nav/home.gif);}

#header { height: 119px; display:block; position:relative; border-bottom: 1px solid #fff; }

#sidebar-a { font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; top: 377px; left: 752px; z-index: 15; width:164px; line-height: 12px; }

#sidebar-a p { 	margin: 0; line-height: 14px;}
#sidebar-a .padding { margin: 0px; padding: 0 21px 0 0;}
#sidebar-a .padding h2 { margin: 0px; padding: 0px; }
#sidebar-a .padding ul { margin: 6px 0 0 0; padding: 0px; list-style:none; line-height: 12px; }
#sidebar-a .padding li { margin: 6px 0 0 0; padding: 0; width: 164px; }
#sidebar-a .padding a {; text-decoration:none; }
#sidebar-a .padding a:focus { outline:none; }

#sidebar-a li.btn1 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_01_intro.jpg); }
#sidebar-a li.btn2 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_02_overview.jpg); }
#sidebar-a li.btn3 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_03_problem.jpg); }
#sidebar-a li.btn4 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_04_discussion.jpg); }
#sidebar-a li.btn5 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_05_solution.jpg); }
#sidebar-a li.btn6 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_06_resources.jpg); }

#sidebar-a li.btn1 a:hover, #sidebar-a li.btn2 a:hover, #sidebar-a li.btn3 a:hover, #sidebar-a li.btn4 a:hover, #sidebar-a li.btn5 a:hover, #sidebar-a li.btn6 a:hover { background-position: 0 -34px;}

#sidebar-b { font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; top: 377px; left: 752px; z-index: 15; width:164px; line-height: 12px; }

#sidebar-b p { 	margin: 0; line-height: 14px;}
#sidebar-b .padding { margin: 0px; padding: 0 21px 0 0;}
#sidebar-b .padding h2 { margin: 0px; padding: 0px; }
#sidebar-b .padding ul { margin: 6px 0 0 0; padding: 0px; list-style:none; line-height: 12px; }
#sidebar-b .padding li { margin: 6px 0 0 0; padding: 0; width: 164px; }
#sidebar-b .padding a {; text-decoration:none; }
#sidebar-b .padding a:focus { outline:none; }

#sidebar-b li.btn1 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_01_intro.jpg); }
#sidebar-b li.btn2 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_02_overview.jpg); }
#sidebar-b li.btn3 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_03_problem.jpg); }
#sidebar-b li.btn4 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_04_discussion.jpg); }
#sidebar-b li.btn5 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_05_solution.jpg); }
#sidebar-b li.btn6 a { display: block;height: 0px !important;height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../images/nav/btn_07_credits.jpg); }

#sidebar-b li.btn1 a:hover, #sidebar-b li.btn2 a:hover, #sidebar-b li.btn3 a:hover, #sidebar-b li.btn4 a:hover, #sidebar-b li.btn5 a:hover, #sidebar-b li.btn6 a:hover { background-position: 0 -34px;}

.instructions {
position:absolute;
	z-index:20;
	top: 151px;
	left: 679px;
	width: 235px;
	height: 189px;
	font-size:10px;}

.video { padding-top: 0px; margin-top: -10px;
		background-color:#FFFFFF;}dl#solutionMap{
	margin: 0;
	padding: 0;
	background: transparent url(../images/general/bkg_slide8.gif) no-repeat;
	height: 492px;
	width: 936px;
	position: relative;
}

#map dt{ margin: 0; padding: 0; position: absolute; font-size: 10px; display: none; }
#map dd{ margin: 0; padding: 0; position: absolute;  font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
#map a { text-decoration: none !important;}
#map ol  { margin: 10px 0 0 20px; padding: 0 0 0 0px; font-size:12px; font-weight:100;}
#map h5 { color: #006666; font-size:12px; font-weight:bold; margin-top:0px;}
#map p { color: #000; font-size:12px; font-weight:100; padding: 5px 0 0 0 ;}

/* ---------- Hotspot Declarations ---------- */
dd#problemAnalysis {
	top: 2px;
	left: 383px;
}
dd#problemAnalysis a {
	position: absolute;
	width: 165px;
	height: 211px;
	text-decoration: none !important;
	left: 0px;
	top: 2px;
}
dd#problemAnalysis a span { display: none; }
dd#problemAnalysis a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: -15px;
	margin: 0;
	padding: 10px;
	width: 200px;
	line-height: 14px;
    }
	
dd#problemAnalysisWhiteboard { 
	top: 177px; 
	left: 622px; 
}
	
dd#problemAnalysisWhiteboard a {
	position: absolute;
	width: 165px;
	height: 211px;
	text-decoration: none !important;
	left: -148px;
	top: -38px;
}

dd#problemAnalysisWhiteboard a span { display: none; }
dd#problemAnalysis a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: -15px;
	margin: 0;
	padding: 10px;
	width: 200px;
	line-height: 14px;
}
	
dd#selfDirected { top: 177px; left: 622px; }
dd#selfDirected a{
	position: absolute;
	width: 265px;
	height: 182px;
	text-decoration: none;
	left: 4px;
}
dd#selfDirected a span { display: none; }
dd#selfDirected a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	bottom: 100%;
	margin: 0;
	padding: 10px;
	width: 200px;
	line-height: 14px;
}

dd#brainstorming { top: 309px; left: 357px; }
dd#brainstorming a {position: absolute; width: 250px; height: 182px; text-decoration: none; }
dd#brainstorming a span { display: none; }
dd#brainstorming a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: -15px;
	margin: 0;
	padding:10px;
	width: 200px;
	line-height: 14px;
}

dd#testSolution { top: 175px; left: 71px; }
dd#testSolution a{ position: absolute; width: 286px; height: 161px; text-decoration: none; }
dd#testSolution a span{ display: none; }
dd#testSolution a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: 100%;
	margin: 0;
	padding: 10px;
	width: 200px;
	line-height: 14px;
}

.help a { position:absolute; top: 15px; left: 760px; display:block; width:97px; height: 94px; background-image: url(../images/nav/help_static.gif);}
.help a:hover { background-image: url(../images/nav/help_active.gif);}

.teachersHelp a { position:absolute; top: 15px; left: 760px; display:block; width:97px; height: 94px; background-image: url(../images/nav/teachersHelp_static.gif);}
.teachersHelp a:hover { background-image: url(../images/nav/teachersHelp_active.gif);}

.helpHome a {
	position:absolute;
	top: 10px;
	left: 790px;
	display:block; width:97px; height: 94px; background-image: url(../images/nav/help_static.gif);
}

.helpHome a:hover { background-image: url(../images/nav/help_active.gif);}

.helpWhiteboard {
	position:absolute;
	top: 50px;
	left: 780px;
}
.nsf {
	position:absolute;
	top: 532px;
	left: 796px;
}

.nebhe {
	position:absolute;
	top: 532px;
	left: 49px;
}

.printer {
	position:absolute;
	top: 565px;
	left: 837px;
}


dl#whiteboardAccomplish{
	margin: 0;
	padding: 0;
	background: transparent url(../images/general/whiteboard_problemAnalysis.gif) no-repeat;
	height: 516px;
	width: 808px;
	position: relative;
}

dl#whiteboardSelfDirected{
	margin: 0;
	padding: 0;
	background: transparent  url(../images/general/whiteboard_selfDirected.gif) no-repeat;
	height: 516px;
	width: 808px;
	position: relative;
}

dl#whiteboardBrainstorming{
	margin: 0;
	padding: 0;
	background: transparent  url(../images/general/whiteboard_brainstorming.gif) no-repeat;
	height: 516px;
	width: 808px;
	position: relative;
}

dl#whiteboardTestSolution{
	margin: 0;
	padding: 0;
	background: transparent  url(../images/general/whiteboard_testSolution.gif) no-repeat;
	height: 516px;
	width: 808px;
	position: relative;
}


dd#iWB {
	top: -30px;
	left: 740px;
	z-index: 35;
}
dd#iWB a {
	position: absolute;
	width: 65px;
	height: 65px;
	text-decoration: none !important;
	top: -35px;
}
dd#iWB a span { display: none; }
dd#iWB a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: -5px;
	left:-225px;
	margin: 0;
	padding: 10px;
	width: 200px;
	line-height: 14px;
}

dl#ToolboxMap{
	margin: 0;
	padding: 0;
	background: transparent url(../images/im_bkg_static.png) top left no-repeat;
	height: 496px;
	width: 504px;
	position: absolute;
	top: 103px;
	left: 216px;
	z-index: 15;
}

dl#ToolboxMap dt{ margin: 0; padding: 0; position: absolute; font-size: 10px; display: none; }
dl#ToolboxMap dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 135px;
	width: 143px;
}

/* ---------- Hotspot Declarations ---------- */
dd#problemDef {
	top: 0px;
	left: 179px;
}
dd#problemDef a{
	position: absolute;
	width: 147px;
	height: 135px;
	text-decoration: none;
}
dd#problemDef a span{ display: none; }
dd#problemDef a:hover{ position: absolute; background:  transparent url(../images/im_bkg_active.png) -179px 0px no-repeat; }

dd#learningDef {
	top: 178px;
	left: 361px;
}
dd#learningDef a{
	position: absolute;
	width: 140px;
	height: 135px;
	text-decoration: none;
}
dd#learningDef a span{ display: none; }
dd#learningDef a:hover{background:  transparent url(../images/im_bkg_active.png) -361px -178px no-repeat; }

dd#brainDef {
	top: 360px;
	left: 175px;
}
dd#brainDef a{ position: absolute; width: 146px; height: 136px; text-decoration: none; }
dd#brainDef a span{ display: none; }
dd#brainDef a:hover{background:  transparent url(../images/im_bkg_active.png) -175px -360px no-repeat; }

dd#solutionDef {
	top: 180px;
	left: 0px;
}
dd#solutionDef a{ position: absolute; width: 143px; height: 135px; text-decoration: none; }
dd#solutionDef a span{ display: none; }
dd#solutionDef a:hover{ background:  transparent url(../images/im_bkg_active.jpg) 0px -180px no-repeat; }

/* Credit Updates January 2009*/

/*div.credits#slide a { color: #79F5F5;}*/
div.credits#slide hr {
	border:dotted 1px #fff; clear:both; margin-top: 10px;}
	
div.credits#slide .bodyblock {width: 890px; padding-top: 24px; }

div.credits#slide ul { line-height: 15px; margin-bottom: 15px;}
div.credits#slide ul li { margin-bottom: .55em;}

div.credits#slide .column { width: 400px; margin-right: 40px; float: left; }
div.credits#slide .column2 { width: 400px; float: left; }

/* ---------- Assessment ---------- */
dl#AssessmentMap{
	margin: 0;
	padding: 0;
	background: url(../images/bkg_assessment_00.jpg) top left no-repeat;
	height: 491px;
	width: 516px;
	position: absolute;
	top: 123px;
	left: 45px;
	z-index: 15;
}

dl#AssessmentMap dt{ margin: 0; padding: 0; position: absolute; font-size: 10px; display: none; }
dl#AssessmentMap dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 161px;
	width: 250px;
}

/* ---------- Hotspot Declarations ---------- */
dd#contentDef {
	top: 0px;
	left: 0px;
}
dd#contentDef a{
	position: absolute;
	width: 249px;
	height: 160px;
	text-decoration: none;
}
dd#contentDef a span{ display: none; }
dd#contentDef a:hover{ position: absolute; background: url(../images/bkg_assessment_r01.jpg) 0px 0px no-repeat; }

dd#conceptualDef {
	top: 160px;
	left: 0px;
}
dd#conceptualDef a{
	position: absolute;
	width: 249px;
	height: 160px;
	text-decoration: none;
}
dd#conceptualDef a span{ display: none; }
dd#conceptualDef a:hover{background: url(../images/bkg_assessment_r01.jpg) 0px -160px no-repeat; }

dd#problem_solvingDef {
	top: 340px;
	left: 0px;
}
dd#problem_solvingDef a{ 
	position: absolute; 
	width: 249px; 
	height: 160px; 
	text-decoration: none; }
dd#problem_solvingDef a span{ display: none; }
dd#problem_solvingDef a:hover{background: url(../images/bkg_assessment_r01.jpg) 0px -340px no-repeat; }


dd#totalscoreDef {top: 173px;left: 340px;}

dd#totalscoreDef p { color: #000; font-weight:normal; font-size: 13px; line-height:17px;}

dd#totalscoreDef a{
	position: absolute;
	width: 178px;
	height: 151px;
	text-decoration: none !important;
}
dd#totalscoreDef a span{ display: none; }
dd#totalscoreDef a:hover{ background: url(../images/bkg_assessment_r01.jpg)  -340px -173px no-repeat; }

dd#totalscoreDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #f60;
	top: -45px;
	left:175px;
	margin: 0;
	padding: 10px;
	width: 327px;
	line-height: 14px;
}