body {
	background:			#e6eae6 url(../images/container-bg.jpg) repeat-y center;;
	text-align:			center;
	}
	
html, body {
	height: 100%;
	} 
#PageWrapper {
	background:			url(../images/content-bg.jpg) repeat-y;
	margin:				0 auto;
	position:			relative;
	text-align:			left;
	width:				865px;
	min-height:				100%;
	}

#IELT7 {
	position:				relative;
	height:					100%;
	}

#IELT7 #PageWrapper {
	height:					100%;
	}
#ContentContainer {
	margin:				0px auto;
	width:				865px;
	padding-bottom:		60px;	
	}
	
#Header {
	background:			#fff;
	height:				170px;
	padding-bottom:		15px;
	}
	
#Logo {
	width:				202px;
	}
#Content {
	border-top:			1px dotted #d5d6d5;
	padding-top:		15px;
	}
#SideBar{
	width:				180px;
	padding:			15px;
	padding-top:		0px;
	float:				left;
	}
	
#SideBar ul {
	color:				#787b78;
	font-size:			12px;
	font-weight:		bold;
	}
	
#SideBar ul li {
	background:			url(../images/bullet.jpg) no-repeat left 7px ;
	padding-left:		20px;
	margin:				7px 0px;
	}

#SideBar ul li a {
	text-decoration:		none;
	color: 					#787b78;
	}
	
#SideBar ul li a:hover{
	color:				#d01463;
	text-decoration:		none;
	}

#SideBar ul li a.current {
   color:                #d01463;
   text-decoration:        none;
   }

#MainBar {
	float:				right;
	padding:			0px 15px 15px 20px;
	width:				620px;
	}
	
#MainBar p {
	margin-top: 12px;
}

#MainBar h2 {
	padding-left: 10px;
	margin-top: 10px;
}

#MainBar ol {
	padding-left: 30px;
	list-style-type: decimal;
}

.code {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px;
	font-family: 'Courier New', 'Courier';
	font-color: #333;
}
	
#Footer {
	background:				#fff;
	border-top:			1px dotted #dee2de;
	padding:			10px 0px 30px 0px;
	text-align:			center!important;
	position:			absolute;
	bottom:				0;
	width:				100%;
	}
	
h1, h2, h3, h4, h5, h6 {
	color:				#d01463;
	margin:				5px 5px 7px 0px;
	font-weight:		bold;
	}
	
h1 {
	font-size:			16px;
	}
h2 {
	font-size:			14px;
	}