/* CSS Document */

/*Build base layer and body background*/
#sdBase {position:relative; z-index:0; width:954px; background:url(../images/bg_body.jpg) repeat-y;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#sdBase a {color:#006699; text-decoration:underline;}
#sdBase a:hover {color:#0576af; text-decoration:none;}
img {border:none;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/*Persisent Header/Nav/Search/Login Style*/
#sdHead {position:relative; width:954px; height:165px; background:url(../images/bg-top-wide.jpg) no-repeat; z-index:2;}

#find-a-school {
    padding: 1px 0;
    position: relative;
    right: 0;
    text-align: right;
}

.home #sdHead { height: 155px; }

#sdHead2 {position:relative; width:954px; height:175px; z-index:3;}
#sdHead_BG {position:absolute; width:954px; height:158px; top:0; left:0; background:url(../images/bg-top-wide.jpg) no-repeat 0 0 #fff; z-index:1;}

#headError {position:absolute; top:2px; left:-173px; color:#ff0000; padding-right:11px; background:url(../images/aro_error.jpg) right 2px no-repeat;}

.purps {color:#663366;}

/*NAV*/
/*Navigation styles*/
#navWrap {position:absolute; top:57px; left:284px; z-index:10;}
	/*begin sub navigation menu styles*/
	#sdNav, #sdNav ul {padding: 0; margin: 0; list-style: none;line-height: 1;}
	
	#sdNav {margin:0; display: block;}
	
	/* float all items in menu left */
	#sdNav li {float: left;position:relative;text-align:center;}
		
	#sdNav li.sdtopHover a{ color:#7299b1;margin-bottom:1px;}
	
	#sdNav li.sdtopHover {cursor:pointer;border-bottom:4px #c7c7c7 solid;}
	
	 /*tier 2 menu items*/ 
	#sdNav li ul {position: absolute;border-left:1px #939393 solid;border-right:1px #939393 solid;border-bottom:1px #939393 solid;left: -999em; margin-top: -1px; /*using left instead of display to hide menus because display: none isn't read by screen readers*/ }
		
	#sdNav li ul li {width:100%;text-align:left;border-bottom:1px #d4d4d4 solid;cursor:pointer; background:#eff2f3; height:24px;}
	
	/*Hover effect*/
	#sdNav li ul li:hover {font-weight:bold;color:#669900; background:#fff url(../images/aro_topNav.jpg) 0 2px no-repeat; height:24px;}
	/*Hover effect for IE*/
	#sdNav li ul li.subHover {font-weight:bold;color:#669900; background:#fff;}
	
	/*ie6 gets these*/
	#sdNav li ul li a {width:291px;font-size:12px; font-weight:bold;color:#5c5c5c; text-decoration:none; position:relative; padding:6px 0 6px 46px;}
	#sdNav li ul li a:hover { width:291px;font-weight:bold;color:#669900; position:relative;background:#fff url(../images/aro_topNav.jpg) 0 2px no-repeat; padding:6px 0 6px 46px;}
		
	#sdNav li:hover ul, #sdNav li.subAction ul {/*lists nested under hovered list items*/ position:absolute;left: 0px;top:49px;}
	
	
	
	#n1 {width:229px; height:48px; margin-top: 3px; }
		#n1 a {display:block; width:230px; height:46px; background:url(../images/bg-nav-11.jpg) no-repeat -5px 0;}
		#n1 a:hover {background-position:-5px -92px;}
		#n1 ul li.sdSubs {width:227px; height:24px;}
		#n1 ul li.subHover {width:200px; height:24px;}
		#n1 ul li.sdSubs a.subLink {background:none; height:12px; position:relative;}
		#n1 ul li.subHover a.subLink { background:#fff;}
	
	#n2 {width:235px; height:48px; margin-top: 3px;}
		#n2 a {display:block; width:235px; height:46px; background:url(../images/bg-nav-11.jpg) -235px 0 no-repeat;}
		#n2 a:hover {background-position:-235px -92px;}	
		#n2 ul li.sdSubs {width:233px; height:24px;}
		#n2 ul li.subHover {width:235px; height:24px;}
		#n2 ul li.sdSubs a.subLink {background:none; height:12px; position:relative;}
		#n2 ul li.subHover a.subLink { background:#fff;}

	#n3 {width:158px; height:48px; margin-top: 3px;}	
		#n3 a {display:block; width:158px; height:46px; background:url(../images/bg-nav-11.jpg) -472px 0 no-repeat;}
		#n3 a:hover {background-position:-472px -92px;}
		#n3 ul li.sdSubs {width:174px; height:24px;}
		#n3 ul li.subHover {width:158px; height:24px;}
		#n3 ul li.sdSubs a.subLink {background:none; height:12px;}
		#n3 ul li.subHover a.subLink { background:#fff; height:12px;}

	

/*lightbox styles*/	
#dimStage {position:relative;} 
#dimClose {position:absolute; top:4px; right:8px; font-size:11px; color:#fff; z-index:5;}
.loading {font-size:14px; font-weight:bold; color:#666;}




/*Login box styles*/
#loginBase {width:386px; height:227px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;}
#loginStage {position:relative;background:#ccff99; height:194px; margin:22px 11px 11px 11px; font-size:14px; color:#333;}
#loginLogging {position:relative;background:#fff; height:194px; margin:22px 11px 11px 11px;}
#loginStage a {color:#006699;}
#loginStage a:hover {text-decoration:none;}
#login1 {font-weight:bold; position:absolute; top:30px; left:32px;}
	#login1 a {font-size:14px; font-weight:bold;}
	#login_fields {position:absolute; top:58px; left:32px;}
	#login_fields label {font-size:14px; padding:0; margin:2px 0 0 0; width:77px; float:left;}
	#login_fields input {font-size:12px; color:#323232; padding:0; margin:0; float:left;}
	#passwordBlock {margin:12px 0 0 0;}
	#loginForgot {font-size:12px; margin:22px 0 0 0;}
	a.loginGo2 {display:block; width:40px; height:40px; position:absolute; top:79px; left:255px; background:url(../images/btn_loginGo2.jpg) no-repeat;}
	a.loginGo2:hover {background-position:0 -40px;}
	#loginErr {position:absolute; top:8px; left:32px; font-size:11px; color:#ff0000;}
	
	
	
/*Style search box*/
#searchBlock {position:absolute; top:-34px; right:0px; width:370px; overflow:hidden; z-index:1;}
#searchBlock div.inputWrap {float:left; border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff url(../images/home/bg_input.jpg) repeat-x; width:126px; margin:0; padding:0;}
#searchBlock .inputWrap input {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7f7f7f; width:126px;height:15px; margin:2px 0 0 0px; background:none; border:none; }
	

a.searchGo {float:left;display:block; height:21px; width:38px; background:url(../images/searchGo.jpg) 0px 0px;}
a.searchGo:hover {background-position:0px 21px;}



/*Persistent Login Block*/
#head_L2 {position:absolute; top:12px; left:489px; width:435px;}
#head_L2 label {floaat:left; font-size:13px; margin:0 4px 0 0; padding:0; font-weight:normal; position:relative;} 
#head_L2 input {floaat:left; font-size:11px; margin:0 14px 0 0; height:14px; width:115px; padding:0; color:#323232;} 
a.loginGo {display:block; width:40px; height:40px; position:absolute; top:0px; right:-3px; background:url(../images/btn_loginGo.jpg) no-repeat;}
a.loginGo:hover {background-position:0 -40px;}
#login_L2 {position:absolute; top:25px; right:40px; font-size:11px;}



/*Persistent footer styles*/
#sdFoot {position:relative; width:954px; height:77px; background:url(../images/bg_bot.jpg) no-repeat;}
.home #sdFoot {position:relative; width:954px; height:77px; background:url(../images/bg_bot.jpg) no-repeat;}
#sdFoot2 {position:relative; width:954px; height:77px; background:url(../images/bg_bot.jpg) no-repeat;}
#aboutLinks {position:absolute; bottom:16px; left:14px;}
a.aboutDE {display:block; float:left; width:145px; height:13px; background:url(../images/btn_aboutDE.jpg) no-repeat;}
a.aboutDE:hover {background-position:0 -13px;}
a.aboutSiemens {display:block; float:left; margin-left:8px; width:63px; height:13px; background:url(../images/btn_aboutSiemens.jpg) no-repeat;}
a.aboutSiemens:hover {background-position:0 -13px;}
a.aboutChange {display:block; float:left; position:relative; top:0; margin-left:8px; width:276px; height:13px; background:url(../images/btn_aboutChange.jpg) no-repeat;}
a.aboutChange:hover {background-position:0 -13px;}
a.btn_newsEvents {display:block; float:left; position:relative; top:0; margin-left:8px; width:53px; height:13px; background:url(../images/btn_newsandevents.jpg) no-repeat;}
a.btn_newsEvents:hover {background-position:0 -13px;}

a.logo_de {bottom: 0;
    height: 34px;
    position: absolute;
    right: 14px;
    width: 106px; background:url(../images/dsc-edu-logo.png) no-repeat;}
a.logo_siemens {bottom: 6px;
    height: 37px;
    position: absolute;
    right: 126px;
    width: 235px; background:url(../images/siemens-foundation-white.jpg) no-repeat;}
/*a.logo_de:hover {background-position:0 -40px;}*/


/*Home Page Styles*/
#sdStage {/*height:100%;*/ overflow:hidden; padding:0 42px; z-index:5; }
.home #sdStage { padding:0 33px; }
	/*Home Left Column*/
#homeLeft {float: left; width: 496px;}
.home #homeLeft {float: left; width: 520px; }
#homeLeft .home-title, .news h1 {margin:10px 0 3px; padding:0; font-size:24px; font-weight:bold; color:#69880b;}
#homeLeft .home-intro { color: #666; }
#homeLeft h1 { color: #7CA00E; }

.home #homeBox { background: url(../images/ssd-sprite.png) no-repeat 0 -169px; width:500px; height: 418px; padding: 13px 0 0 18px; }
#homeBox p.tab-desc { padding: 0 0 8px; width: 480px; }
#homeBox .homeBox-top { background: url(../images/ssd-sprite.png) no-repeat 0 -169px; width:518px; height: 15px; }
#homeBox .homeBox-btm { background: url(../images/ssd-sprite.png) no-repeat 0 -518px; width:518px; height: 15px; }
#homeBox #homeFlip { width:518px; }

#homeBox_L1 {margin:0 0 0 24px; width:440px;}
#homeBox_3img {margin:12px 0 21px 0;}

#homeList1 {float:left; padding:0 0 0 16px;}
#homeList2 {float:left; padding:0 0 0 6px;}
#homeList3 {float:left; padding:0 0 47px 8px;}

h5 {font-size:14px; font-weight:bold; color:#663366; margin:0 0 0 0; padding:0 0 0 16px;}
ul.homeList {list-style-type:none; /*width:146px;*/ margin:0; padding:0;}
ul.homeList li {background: url(../images/aro_boxHome.jpg) 0 2px no-repeat; padding:0 0 0 18px; margin:15px 0 0 0;}
ul.homeList li a {font-size:11px;}


/*Home Right Column*/
#homeRight {float:left; margin:0 0 0 25px;}	
.home #homeRight {
	float:left;
	margin: 0 0 0 22px;
    width: 344px;
}	

#greenactivities {position:relative; margin:0 0 12px 0; background: url(../images/Green_Banner.jpg) no-repeat; width:339px; height:155px; display:block; text-indent:-9999px;}
#home_Callout div {position:absolute; top:14px; left:14px; width:160px; line-height:17px;}



/*Activity Page Styles*/
#actBase { width:895px; position:relative; margin:-14px 0 0 29px; z-index:2;}
#act_bgTop { position:absolute; top:-14px; left:0px; display:block; height:28px; width:895px; z-index:1;}
#act_bgBot { position:relative; bottom:-20px; display:block; height:45px; width:895px; z-index:4;}



/*Right Column of Activities pages*/
#act_right {position:relative; width:670px; float:left; display:inline;/*ie double margins*/ margin:9px 0 0 26px; z-index:2; } 
#act_right h2 {font-size:18px; font-weight:bold; color:#7ca00e; margin:0 0 0px 0; padding:0;} 
#act_right h1 {font-size:24px; font-weight:bold; color:#996699; margin:0; padding:0; text-transform:uppercase;} 

#actContent {width:300px; font-size:12px; float:left;}
#actContent h5 {font-size:14px; font-weight:bold; margin:20px 0 4px 0; padding:0;} 
#actContent ul {margin-top:0; padding-top:11px;}
#actContent li {padding-bottom:4px;}
#act_tier1 {position:relative;width:300px; height:68px; margin:10px 0 0px 0;}
a.btn_dL {display:block; position:absolute; bottom:2px; left:134px; width:166px; height:32px; background:url(../images/btn_dL.jpg) no-repeat;}
a.btn_dL:hover {background-position:0 -32px;}

/*Right side, player column*/
#actContentRight {width:342px; float:left; display:inline; margin:0 0 0 22px;}
#feedbackBox {position:relative; width:339px; height:61px; background:url(../images/act_rightBox.jpg) no-repeat;}
a.btn_feedback {display:block; position:absolute; top:12px; left:12px; width:127px; height:38px; background:url(../images/btn_feedback.jpg) no-repeat;}
a.btn_feedback:hover {background-position:0 -38px;}
a.btn_cert {display:block; position:absolute; top:9px; left:154px; width:176px; height:48px; background:url(../images/btn_cert.jpg) no-repeat;}
a.btn_cert:hover {background-position:0 -48px;}

#actPlayer { margin:14px 0 0 0;}


/*Activity Nav*/
	/*alt ie style provided*/
#actNav {position:relative; left:-4px; top:15px; width:183px; background:url(../images/actNav_bg.jpg) repeat-y; float:left; display:inline;/*ie double margins*/ z-index:5;}
#actNav_top {position:absolute; top:-18px; height:30px; width:183px; background:url(../images/actNav_top.jpg) no-repeat; z-index:1;}
#actNav_bot {position:relative; bottom:0px; height:30px; width:183px; padding-bottom:6px; background:#efefef url(../images/actNav_bot.jpg) no-repeat;}

/*Left Hand Navigation Styles*/
#slider {width:169px; position:relative; z-index:8; top:-5px; left:7px;}
.header {width:169px; padding:10px 0 10px 0; border-bottom:1px solid #ccc;border-top:1px solid #d4d3d3;cursor:pointer;background:#eee;color:#669900; font-size:14px; font-weight:bold;text-transform:uppercase;}
.header:hover {background:#eee;}
.content {overflow:hidden; background:#fff;}
#one-header {padding:4px 0 10px 0;border-top:none; z-index:8;}
#slider ul, li {padding:0; margin:0; list-style-type:none;}
#slider ul {width:164px; margin:0 0 14px 0;}
#slider li {padding:0 0 0 11px; margin:16px 0 6px 8px; background:url(../images/aro_leftNav.jpg) 0 3px no-repeat;} 
#slider li a { text-transform:uppercase;}
#slider li a.selected {color:#996699; cursor:default; text-decoration:none; font-weight:bold;}
#slider li a.selected:hover {color:#996699;}

/*Sweepstakes Pages*/
#sweepBase {position:relative;}
#sweepBase h2 {font-size:24px; font-weight:normal; color:#7ca00e; margin:0; padding:0;}
#sweepL1 {margin:13px 0 0 17px;}
#sweepL1 h3 {font-size:18px; font-weight:bold; color:#996699; margin:0; padding:0;}
#sweepL2 {border-top:1px #ccc solid; margin:4px 0 0 0; width:804px; position:relative;}
#sweepBox1 {background:url(../images/enterBox_bg.jpg); width:495px; position:relative; float:left; margin:15px 0 0 0; display:inline;/*ie double margin fix*/}
#sweepBox1 h3 {font-size:18px; font-weight:bold; color:#669900; margin:16px 0 6px 24px;}
#sweepBox1 p {margin:0 0 0 24px; padding:0; width:462px;}
li.enter { list-style-type:disc; padding:0 0 10px 0;}

#sweepBox2 {background:url(../images/sweep_box2_long.jpg); width:292px; height:454px; position:relative; float:left; margin:15px 0 0 16px; display:inline;/*ie double margin fix*/}
#sweepBox2 h3 {font-size:18px; font-weight:bold; color:#000; margin:21px 0 6px 17px;}
#sweepBox2 p {margin:0 0 0 17px; padding:0; width:262px;}
a.btn_enter {display:block; margin:26px 0 0 135px; width:228px; height:34px; background:url(../images/btn_enterNow.jpg) no-repeat;}
a.btn_enter:hover {background-position:0 -34px;}
a.btn_rules {display:block; position:absolute; top:42px; left:648px; width:173px; height:24px; background:url(../images/btn_rules.jpg) no-repeat;}
a.btn_rules:hover {background-position:0 -24px;}


/*Lightbox Styles*/
/*#shade {position: absolute; top:0px; left:0px; z-index:999; background-color: #000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} */
/*Register Form*/
#sdRegister {float:left; width:800px;}
#sdRegister h1 {margin:0 0 17px 0; padding:0; font-size:24px; font-weight:bold; color:#7ca00e;}
#sdRegister h2 {font-size:24px; font-weight:bold; color:#996699; margin:0; padding:0;} 
#sdRegisterForm {margin:25px 0 0 220px;}
#sdRegisterForm3 {margin:25px 0 0 200px;}


#tier1 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;}
#tier3 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;}

#tier1 label {width:144px; display:block; float:left;}
#tier1 input {display:block; float:left;}

#tier3 label {width:200px; display:block; float:left;}
#tier3 input {display:block; float:left;}

#strAreaPhone {margin-right:3px;}
#strPrePhone {margin-right:3px;}
#sdRegisterForm select {display:block; float:left;}

#tblErrMessageTable{border:1px solid red;color:#FF0000;padding:5px;}


/*Feedback box styles*/
#feedBase {width:386px; height:420px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;}
#feedStage {position:relative;background:#ccff99; height:382px; margin:22px 11px 11px 11px; font-size:12px; color:#333;}
#feedWrap {padding:20px 24px 0 24px;font-size:12px;}
#feedWrap h1 {padding:0; margin:0 0 8px 0; color:#7ca00e; font-size:16px; text-transform:uppercase;}
#feedWrap span.err {font-size:11px; color:#763366;display:block;}
#feedWrap p {padding:0; margin:0 0 10px 0;}

/*RULES page*/
#rulesBase {position:relative; width:840px;}
#rules1 {font-size:16px; font-weight:bold;}
#rulesBase li { list-style-type:decimal;}


/*MDR Registration Pop-up*/
#mdrBase {width:893px; height:718px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;}
#mdrStage {position:relative;height:681px; margin:22px 11px 11px 11px; background:#fff; font-size:12px; color:#333;}
#mdrStage h1 {font-size:24px; font-weight:bold; color:#669900; margin:0 0 15px 0; padding:0;}
#mdrStage h2 {font-size:18px; font-weight:bold; color:#996699; margin:0 0 6px 0; width:800px; border-bottom:1px #ccc solid; padding:0;}

#mdrWrap {padding:33px 0 0 31px;}
#mdrWrap2 {padding:16px 0 0 18px;}
#mdrWrap2 label {width:88px; float:left; text-align:right; padding:3px 5px 0 0; display:inline;}
#mdrWrap2 select {float:left; padding:0 0 0 4px; font-size:11px;}
#mdrWrap2 select {float:left; padding:0 0 0 4px;}
tr.resHead {background:#666; font-weight:bold; color:#fff; font-size:12px; height:20px; vertical-align:middle;}
tr.resHead td {border-left:1px #d8d8d7 solid;}
#tableWrap td {border-left:1px #d8d8d7 solid;}

#mdrWrap3 { margin:14px 0 0 38px;}
#mdrWrap3 label {width:128px; float:left; text-align:right; padding:3px 5px 0 0; display:inline;}


	.invalid {
		background:url(../images/not_ok.gif) no-repeat;
		padding-left:22px;
		font-size:16px;
		color:#000;
		height:30px;
		width:150px;
		float:left;
		/*position:absolute;
		top:0px;
		right:-224px;*/
		z-index:10;
	}
	
	
		#tier1 span.invalid {
		background:url(../images/not_ok.gif) no-repeat;
		padding-left:22px;
		font-size:16px;
		color:#000;
		height:30px;
		width:150px;
		float:left;
		vertical-align:bottom;	
		/*position:absolute;
		top:0px;
		right:-40px;*/
		z-index:10;
	}
	

	
	.valid {
		display:inline-block;
		background:url(../images/ok.gif) no-repeat;
		padding-left:22px;
		height:23px;
		width:20px;
		vertical-align:bottom;
		position:absolute;
		top:1px;
		right:4px;	
	}

/*new difficulty box*/
#difficulty {background:url(/images/bg_difficulty.jpg) no-repeat; height:99px; width:339px; position:relative; z-index:6; top:-92px; font-size:11px;}
#difficulty p {display:block; margin:0; padding:10px 8px 8px 8px; line-height:14px;}
#difficulty b.bl {color:#3d92ab; font-size:14px; font-weight:bold;}
#difficulty b.pu {color:#996699; font-size:14px; font-weight:bold;}
#difficulty span { display:block; margin-bottom:4px;}

a.send2friend {display:block; position:absolute; top:18px; left:304px; z-index:3; height:27px; width:152px; background:url(/images/btn_send_to_friend.jpg) -304px 0px no-repeat;}
a.send2friend:hover {background-position:-152px 0;}
a.send2friend:active {background-position:0 0;}

/*020509 UPDATES:::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*020509 :: Widget Styles */
#widgetBase {width:418px; height:268px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;}
#widgetStage {position:relative;background:#ccff99; height:230px; margin:22px 11px 11px 11px; font-size:12px; color:#333;}

#widget {position:relative; height:101px; width:342px; background:url(../images/bg_widget.jpg) no-repeat;font-size:12px; font-weight:bold; padding-top:4px; margin-top:30px;}
#widget span.line_top {position:absolute; top:0px; left:8px; color:#663366;}
#widget span.line_btm {position:absolute; top:48px; left:10px; color:#4a4949;}
.widgetWrap span.sub {font-size:10px; display:block; padding:0 0 0 18px;}
.widgetWrap a {color:#663366;}
a.large {font-size:14px; font-weight:bold; color:#663366; position:relative; top:-3px;}
a.large:hover {text-decoration:none;}
a.widget_y {display:block; width:188px; height:21px; background:url(../images/btn_Y_widget.jpg) no-repeat;}
a.widget_y:hover {background-position:0 -21px;}
div.install {font-size:11px; padding-top:14px;}


/*used globally*/
.clear {clear:both;}
p.gap {display:block; height:18px;}
object {outline:none;}

/* HOMEPAGE TABS */

#homeBox-tabs{
	width:485px;
	float:left;
}

#hometabs {
	padding:0;
	margin:0;
	list-style: none;
	position:relative;
	float:left;
	}
	
#hometabs li {
	float: left;
	display:inline;
	}	
	
#hometabs li a{
	display:block;
}
	
#earth_flip, #life_flip, #physical_flip	{
	width:480px;
	clear:both;
	background-color: #fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

#hometabs li, #hometabs li a {
	background: url(../images/ssd-sprite.png) no-repeat -550px -714px;
	height: 28px;
	width: 161px;
	color: #69880b;
}
#hometabs li a {
    font-weight: bold;
    height: 20px;
    padding: 8px 0 0 15px;
    width: 146px;
	text-decoration: none;
}

#homeBox-tabs .tab-border {
	background: url(../images/ssd-sprite.png) no-repeat -550px -301px;
	height: 18px;
	width: 482px;
    clear: both;
    float: left;
}
	
#hometabs li.current a, #hometabs li.current a:hover, #hometabs li a:hover {
	background-position: -551px -337px;
	color: #fff;
}

#hometabs li a {
	background-position: -714px -337px;
}

#hometabs li#tab-earth a:hover {

}
	
#hometabs li#tab-life a:hover{
	
}
	
#hometabs li#tab-physical a:hover{
	
}

.activities .activitiesContent { 
	overflow: scroll;
	height: 618px;
}

.activities #homeBox h6 { 
	display: inline-block;
	width: inherit;
	font-size: 14px;
}

.activities #homeBox-tabs .tab-border {
	height: 34px;
}

.activity div.theme-box-co {
	top: -92px;
}

#homeBox #inner-tabs { 
    margin-top: 7px;
    overflow: hidden;
    padding-left: 10px;
}

#homeBox #inner-tabs li {
    color: #fff;
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

#homeBox #inner-tabs li a {
	background: url(/images/ssd-sprite.png) no-repeat -351px 12px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    padding: 1px 0 0;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

#homeBox #inner-tabs li a.active {
	background: url(/images/ssd-sprite.png) no-repeat -351px -7px;
	color: #69880B;
}
	
.activities .activitiesContent.activities-nested {
	display: none;
	clear: left;
}

.activities .activitiesContent.activities-nested.active {
	display: block;
}


/*have to work around some legacy issues here
.activities #homeBox {background: none;}

.activities #homeBox-tabs{
	width:486px;
	float:none;
}

.activities #earth_flip, .activities #life_flip, .activities #physical_flip	{
	width:auto;
	border:none;
	background-color:none;
}

.activities #earth_flip div.img, #life_flip div.img, .activities #physical_flip div.img	{
	border:solid 2px #cccccc;
	border-top:1px;
	background-color:none;
}

.activities #hometabs li#tab-earth a, .activities #hometabs li#tab-life a, .activities #hometabs li#tab-physical a {background-image:none; display:block; width:162px;height:38px;background:url(/images/btn_activityTabSprite.gif) no-repeat;}	
.activities #hometabs li#tab-earth.current a, .activities #hometabs li#tab-earth a:hover {background-position:0 -38px;}
.activities #hometabs li#tab-life a {background-position:-162px 0;}
.activities #hometabs li#tab-life.current a, .activities #hometabs li#tab-life a:hover {background-position:-162px -38px;}
.activities #hometabs li#tab-physical a {background-position:-324px 0;}
.activities #hometabs li#tab-physical.current a, .activities #hometabs li#tab-physical a:hover {background-position:-324px -38px;}
*/
	
.leftcol{
	width:310px;
	float:left;
	margin:8px 0 0;
	padding:4px 10px 4px 12px;
	border-right:1px dotted #8d8d8d;
}	
.rightcol{
	float:left;
	padding:10px 0 10px 10px;
}

#homeBox a.vidThumb {background:url(/images/home_thumbs.jpg) no-repeat; height:81px; width:124px; display:block;}
#earth_flip a.vidThumb {background-position:0 0;}
#earth_flip a.vidThumb:hover {background-position:0 -81px;}
#life_flip a.vidThumb {background-position:-124px 0;}
#life_flip a.vidThumb:hover {background-position:-124px -81px;}
#physical_flip a.vidThumb {background-position:-248px 0;}
#physical_flip a.vidThumb:hover {background-position:-248px -81px;}

#coolAssembly {background:url(/images/cool-school-2011-winners.jpg) no-repeat; width:342px; height:164px; position:relative;}
#coolAssembly a.coolAssLearnMore {
    height: 42px;
    left: 200px;
    position: absolute;
    text-indent: -5000px;
    top: 112px;
    width: 139px;
}
#coolAssembly a.coolAssLearnMore:hover {background-position:0 -28px;} 

.calloutLink { text-align:right; display:block; margin-top:4px; font-weight:bold;}

#featured { padding:12px 0 0 0;}
#featured h2 {background:url(/images/bg_featured.png) no-repeat; height:33px; width:338px; text-indent:-5000px; position:relative; z-index:2; padding:0; margin:0;}

#featuredBody {background:url(/images/bg_featuredBody.jpg) repeat-y; width:339px; margin-top:-11px; position:relative; z-index:1;}
#featuredBtm { background:url(/images/bg_featuredBtm.jpg) no-repeat; white-space:339px; height:27px; padding:7px 0 0;}


ul.slides, ul.slides li {padding:0; margin:0;}
/*exception*/#featuredBody ul.slides {padding:0 0 0 2px;}

.slideCounter, .slideCounter { height:16px; padding:0; margin:0; text-align:center;}
.slideCounter a, #sdBase .slideCounter a { padding:2px 3px; margin:0 4px; background:#b6eb18; color:#6b416e; border:1px solid #6b416e; font-size:11px; text-decoration:none;}
.slideCounter a:hover, /*exception*/#sdBase .slideCounter a:hover {background:#bfff00; }

.slideCounter a.current, #sdBase .slideCounter a.current, .slideCounter a.current:hover, /*exception*/#sdBase .slideCounter a.current:hover {background:#6b416e; color:#b6eb18;}


#newActivitesWrap {background:url(/images/bg_newActivities.gif); width:489px; margin-top:18px;}
#newActivitesWrap h2 {background:url(/images/bg_newActivitiesHead.gif) no-repeat; height:33px; width:489px; text-indent:-5000px; margin:0; padding:0;}
#newActivitesWrap .activitiesBtm {background:url(/images/bg_newActivitiesBtm.gif) no-repeat; height:29px; width:489px;}

.activitiesContent ul {margin:0; padding:0; background:#fff; }
.home .activitiesContent ul {margin: 0 6px 16px 0; height: 300px; overflow: auto; }
.home .activitiesContent a.more-activities { margin-top: 12px; font-weight: bold; padding: 0 0 0 222px; }
.activitiesContent ul li  {margin:0; padding:10px; overflow: hidden;}
.home .activitiesContent ul li { padding: 10px 10px 0 5px; }
.activitiesContent ul li h6, #homeBox h6 {margin:0; padding:2px 0; float:left; width:327px;}
.activitiesContent ul li h6 { display: inline-block; float: left; }
.monthly-theme .activitiesContent { width: 486px; }
.home .activitiesContent ul li h6 { width: 200px; }
#homeBox h6 {width:322px;}
.activitiesContent ul li span.lstDiffRating {float:right; font-size:11px; font-style:italic; padding-top:2px; color: #999; }

.activitiesContent.activities-nested ul li span.lstDiffRating {
	text-align: center;
    width: 60px;
}

.activitiesContent ul li span.lstDiffRating strong { font-size: 16px; }
#homeBox h6 a {font-size:14px; color:#006699; font-weight:bold; }
.activitiesContent ul li h6 a { font-size: 14px; }
.activitiesContent ul li p.shortSummary {margin:0; padding:0; width: 257px; float: left; }
.monthly-theme .activitiesContent ul li p.shortSummary { width: 365px; }
.monthly-theme #difficulty {
	margin-top: 28px;
	top: 0;
}
.activitiesContent.activities-nested ul li div { width: 25px; height: 72px; float: left; }
.activitiesContent.activities-nested ul li p.shortSummary { width: 375px; float: left; width: 320px;}

.viewLink {padding:2px; text-align:right; display:block;}


.activitiesPaging {text-align:right; padding:6px 10px;}
#sdBase .activitiesPaging a {padding:0 6px; color:#6b416e; text-decoration:none; font-size:12px;}
#sdBase .activitiesPaging a:hover {color:#b03bb8;}
#sdBase .activitiesPaging a.current, .activitiesPaging a.current:hover { font-weight:bold; color:#522f54;}
#sdBase .activitiesPaging a.pageNext {float:right;}
#sdBase .activitiesPaging a.inactive {color:#a085a2; cursor:default;}

.activities .activitiesPaging { background:#ccc;}

div.newActivity {
	background: url(/images/ssd-sprite.png) no-repeat scroll -1144px -64px transparent;
	display: block;
    float: left;
    height: 72px;
    width: 25px;
}

div.newActivity.legend {
    background-position: -1144px -61px;
    float: right;
    height: 27px;
    margin: 11px 0 0;
    width: 74px;
}

.prettyGalleryContainer { width:470px; margin:15px 0 0 50px; background:#eee; border:1px solid #e8e8e8;}
.prettyGalleryContainer ul {border:1px solid #c3c3c3; margin:10px; }
.prettyGalleryContainer2 { width:470px; margin:15px 0 0 50px; background:#eee; border:1px solid #e8e8e8;}
ul.prettyGallery2 {border:1px solid #c3c3c3; margin:10px; }
#sdBase ul.pg_paging { margin-left:326px; height:12px; border: 0 none; } 
#sdBase ul.pg_paging li {float:left;}
#sdBase .pg_paging li a {color:#6b416e; text-decoration:none;padding:0 6px;}
#sdBase .pg_paging ul li a:hover {color:#b03bb8;}

/*News and events*/
#NandE { padding:20px 0 60px 0;}
#NandE h3 {font-size:18px; font-weight:bold; color:#669900; margin:0; padding:0;}

#sweepBase h2.news-left { float:left; color:#6b416e; font-size:18px; font-weight:bold; padding:0 0 0 8px;}
.news-right { float:right; width:575px; margin:0 40px 0 0;}


/* MONTHLY THEME */
#themeLeft {
    float: left;
	width: 512px;
}

#themeRight {
	display: inline;
    float: left;
    margin-left: 12px;
	width: 342px;
}

.monthly-theme #sdStage h1, .resources #sdStage h2 {
    color: #996699;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
}

.activities #homeLeft h1, .support-center #sdStage h1, .resources #sdStage h1 {
    color: #7CA00E;
	margin: 5px 0;
}

.monthly-theme #sdStage h2, .resources #sdStage h2 {
	border-bottom: 1px solid #ececec;
    color: #7CA00E;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.resources #sdStage h2 {
	text-transform: none;
	margin-bottom: 10px;
}

.monthly-theme #promo {
	height: 320px;
}

.resources #sdStage h2 {
	color: #996699;
}

#theme-promo {
	position: relative;
    padding: 0 28px 20px 0;
}

#theme-promo p.promo-title {
    font-size: 18px;
    margin: 0;
    position: absolute;
    top: 25px;
    width: 220px;
    z-index: 10;
}

p.promo-desc {
	font-size: 16px;
	width: 480px;
}

.theme-box-co form {
	margin: 10px 0 0 20px;
}

.theme-box-co select {
	position: relative;
	z-index: 10;
}

.monthly-theme option, .monthly-theme select, #refresh-resources option, select#refresh-resources {
	color: #696969;
	font-size: 14px;
}

.monthly-theme option, #refresh-resources option {
	padding-left: 16px;
}

.activity-header-long, .website-list-header.long, .gradeIcon, .new-activity-header, .activity-header-short.archive {
	background: url(/images/ssd-sprite.png) no-repeat 0 0;
}

.website-list-header.long {
	width: 493px;
	height: 48px;
	background-position: -542px -42px;
	text-indent: -9999px;
}

.activity-header-long { 
	width: 493px; 
	height: 48px;
	background-position: -550px -148px;
	text-indent: -9999px;
}

.new-activity-header { 
	width: 341px; 
	height: 30px; 
	background-position: -547px 0;
	text-indent: -9999px;
}

.activity-header-long.monthly {
	background-position: -547px -152px;
	height: 48px; 
	text-indent: -9999px;
}

.gradeIcon {
    display: block;
    float: left;
    height: 26px;
    margin-left: -4px;
    width: 41px;
}

.gradeIcon.gradesk3 {
	background-position: -1163px 1px;
}

.gradeIcon.grades46 {
	background-position: -1163px -37px;
}

.topic .gradeIcon {
    color: #6A4271;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    margin: 10px 3px 9px;
    padding-left: 45px;
	width: 300px;
}

.activity .gradeIcon {
	float: none;
}

.topic .gradeIcon.featured, .topic .gradeIcon.all {
	background: none;
	padding-left: 5px;
}

#monthly-archive {
	position: relative;
	margin-top: -92px;
}

.activity-header-short.archive {
	background-position: -547px -94px;
	height: 48px;
	text-indent: -9999px;
}

.activity #act_right h2 {
	padding: 0 0 0 43px;
    width: 180px;
}

.teacher-support-co {
	width: 342px;
	height: 152px;
	text-indent: -9999px;
	margin: 28px 0;
}

.teacher-support-co a {
	background: url(/images/teacher-support-co.jpg) no-repeat 0 0;
	display: block;
    height: 160px;
}

.support-center .promo {
	background: url(/images/teacher-support-promo.jpg) no-repeat 0 0;
	height: 175px;
    padding: 39px 10px 5px 20px;
    width: 486px;
}

.support-center .promo p, #teacher-toolkit .top .desc, .support-center .support-desc {
	color: #666;
	font-size: 15px;
	width: 276px;
}

.support-center .support-desc {
	width: 490px;
	margin: 0 0 15px;
}

.support-center .promo p.intro, #teacher-toolkit .title {
	color: #6a4271;
	font-weight: bold;
}

.support-center .promo .intro span {
	display: block;
    font-size: 22px;
    padding: 8px 0 0;
}

.support-center #resource-list {
	padding-left: 20px;
	margin-bottom: 30px;
}

.support-center #resource-list li, .support-center #resource-list li a  {
	background: url(/images/ssd-sprite.png) no-repeat 0 0;
}

.support-center #resource-list li {
    background-position: -550px -203px;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    margin: 10px 0;
    padding: 10px 0 6px 16px;
    width: 440px;
	position: relative;
}

.support-center #resource-list li a {
    background-position: -550px -239px;
    display: inline;
    height: 22px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 140px;
	text-indent: -9999px;
}

.support-center #website-list li {
	margin: 10px 0;
    width: 435px;
}

.support-center li a {
	color: #006699;	
}

.support-center .website-list {
	margin-top: 20px;
}

.support-center .website-list p {
	padding: 0px 15px 10px 20px;
	font-size: 12px;
	font-weight: bold;
}

#teacher-toolkit .top, #teacher-toolkit .content, #teacher-toolkit .bottom { 
	background: url(/images/teacher-toolkit-box.png) no-repeat 0 0;
	width: 342px;
}

#teacher-toolkit .top {
	height: 182px;
    padding: 1px 0 0 12px;
    width: 329px;
}

#teacher-toolkit .content {
	background-position: -342px 0;
	background-repeat: repeat-y;
}

#teacher-toolkit .bottom {
	height: 41px;
	background-position: left bottom;
	text-indent: -9999px;
}

.resources #find-school-2 {
	display: none;
}

#science-day-toolkit .top, #science-day-toolkit .content, #science-day-toolkit .bottom { 
	background: url(/images/science-day-toolkit.png) no-repeat 0 0;
	width: 342px;
}

#science-day-toolkit .top {
	height: 198px;
    padding: 1px 0 0 12px;
    width: 329px;
}

#science-day-toolkit .content {
	background-position: -342px 0;
	background-repeat: repeat-y;

}

#science-day-toolkit .bottom {
	height: 33px;
	text-indent: -9999px;
	background-position: left bottom;
}

#science-day-toolkit .bottom a, #teacher-toolkit .bottom a {
	display: block;
	height: 32px;
}

#teacher-toolkit .top .title {
	font-size: 20px;
	margin: 20px 0 0;
}

#teacher-toolkit .top .desc {
	font-size: 12px;
	width: 158px;
}

#teacher-toolkit ul {
	padding-right: 22px;
}


#teacher-toolkit .content li, #science-day-toolkit .content li {
	margin-bottom: 22px;
	list-style-image: url(/images/blue-down-arrow.gif);
}

#teacher-toolkit .content li a, #science-day-toolkit .content li a {
    font-size: 14px;
    font-weight: bold;
}

#teacher-toolkit .content li a {
	font-weight: bold;
}

.resources .formBlock li {
	margin: 10px 0;
}

.resources .formBlock input {
	margin: 10px 0;
    width: 138px;
}

.resources .formBlock label {
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
    text-align: left;
    width: 70px;
}

a.btn-find-schools {
	cursor: pointer;
	display: block;
	height: 36px;
	width: 190px;
	background: url(/images/btn_find_schools.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-find-schools:hover {
	background-position: 0 -35px;
}

.resources a.btn-find-schools {
	margin: 20px 0 0 40px;
}


.resources #find-school-2 a.search-again, .resources #find-school-2 a.print-it  {
	float: left;
	margin-right: 20px;
}

.search-again  {
	background: url(/images/btn_search.png) no-repeat scroll 107px 0 transparent;
    color: #000 !important;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 33px;
    padding-top: 10px;
    text-decoration: none !important;
    width: 155px;
}

.print-it  {
    background: url(/images/print-icon.png) no-repeat scroll 77px 0 transparent;
    color: #000 !important;
    font-size: 16px;
    font-weight: bold;
    height: 44px;
    padding-top: 10px;
    text-decoration: none !important;
    width: 114px;
}

.resources #find-school-2 ul {
	float:left;
	overflow: hidden;
	margin-bottom: 30px;
	margin-left:0px;
	padding-left:0px;
	width: 255px;
}

.resources #find-school-2 li.map-it { 
	float: left; 
	margin-right: 15px;
}

.resources #find-school-2 li.location { 
	float: left; 
	margin-right: 15px;
	width:180px;
}


.resources li.map-it a {
	display: block;
    height: 55px;
    width: 40px;
	text-indent: -9999px;
	background: url(/images/view-on-map.jpg) no-repeat 0 0;
}

div.theme-box-co {
	background: url(/images/ssd-sprite.png) no-repeat 0 0;
	width: 342px;
	height: 154px;
	margin: 20px 0;
   position: relative;	
}

div.theme-box-co .info {
	position: relative;
	z-index: 10;
}

div.theme-box-co p {
    font-weight: bold;
    margin: 0;
    padding-left: 20px;
}

div.theme-box-co .box-title {
    color: #666;
    font-size: 14px;
    margin: 0;
    padding-top: 9px;
    text-transform: uppercase;
}

div.theme-box-co .theme-title {
    color: #69880B;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 15px 0 6px;
	width: 160px;
	padding-left: 160px;
    text-transform: uppercase;
}

div.theme-box-co.refresher .theme-title {
	color: #6a4271;
}

div.theme-box-co .box-desc {
    color: #666666;
    font-weight: normal;
    line-height: 13px;
    text-align: left;
	padding: 34px 0 0 143px;
	width: 170px;
}

div.theme-box-co.refresher .box-desc {
	padding: 9px 0 0 143px;
}

div.theme-box-co.refresher .theme-title, div.theme-box-co.refresher .box-desc {
	padding-left: 20px;
}

div.theme-box-co img { 
	bottom: 3px;
    height: 123px;
    left: 2px;
    position: absolute;
    z-index: 7;
}

div.theme-box-co.refresher img { 
	bottom: 4px;
    height: 122px;
    left: 66px;
    position: absolute;
    z-index: 7;
}

div.theme-box-co a {
    background: url(/images/ssd-sprite.png) no-repeat scroll -550px -261px transparent;
    display: block;
    height: 29px;
	bottom: 4px;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    width: 153px;
    z-index: 12;
}

#carousel {
	width: 886px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

#carousel ul {
	overflow: hidden;
	margin: 0;
}

#carousel li {
	width: 886px;
	height: 300px;
	position: relative;
	float: left;
	left: -40px;
}

#carousel li a, #carousel li p {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 22px;
    position: absolute;
    width: 440px;
    z-index: 1;
}

#carousel li p {
	top: 192px;
}

#carousel li a.slide-btn {
	text-indent: -9999px;
    height: 285px;
    width: 574px;
}

#carousel li a.sweeps-btn {
    bottom: 124px;
    height: 109px;
    right: 0;
    text-indent: -9999px;
    width: 218px;
}

#carousel li a.five-min-btn {
    bottom: 4px;
    height: 71px;
    right: 0;
    text-indent: -9999px;
    width: 218px;
}

#carousel .bx-pager {
    bottom: 10px;
    position: absolute;
    z-index: 15;
	left: 400px;
}

#carousel .bx-pager a {
    background: none repeat scroll 0 0 #B7EA18;
    border-radius: 8px 8px 8px 8px;
    display: block;
    float: left;
    height: 10px;
    margin: 10px 8px 10px;
    text-indent: -9999px;
    width: 11px;
}

#carousel .bx-pager .pager-active { 
	background: none repeat scroll 0 0 #fff;
}


