body {
	background-image: url(../images/bg.jpg);
	font-family: arial, hevetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1 {
	font-size: 22px;
	color: #333333;
	margin: 1em 1em;
	font-weight: bold;
}
	h1 span.smaller {
		font-size: 16px;
	}
	
h2 {
	font-size: 20px;
	color: #4070B7;
	margin: 0.5em 1em;
	font-weight: bold;
	width: 510px;
}
	h2.unit1, h2.unit2, h2.unit3, h2.unit4, h2.unit5, h2.unit6, h2.unit7, h2.unit8, h2.unit9 {
		background-repeat: no-repeat;
		padding-left: 70px;
	}
	h2.unit1 {
		background-image: url(../images/unit1_icon.gif);
	}
	h2.unit2 {
		background-image: url(../images/unit2_icon.gif);
	}
	h2.unit3 {
		background-image: url(../images/unit3_icon.gif);
	}
	h2.unit4 {
		background-image: url(../images/unit4_icon.gif);
	}
	h2.unit5 {
		background-image: url(../images/unit5_icon.gif);
	}
	h2.unit6 {
		background-image: url(../images/unit6_icon.gif);
	}
	h2.unit7 {
		background-image: url(../images/unit7_icon.gif);
	}
	h2.unit8 {
		background-image: url(../images/unit8_icon.gif);
	}
	h2.unit9 {
		background-image: url(../images/unit9_icon.gif);
	}
	
h3 {
	color: #4070B7;
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0;
}

p {
	margin: 1em 0;
}

#container {
	width: 994px;
	margin-left: auto;
	margin-right: auto;
}
	#container #status {
		width: 994px;
		float: left;
		height: 33px;
		text-align: right;
		padding-top: 47px;
		font-size: 12px;
		color: #fff;
	}
		#container #status span {
			float: right;
			padding-right: 10px;
			padding-top: 2px;
			font-weight: bold;
		}
		#container #status img {
			float: right;
		}
		
		#container #status .font {
			float: right;
			padding-right: 15px;
			border-right: dotted 1px #ffffff;
			margin-right: 15px;
		}
			#container #status #user {
				float: right;
				font-weight: bold;
				padding-top: 2px;
				padding-right: 15px;
			}
			#container #status #user #logout {
				float: right;
			}
			#container #status .font span {
				width: 110px;
				float: left;
				text-align: center;
				padding-right: 0px;
			}
			#container #status .font img {
				float: left;
			}
	
	#container #page {
		width: 994px;
		float: left;
		background-color: #ffffff;
		padding-bottom: 10px;
	}
		#container #page #header {
			width: 994px;
			float: left;
			padding-bottom: 20px;
		}
		#container #page .col-left {
			width: 660px;
			float: left;
			margin-right: 10px;
		}
		#container #page .col-right {
			width: 314px;
			float: left;
			padding-bottom: 50px;
		}
		
	#container #page-footer {
		width: 994px;
		float: left;
		height: 70px;
	}
		#container #page-footer .navigation {
			width: 894px;
			float: left;
			background-color: #ffffff;
			height: 70px;
			padding-left: 30px;
		}
		#container #page-footer .corner {
			background-image: url(../images/corner.png);
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 70px;
			height: 70px;
			float: left;
		}
		
	#container #footer {
		width: 965px;
		float: left;
		margin-top: 23px;
		margin-bottom:30px;
		height: 140px;
		background-image: url(../images/footer_bg.jpg);
		background-repeat: repeat-x;
		border: solid 2px #1A1A1A;
		padding-left: 25px;
		font-size: 12px;
	}
		#container #footer #unilogo {
			padding-right: 25px;
			float: left;
			padding-top: 20px;
		}
		#container #footer #line{
			width:3px;
			float: left;
			padding-top: 25px;
			margin-right: 30px;
		}
			#container #footer #line img {
				border: none;
				float: left;
			}
		#container #footer #copyright {
			color: #909090;
			padding-top: 35px;
			position: relative;
			float: left;
		}
			#container #footer #copyright img {
				padding-bottom: 5px;
			}
			
		#container #page .col-left #menupanel {
			width: 620px;
			padding-left: 10px;
			padding-right: 20px;
			float: left;
		}

			#container #page .col-left #menupanel .item, 
			#container #page .col-left #menupanel .item-alt {
				border-top: dotted 1px #B2B2B2;
				padding: 20px 10px;
				width: 620px;
				float: left;
			}	
			
				#container #page .col-left #menupanel .item {
					background-color: #F7F7F7;
				}
				#container #page .col-left #menupanel .item,
				#container #page .col-left #menupanel .item-alt  {
					font-size: 13px;
					color: #333333;
				}
					#container #page .col-left #menupanel .item p,
					#container #page .col-left #menupanel .item-alt p {
						padding-top: 10px;
						line-height: 18px;
						margin: 0px;
					}
					#container #page .col-left #menupanel .item img, 
					#container #page .col-left #menupanel .item-alt img {
						padding-right: 5px;
						padding-bottom: 25px;
						float: left;
					}
					#container #page .col-left #menupanel .item h2,
					#container #page .col-left #menupanel .item h2 a,  
					#container #page .col-left #menupanel .item-alt h2,
					#container #page .col-left #menupanel .item-alt h2 a {
						font-size: 18px;
						color: #4070B7;
						text-decoration: none;
						font-weight:  bold;
						display: inline;
						margin-left:0px;
					}
						#container #page .col-left #menupanel .item h2 a:hover,
						#container #page .col-left #menupanel .item-alt h2 a:hover {
							text-decoration: underline;	
						}
					
		#container #page .col-left #menupanel #start-links {
				display: inline-block;
				margin-left: 40px;
				margin-top: 10px;
		}
			#container #page .col-left #menupanel #start-links h3 {
					color: #333;
					font-size: 16px;
			}
			#container #page .col-left #menupanel #start-links h3 a, #container #page .col-left #menupanel #start-links h3 a:visited {
					color: #4070B7;
					text-decoration: none;
			}
			#container #page .col-left #menupanel #start-links h3 a:hover {
					text-decoration: underline;
			}
		#container #page .col-right #about-benefits {
			margin-top: 10px;
			width: 305px;
			float: left;
			background-image: url(../images/about-panel-bg.gif);
			background-repeat: repeat-y;
			border-top: solid 2px #EDEDED;
		}
			#container #page .col-right #about-benefits ul {
				padding-left: 3px;
				padding-top: 3px;
			}
			#container #page .col-right #about-benefits .tab {
				width: 139px;
				background-color: #F2F2F2;
				text-align: center;
				line-height: 30px;
				color: #666666;
				font-weight: bold;
				padding: 5px;
				float: left;
				font-size: 14px;
			}
				#container #page .col-right #about-benefits .tab:hover {
					background-color: #E2E2E2;
				}
			#container #page .col-right #about-benefits .tab-on {
				width: 139px;
				background-color: #FFFFFF;
				text-align: center;
				line-height: 30px;
				color: #333333;
				font-weight: bold;
				padding: 5px;
				float: left;
				font-size: 14px;
			}
			
			#container #page .col-right #about-benefits #about_main,
			#container #page .col-right #about-benefits #benefits_main {
				padding: 20px 20px 120px 20px;
				float: left;
				font-size: 12px;
				width: 265px;
				color: #666666;
			}
				#container #page .col-right #about-benefits #about_main p,
				#container #page .col-right #about-benefits #benefits_main p {
					padding-top: 10px;
					line-height: 18px;
				}
			
			#container #page .col-right #about-benefits #about_main {
				background-image: url(../images/benefits-panel-foot.jpg);
				background-repeat: no-repeat;
				background-position: bottom left;
			}
			#container #page .col-right #about-benefits #benefits_main {
				background-image: url(../images/about-panel-foot.gif);
				background-repeat: no-repeat;
				background-position: bottom left;
				display: none;
			}

			#container #page .col-right #register {
				margin-bottom: 20px;
			}
		
		.tick-list {
			list-style: none;
			margin-left: 10px;
			margin-top: 10px;
		}
			.tick-list li {
				font-size: 12px !important;
				padding-left: 30px;
				background-image: url(../images/tick.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				padding-bottom: 10px;
				padding-top: 3px;
			}
				.tick-list li a {
					color: #4070B7;
					text-decoration: none;
				}
					.tick-list li a:hover {
						text-decoration: underline;
					}
			
	#content {
		width: 600px;
		padding: 20px 30px;
		float: left;
		line-height: 170%;
	}
		#content strong {
			color: #4070B7;
		}
		#content ul, #content ol {
			margin-left: 40px;
			margin-top: 30px;
		}
		#content ul {
			list-style-image: url(../images/bullet.gif);
		}
		#content ol {
			list-style-image: none;
			list-style: decimal;
			list-style-type: decimal;
		}
			#content ul li, #content ol li {
				margin: 0.5em 0;
			}
				#content ul li a, 
				#learn-more #learn-more-body a, 
				#content a {
					color: #4070B7;
					text-decoration: none;
				}
					#content ul li a:hover,
					#learn-more #learn-more-body a:hover,
					#content a:hover {
						text-decoration: underline;
					}
			
		#content .img-right {
			float: right;
			padding-left: 10px;
			padding-bottom: 10px;
		}
		#content #page-nav {
			margin-top: 30px;
			float: left;
			width: 600px;
		}

		#content #reasons-list {
			margin-top:150px !important;
		}
	
	#side-menu {
		border: solid 1px #c6c4c6;
		background-color: #F7F7F7;
		width: 305px;
		margin-right: 7px;
	}
		#side-menu p.header {
			text-align: center;
			line-height: 45px;
			color: #4D4D4D;
			font-weight: bold;
			border: none;
			padding: 0px;
			margin: 0px;
		}
		#side-menu .side-menu-item,
		#side-menu .side-menu-item-on {
			border-top: dotted 1px #c5c5c5;
			padding: 10px;
			color: #4070B7;
			font-size: 12px;
			font-weight:  bold;
			margin: 0px;
		}
			#side-menu .side-menu-item-on a, #side-menu .side-menu-item-on a:hover {
				color: #ffffff;
				text-decoration: none;
			}
			#side-menu .side-menu-item a {
				color: #4070B7;
				text-decoration: none;
			}
				#side-menu .side-menu-item a:hover {
					color: #ffffff;
					text-decoration: none;
				}
			#side-menu .side-menu-item:hover,
			#side-menu .side-menu-item-on {
				color: #ffffff;
				background-image: url(../images/menu/menu_bg.gif);
				background-repeat: repeat-x;
				background-color: #224686;
			}
			#side-menu .side-menu-item span,
			#side-menu .side-menu-item-on span {
				font-size: 30px;
				font-weight: bold;
				color: #4d4d4d;
				float: left;
				margin-right: 10px;
				line-height: 33px;
			}
				#side-menu .side-menu-item:hover a,
				#side-menu .side-menu-item:hover span,
				#side-menu .side-menu-item-on span {
					color: #ffffff;
				}
				
	#learn-more {
		width: 312px;
		float: left;
		background-image: url(../images/learnmore_bg.jpg);
		background-repeat: repeat-y;
		margin-top: 20px;
		line-height: 150%;
	}
		#learn-more #learn-more-head {
			width: 312px;
			float: left;
		}
		#learn-more #learn-more-body {
			width: 267px;
			float: left;
			padding: 0px 25px 60px 20px;
			background-image: url(../images/learnmore_foot.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
		}

.footnote {
	font-size: 11px;
	padding-top: 5px;
}
.sections strong {
	color: #666666 !important;
}

.help-box {
	background-color: #F7E4CB;
	border: solid 1px #FF9E80;
	padding: 10px 10px 10px 40px;
	font-weight: bold;
	color: #333333;
	background-image:  url(../images/icon_help.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	margin-bottom: 25px;
	width: 550px;
	float: left;
}
.answer-box {
	background-color: #FEFDE7;
	border: solid 1px #FAF388;
	padding: 30px 10px 25px 50px;
	color: #333333;
	background-image:  url(../images/icon_bulb.gif);
	background-repeat: no-repeat;
	background-position: 19px 25px;
	margin-bottom: 25px;
	width: 540px;
	float: left;
	display: none;
	margin-top: 5px;
}
.answer-box-narrow {
	background-color: #FEFDE7;
	border: solid 1px #FAF388;
	padding: 30px 10px 25px 50px;
	color: #333333;
	background-image:  url(../images/icon_bulb.gif);
	background-repeat: no-repeat;
	background-position: 19px 25px;
	margin-bottom: 25px;
	width: 495px;
	float: left;
	display: none;
	margin-top: 5px;
}
	.answer-box strong, .answer-box-narrow strong {
		color: #333333 !important;
	}

.interactive {
	float: left;
	width: 600px;
}

	.interactive textarea, .interactive input, .question-panel input  {
		font-family: arial, hevetica, sans-serif;
		font-size: 12px;
		color: #666666;
		line-height: 150%;
	}

	#theclass-faces {
		width: 109px;
		float: left;
		padding-top: 1px;
	}
	#theclass-list {
		width: 490px;
		float: left;
		margin: 0px;
		padding: 0px;
		line-height:150%;
	}

.selectable-question {
	float: left;
	width: 530px;
}	
	.selectable-question span {
		width: 530px;
		float: left;
	}
.selectable-item {
	float: left;
	padding: 10px 15px 10px 15px;
	background-color: #efefef;
	color: #666666;
	margin-right: 5px;
	cursor: pointer;
	text-transform: uppercase;
}
	.selectable-item:hover {
		background-color: #666666;
		color: #ffffff;
	}
.selectable-item-on {
	float: left;
	padding: 10px 15px 10px 15px;
	background-color: #4070B7;
	color: #ffffff;
	margin-right: 5px;
	cursor: pointer;
	text-transform: uppercase;
}

.select-options {
	padding-right: 20px;

	background-repeat: no-repeat;
	background-position: right 20px;
	width: 540px;
}

.question-panel {
	width: 600px;
	float: left;
	padding: 0px;
	border: solid 1px #C6C4C6;
	margin-bottom: 20px;
}
	.question-panel .head {
		width: 580px;
		padding: 10px;
		border-bottom: solid 1px #C6C4C6;
		text-align: right;
		float: left;
		font-weight: bold;
		letter-spacing: 0.7px;
		background-image: url(../images/panels/slider_panel_bg.jpg);
		background-repeat: repeat-x;
	}
		.question-panel .head .title {
			float: left;
			color: #4070B7;
			font-size: 14px;
			letter-spacing: 0px;
		}
	.question-panel .foot {
		width: 580px;
		padding: 10px;
		border-top: solid 1px #C6C4C6;
		text-align: right;
		float: left;
		font-weight: bold;
		letter-spacing: 0.7px;
		background-image: url(../images/panels/slider_panel_bg.jpg);
		background-repeat: repeat-x;
	}
	.question-panel .body {
		width: 540px;
		padding: 20px 20px 30px 20px;
		float: left;
	}
		.question-panel .body p.questions {
			
			color: #656565;
			width: 530px;
		}
			.question-panel .body p.questions span {
				font-size: 20px;
				font-weight: bold;
				color: #999999;
			}
	
.button {
	cursor: pointer;
}

#mygroup {
	float: left;
	width: 600px;
	margin-bottom: 20px;
}
	#mygroup #group {
		width: 436px;
		float: left;
		background-image: url(../images/group_box_bg.jpg);
		background-repeat: repeat-x;
		margin-right: 5px;
		background-color: #224585;
	}
		#mygroup #group p {
			padding-left: 25px;
			color: #ffffff;
			background-image: url(../images/group_box_bullet.jpg);
			background-repeat: no-repeat;
			background-position: 10px 0px;
			margin: 0px;
			padding-top: 10px;	
			padding-bottom: 10px;
		}	
		
	#mygroup #bubble {
		width: 129px;
		height: 55px;
		background-image: url(../images/group_bubble.jpg);
		background-repeat: no-repeat;
		padding-left: 30px;
		float: left;
		padding-top: 13px;
	}
		#mygroup #bubble p {
			margin: 0;
			padding-top: 0px;
			width: 100px;
			line-height:100%;
		}
		#mygroup #bubble a {
			
			color: #4070B7;
			text-decoration: none;
		}
			#mygroup #bubble a:hover {
				text-decoration: underline;
			}

.tbl-btm-bord {
	border-bottom: solid 1px #CCCCCC;
	padding: 5px;	
}