/* CSS Document */

*{margin:0 auto;padding:0}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	color: #fff;
}

img {
	border: none;
}

#main_container {}

#header_container {
	height: 150px;
	background: url(../../images/top_bg.png) repeat-x;
}

	#header {
		width: 800px;
	}
	
		#logo_container {
			float: left;
			margin-top: 20px;
		}
		
			#tsc_logo {
				padding-left: 10px;
				text-align: left;
			}
			
			#header_title {
				text-align: left;
			}
			
		#login_container {
			float: right;
		}
		
		#font_size {
			position: absolute;
			top: 3px;
			right: 530px;
		}
		
		#nav_container {
			position: relative;
		}
		
		#nav_container ul {
			position: absolute;
			right: 0;
		}
		
		#nav_container ul li {
			display: inline;
			font-size: 14pt;
			font-weight: bold;
			background: #df731c;
			padding: 3px 5px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;
			border-radius: 3px;		
		}
		
		#nav_container ul li a {
			color: #fff; /*344d7a*/
			text-decoration: none;
		}
		
#banner_container {
	background: #fff;
}

	#banner {
		height: 350px;
		width: 800px;
		position: relative;
	}
	
		#banner_img {
			padding-top: 20px;
			float: left;
		}
		
		#price_badge {
			float: right;
			position: absolute;
			top: -100px; /*-65px*/
			right: 130px;
		}
		
		#course_description {
			position: absolute;
			top: 95px; /*140px;*/
			right: 0px;
			width: 300px;
			line-height: 24px;
			color: #2f3132;
		}
		
		#register_note {
			position: absolute;
			top: 247px;
			right: 0px;
			width: 300px;
			color: #42629a;
			font: bold 16px arial;
			text-align: center;
		}
		
			#register_note a {
				color: #42629a;
				text-decoration: none;
			}
		
		#register_button {
			position: absolute;
			top: 281px;
			right: 0px;
		}
		
#content_container {
	background: url(../../images/bottom_bg.png);
	padding-bottom: 40px;
}

	#bottom_lid {
		height: 2px;
		background: url(../../images/bottom_bg_lid.png) repeat-x;
	}
	
	#bottom_shadow {
		margin: 0 auto;
		height: 63px;
		width: 839px;
	}
	
	#panel_container {
		margin: 0 auto;
		height: 230px;
		width: 800px;
		position: relative;
	}
	
		#panel_container h3 {
			padding: 10px 10px 0 0;
			text-align: right;
			font-family: arial, helvetica, sans-serif;
			color: #fff;
			font-weight: bold;
			font-size: 16px;
		}
		
		#panel_container p {
			padding: 10px;
			font: normal 12px arial;
			color: #fff;
			line-height: 20px;
		}
		
		#panel_1 {
			background: url(../../images/panel_1.png) no-repeat;
			height: 190px;
			width: 180px;
			position: absolute;
			left: 10px;
		}
		
		#panel_2 {
			background: url(../../images/panel_2.png) no-repeat;
			height: 190px;
			width: 180px;
			position: absolute;
			left: 210px;
		}
		
		#panel_3 {
			background: url(../../images/panel_3.png) no-repeat;
			height: 190px;
			width: 180px;
			position: absolute;
			left: 410px;
		}
		
		#panel_4 {
			background: url(../../images/panel_4.png) no-repeat;
			height: 190px;
			width: 180px;
			position: absolute;
			left: 610px;
		}
		
		#content {
			width: 800px;
		}
		
		#content p {
			padding-bottom: 30px;
			font: normal 14px arial;
			color: #fff; /*#071733*/
			line-height: 20px;
		}
		
		#white-container {
			background: #fff;
			-webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;
			border: solid 1px #ddd;
			padding: 30px;
			color: #000;
		}
		
		#white-container p, #white-container li, #white-container h1, #white-container h2, #white-container h3 {
			color: #000;
			line-height: 2;
		}
		
		#white-container .register-button {
			background: #aa0000;
			margin: 0 auto;
			width: 400px;
			text-align: center;
			padding: 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;
			border: solid 1px #990000;
		}
		
		#white-container .register-button a {
			color: #fff;
			text-decoration: none;
			font: bold 14pt arial, helvetica, sans-serif;
		}
		
		#white-container .login-button {
			margin: 20px 0;	
			text-align: center;
		}
		
		#white-container .login-button a {
			font: bold 14pt arial, helvetica, sans-serif;
			color: #aa0000;
		}
		
		ul {
			margin: 0 0 40px 40px;
		}
		
		li {
			font: normal 14px arial;
			color: #fff; /*#071733*/
			line-height: 1.5;
		}
		
#footer_container {
	background: url(../../images/footer_bg.png);
}

	#footer {
		padding: 10px 0 50px 0;
		width: 800px;
	}
	
		.footer_list {
			float: left;
			width: 200px;
		}

			.footer_list ul {
				list-style: none;
			}
			
			.footer_list ul li {
				padding-top: 10px;
				font: bold 12px arial;
			}
			
			.footer_list ul li a {
				color: #8fa9d6;
				text-decoration: none;
			}
		
		#social_links {
			float: left;
		}
		
			#facebook, #twitter {
				margin: 10px 20px 0 0;
				float: left;
			}
			
		#footer_logo {
			margin-top: 10px;
			float: right;
		}
		
		#copyright {
			margin-top: 20px;
			font: bold 12px arial;
			color: #1a3057;
			text-align: center;
		}
		
.clear {
	clear: both;
}

#state_container {
		padding-top: 9px;
		height: 41px;
		width: 50px;
		background: url(../../images/state_container.png) no-repeat;
		float: left;
		position: relative;
		top: 25px;
		left: 35px;
		text-align: center;
		font-size: 24px;
		color: #fff;
		font-weight: bold;
		text-shadow: #bbb -1px -1px 1px;
		cursor: pointer;
		text-decoration: none;
	}
	
	#state_name_select_form {
		padding: 5px 0 10px 0;
		text-decoration: none;
	}
	
		#state_name_select_form .select {
			padding: 3px;
			border: solid 1px #aaa;
			font-size: 24px;
			color: #30537d;
			border: solid 1px #eee;
			background-color: #fff;
			/*text-shadow: #0d2541 -1px -1px 1px;*/
		}
		
		#state_name_select_form .select .option {
			text-align: left;
			text-shadow: none;
			color: #444; 
			background: #fff;
		}
		
	#state_select_form {
		text-decoration: none;
	}
	
		#state_select_form .select {
			padding: 3px;
			font-size: 14px;
			color: #333;
			border: solid 1px #ddd;
			background-color: #f0f0f0;
		}
		
		#state_select_form .select .option {
			text-align: left;
			text-shadow: none;
			color: #444; 
		}
		
		#state_select_form_container {
			padding: 10px 0 25px 20px;
		}

			.state_label {
				font-size: 12px;
			}
			
			.state_label a {
				font-weight: bold;
				color: #3e86da;
			}
	
	#state_name_popup_form_container {
		position: relative;
		/**/display: none;
		float: left;
		z-index: 10;
	}
	
	#state_name_popup_form_container h2 {
		color: white;
	}
			
		#state_name_popup_form {
			position: absolute;
			width: 320px;
			background: #414047;
			padding: 5px;
			border: solid 1px #27262b;
			top: 80px;
			left: -200px;
			font-family: arial, helvetica, sans-serif;
			-webkit-box-shadow: 0 0 10px 0 #000000;
			box-shadow: 0 0 10px 0 #000000;
		}
		
			#state_name_popup_form a {
				text-decoration: none;
			}
		
			#state_name_popup_form .abbr {
				float: left;
				background: #37363b;
				padding: 3px;
				width: 24px;
				border-top: solid 1px #545358;
				border-left: solid 1px #545358;
				border-right: solid 1px #222;
				border-bottom: solid 1px #222;
				text-align: center;
				font-weight: bold;
				color: #fff;
				cursor: pointer;
			}
			
			#state_name_popup_arrow {
				border-color: transparent transparent #414047 transparent;
				border-style: solid;
				border-width: 10px 10px 10px 10px;
				height: 0;
				width: 0;
				position: absolute;
				top: -20px;
				right: 160px;
			}
			
			#state_name_popup_close {
				position: absolute;
				top: -13px;
				right: -17px;
			}
	
	a.map {
		text-decoration: none;
	}