body {
	background-color: #4cc;
	font-family: Century Gothic, Verdana, Geneva;
	
}
/* overall design */
#container{
	width: 920px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color:#FFFFFF;
	 min-height: 400px;
	border-radius: 10px;
	padding : 20px 15px 20px 15px;
}
#contentmain{font-size: 110%;
}
#mainimage{position: relative; z-index : 4; top: -20px; left: -15px;}
#maintext{
	position: absolute;
	z-index : 5; top: 345px; right: 30px; width: 100%; text-align:right;
}

#top {
	border-top:#2F9B9B 2px solid;
	border-bottom:#2F9B9B 2px solid;
}


#home-link{
	color:#999;
	float:right;
	width: 80px;
	height:38px;
	background-color:#B7B7B7;
	padding: 9px 0px 3px 0px;
	margin-right:40px;
	text-align:center;
	position: relative;
	z-index : 2;
	background-image: url(../images/starter/home_block.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#home-link a{
	color:#FFF;
	padding: 20px 0px 10px 0px;font-weight: normal;text-decoration: none; font-style : normal;
		
}
#home-link a:hover {
	color : #E5E5E5;
	text-decoration: none;
	font-style : normal;
}

#subtop {
	background-color:#4cc;
	border-bottom:#4cc 2px solid;
}
#subtopbar {
	width: 780px;
	background-color:#4cc;
	padding: 10px 0px 0px 0px;
}



#contentmain {position: relative;
	width:100%;
	left: 0px;
	top: 0px;
	padding : 0px 0px 0px 0px;
	border: 0px;
	z-index: 4;
	visibility : visible; min-height:400px;}
/*#footer {
	background-color:#FFF;
}
#footerinner {
	width: 780px;
	color:#FFF;
}	
#footer1 {
	width: 180px; float:left;visibility : visible;padding: 10px 0px 0px 15px;}
#footer2 {
	width: 500px; float:right;padding: 10px 10px 0px 0px; text-align:right;font-size: 80%;}
#footer3 {position: relative;
	width: 318px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;}	
#footer a{color:#FFF; font-weight:normal;}
#footer a:hover {
	color:#CCC;
	font-weight:normal;
}*/

/*inner pages*/

.colleft{width:48%; float:left;}
.colright{width:48%; float:right; padding: 0px 0px 0px 0px;height:100%;
    border-collapse:collapse;
    display : table;}
.prev{float:left; padding:0px 10px 20px 0px; width: 45%; clear:both;}
.next{float:right; text-align:right;padding:0px 10px 20px 0px;width: 45%;}

h1 {
	font-size: 150%;
}
#maintext h1{
	font-size: 28px;
	color:#066;
}
h2 {
	font-size: 140%;}

/* starter styles */
.starter-sounds{float:left; width:104px;padding: 5px 0px 10px 0px; text-align:center; font-size: 150%; font-weight:bold;}
.starter-sounds a{ color:#F60;}
.starter-sound{ height:100px;}
.starter-quiz-text{ font-size: 160%;}
.starter-quiz-unit7{ font-size: 140%;}
.checkbutton { background: url(../images/starter/check_arrow.png) transparent; width:80px; height:80px; border: 0px; cursor: pointer; }
/*input[type=button], input[type=submit], input[type=reset]{background-color:transparent;}*/
.starter-input{font-size: 150%;padding: 14px 10px 14px 10px;width:180px;}
.shaped-box{border-radius: 10px;background-color:#E7F8F8; padding: 15px 10px 15px 10px; width: calc(100% - 20px);}
.unitnumber{ padding:0px; color:#CCC; font-size:140%;}
#progress-bar{float:right; width:420px; text-align:right;padding: 0px 10px 0px 0px;}
#jigsawblock1{float:left;z-index: 9; position:relative;padding: 0px 30px 0px 0px;}
#jigsawblock2{float:left;z-index: 9; position:relative;padding: 0px 0px 0px 0px;}
#jigsawpiece{/*background-image: url(../images/starter/jigsaw1.png);*/ height:105px; float:left;z-index: 9; position:relative;}
#jigsawimage{position:relative; z-index: 9;}
#jigsawtext1{position:absolute; z-index: 10; padding: 37px 0px 0px 0px; font-size:26px;width:100px; height:120px; text-align:center; color:#099;}
#jigsawtext2{position:absolute; z-index: 10; padding: 37px 0px 0px 4px; font-size:26px;width:78px; height:120px; text-align:center; color:#099;}
#jigsawtext3{position:absolute; z-index: 10; padding: 37px 0px 0px 3px; font-size:26px;width:68px; height:120px; text-align:center; color:#099;}
#jigsawtext4{position:absolute; z-index: 10; padding: 37px 0px 0px 3px; font-size:26px;width:63px; height:120px; text-align:center; color:#099;}
#jigsawword{position:relative; z-index: 9; padding: 0px 0px 0px 0px; font-size:24px;width:100%; text-align:center; clear:both;}
#teacher{top:20px; right:20px; z-index:3; position:absolute;}

/*input, select, textarea{
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;}*/