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

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

img, div { behavior: url(../../home/css/iepngfix.htc) }

body { behavior: url(../../home/css/csshover3.htc); font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px;}

.hidden { display: none;}

a {text-decoration: none; color: #FFf; }
h2, h3, h4, h5, h6 { margin: 0; color:#FFF;}
h1 { margin: 0; padding: 0; padding-top: 28px; color: #fff; 
	font: small-caps 31px/31px Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize;
}

h1 span {
	color: #424242;
	font-size:21px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	text-shadow: none;
}
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.66em;}
li li {margin: 0.33em 0; font-size: 12px;}
#slide { padding: 0 23px 0 23px; }
#slide p { font-size: 14px; margin: .1em 0 1.5em 0; color: #FFF;} 
#slide h2 { font-size: 16px; margin: 0; color:#FFF; font-weight:bold; }

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

#slide0 { display:block; height: 644px; }
#slide0 h2 { font-size: 48px; margin: 0 0 10px 0; text-align:center; color:#FFF; padding: 0; font-weight: normal;}
#slide0 h3 { font-size: 28px; margin: 0 0 10px 0; text-align:center; color:#FFF; padding: 0; font-weight: normal;}
#slide0 h4  { margin-top: 102px; font-size: 24px; text-align:center; color:#1f3600; font-style: italic;
}
#slide0 p { margin-top: 192px; font-size:18px; text-align:center; color:#fff;}
#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(../../home/images/general/slideBKG.jpg);}
body.titleSlide #container {background-image: url(../../home/images/general/slideBKG_title.jpg);}
body.credits #container {background-image: url(../../home/images/general/slideBKG.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(../../home/images/nav/back.gif);}

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

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

#header { height: 119px; display:block; position:relative;}

#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(../../home/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(../../home/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(../../home/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(../../home/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(../../home/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(../../home/images/nav/btn_06_resources.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;}

#sidebar-b { font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; top: 210px; left: 670px; z-index: 15; width:266px; line-height: 12px; margin: 0px; background-image: url(../../home/images/general/navBKG2.jpg);}

#sidebar-b p { 	margin: 0; line-height: 14px;}
#sidebar-b .padding { margin: 0px; padding: 0 0 0 0;}
#sidebar-b .padding h2 { margin: 0px; padding: 0px; }
#sidebar-b .padding ul { margin: 17px 0px 0px 16px; padding: 0px 0px 0px 0px; list-style:none; line-height: 55px; }
#sidebar-b .padding li { margin: 0 0 0 0; padding: 0; width: 232px; height: 55px; }
#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 /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_01_intro.jpg); width: 232px; }
#sidebar-b li.btn2 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_02_overview.jpg); }
#sidebar-b li.btn3 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_03_problem.jpg); }
#sidebar-b li.btn4 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_04_discussion.jpg); }
#sidebar-b li.btn5 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_05_solution.jpg); }
#sidebar-b li.btn6 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_06_resources.jpg); }
#sidebar-b li.btn6a a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/images/nav/btn_06a_credits.jpg); }
#sidebar-b li.btn7 a { display: block; height: 0px !important;height /**/:55px; /* IE 5/Win hack */ padding: 55px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom:none; background-image:url(../../home/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, #sidebar-b li.btn7 a:hover, #sidebar-b li.btn6a a:hover{ background-position: 0 -55px;}

.instructions {
position:absolute;
	z-index:20;
	top: 129px;
	left: 699px;
	width: 215px;
	font-size:10px;
	line-height: 14px;}
	
.instructions p {
	font-size: 12px !important;
}

.video { padding-top: 0px; margin-top: -10px;
		background-color:#FFFFFF;}dl#solutionMap{
	margin: 0;
	padding: 0;
	background: transparent url(../../home/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(../../home/images/nav/help_static.gif);}
.help a:hover { background-image: url(../../home/images/nav/help_active.gif);}

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

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

.helpHome a:hover { background-image: url(../../home/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(../../home/images/general/whiteboard_problemAnalysis.gif) no-repeat;
	height: 516px;
	width: 808px;
	position: relative;
}

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

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

dl#whiteboardTestSolution{
	margin: 0;
	padding: 0;
	background: transparent  url(../../home/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(../../home/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(../../home/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(../../home/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(../../home/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(../../home/images/im_bkg_active.png) 0px -180px no-repeat; }

/* Credit Updates January 2010*/

/*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; margin-top: 33px; float: left; }

/* ---------- Assessment ---------- */
dl#AssessmentMap{
	margin: 0;
	padding: 0;
	background: url(../../home/images/bkg_assessment_r00.png) 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(../../home/images/bkg_assessment_r01.png) 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(../../home/images/bkg_assessment_r01.png) 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(../../home/images/bkg_assessment_r01.png) 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(../../home/images/bkg_assessment_r01.png) -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;
}

/* Begin Front Page Buttons */

/*.btn {
	float: left;
	clear: both;
	padding: 0 0 0 10px;
	margin: 5px 0;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
    text-align: center;
    border: 1px solid #496d16;	background-color:#9cc366;
	background: url(../images/btn_left.png) no-repeat #9cc366;
}*/

dt.btn a{
	font-size: 14px;
	float: left;
	height: 40px;
	margin-top: 8px;
	line-height: 40px;
	padding: 0 0 0 0px;
	text-align: center;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	width: 276px;
	background: url(../../home/images/buttonBkg.png) no-repeat 0 0;
	overflow: hidden; 
}

dt.btn a:hover { color: #424242 !important;
	background-position:0px -42px;
}

/* .btn span {
	float: left;
	width: 10px;
	height: 40px;
	background: url(../images/btn_right.png) no-repeat;
}

 */

dl,dt,dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl {
	clear: both;
	line-height: 14px !important;
	vertical-align: middle;
}

dd {
	color: #fff !important;
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	font-size: 11px !important;
	width: 425px;
	vertical-align: middle;
}

hr {
	color: #fff;
	background-color: #9cc366;
	border: 1px dotted #fff;
	border-style: none none dotted;
	margin-bottom: 15px;
}
 
.box1 {
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(../../home/css/border-radius.htc);
	width: 400px;
	background-color:#006633;
}