/* The toolbar for the content box */
#code{text-align:left;}

/******************** NEW MENU *************/
#menu {
	margin:0px -20px 0px 0px;
	float:left;
	width:100%;
	background:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	padding-top:10px;
	border-bottom:2px solid #ccc;
	}
	
#bottomNav {
	margin:-20px -20px 20px 0px;
	float:left;
	width:100%;
	background:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	padding-top:10px;
	}
		
#menu ul {
	margin:0 0 0 0;
	padding:0px 5px 0 10px;
	list-style:none;
	text-align:center;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;

	}
#menu ul li.active .sps {
	background:url(/images/bcbg.gif) repeat-x #FFFF66;
	text-decoration:none; 
	border:1px solid #ccc;
	border-bottom:none;
	color:#fff;
	}
#menu ul li.inactive .sps {
	background:url(/images/gd_1.gif) repeat-x #efefef;
	border:1px solid #ccc;
	border-bottom:none;
	}		
#menu a {
	float:left;
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	outline:none;
	margin-right:-1px;
	}
#menu a span {
	float:left;
	display:block;
	padding:5px 4px 5px 4px;
	color:#000;
	outline:none;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#000;}
#menu a:hover { text-decoration:none; color:#000000;}
#menu a:hover span { text-decoration:none; color:#000000;}	
/******* END NEW********/

.thumbNails{ padding:2px; border:2px solid #ddd;}
.thumbNails:hover{border:2px solid #aaa;}		

.backText{padding:10px 20px 10px 10px; margin-top:-30px;}
		
/*icons*/	
.zoom_icon{
	background:url(/images/zoom_icon.png) left no-repeat;
	padding-left:13px;
	font-size:11px;
	color:#999999;
}	
.qs_icon{
	background:url(/images/house_icon.png) left no-repeat;
}
.qt_icon{
	background:url(/images/question_icon.png) left no-repeat;
}
.imgs_icon{
	background:url(/images/image_add_icon.png) left no-repeat;
}
.sc_icon{
	background:url(/images/score_icon.png) left no-repeat;
}
.fb_icon{
	background:url(/images/email_go_icon.png) left no-repeat;
}
.se_icon{
	background:url(/images/lock_icon.png) left no-repeat;
}
.st_icon{
	background:url(/images/color_wheel_icon.png) left no-repeat;
}
.lib_icon{
	background:url(/images/discover_icon.png) left no-repeat;
}
.sh_icon{
	background:url(/images/share_add_icon.png) left no-repeat;
}
.stat_icon{
	background:url(/images/stat_bar_icon.png) left no-repeat;
}

.QS_ICON{
	background:url('/quiz-school/images/icon-qs-home.png') left center no-repeat; 
	padding:3px 0px 3px 20px;
}
	
/* The slide-y content box thingy */

#frame, #frame div.button, #scroller, .section { height:auto;}

#frame {
	overflow: hidden;
	width: 970px;
	position: relative;
	}
	
#frame div.button {
	position: absolute;
	top: 35%;
	}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

div.button#left a, div.button#right a{ text-decoration:none; }
div.button#left img, div.button#right img{ border:none; }

#scroller {
	width: 925px;
	margin: 0px 0px 0px 9px;	
	overflow: hidden;
	}

#content {
	width: 10000px;
	}
	
.section {
	width: 895px;
	margin: 20px 10px 0px 10px;
	float: left;
	text-align:left;
	
	}
	
.section h2 {
	color:#000;
	font-weight: normal;
	font-family: Arial;
	font-size:18px;
	margin: 0px;
	letter-spacing:0px;
}

.section h3 {
	color: #444;
	font-weight: normal;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	margin: 0px;
	letter-spacing:0px;
	}	
		
.section p, .section li {
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 22px;
	}

.section img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
		
		
/*external*/		
.otherpart{
	margin:10px 0px 0px 0px;
	font-size:14px;
	color:#666666;
}

.align_center{
	text-align:center;
}

ul.tourlist{
	margin:0px; padding:0px;
	margin-left:50px;
	margin-top:8px;

}
ul.tourlist li{
	margin:0px; padding:0px;
	list-style-image:url(img/bullet_orange.png);
	font-size:14px;
}

.qthumb{
	padding: 5px;
	border: 1px solid #ddd;
	}