*{ margin: 0px; padding: 0px; border: 0px; outline: none; }
body{background: #222222; font-family: Verdana, Arial, sans-serif; text-align: center; font-size: 11px;}
a {color: #7e1416; text-decoration: none;}
a:hover {color: #9c1d20;}

.serif {font-family: Georgia, "Lucida Bright", "Times New Roman", Times, serif}
.wrapper {width: 960px; margin: 0px auto; text-align: left; position: relative;}
.clear {width: 100%; height: 10px; clear: both;}

.top_banner {margin: 10px 0px 0px 0px; background: #333333; width: 100%; height: 70px;}
.top_banner .logo {position: relative; top: -5px;}
.top_banner .navigation {height: 40px; position: absolute; top: 15px; right: 0px;}
.top_banner .navigation a {display: block; height: 40px; line-height: 40px; font-size: 12px; padding: 0px 20px; 
	background: #7e1416; color: white; font-weight: bold; text-decoration: none; text-transform: uppercase;
	float: left; margin-left: 8px;}
.top_banner .navigation a:hover {background: #9c1d20;}

.highlight_section {width: 100%; background: #222222; height: 400px;}
	.highlight_columns {height: 320px; width: 500px; margin: 40px 0px 0px 0px;  float: left;}
	.highlight_columns .main_title {font-size: 40px; font-weight: bold; color: #888; margin: 0px 0px 10px 0px;}
		.highlight_columns .column {width: 200px; float: left; margin: 0px 40px 0px 0px;}
		.highlight_columns .column .title {font-size: 14px; font-weight: bold; color: #eee; margin: 5px 0px 15px 0px;
			padding: 0px 0px 10px 0px; border-bottom: 1px dotted #666;}
		.highlight_columns ul.site_list {list-style-type: none;}
		.highlight_columns ul.site_list li {display: block; width: 200px; height: 34px; margin: 12px 0px 0px; }
		.highlight_columns p {color: #ccc; margin: 5px 0px 10px; line-height: 14px;}
	.highlight_box {height: 320px; width: 430px; margin: 40px 0px 0px 0px; float: right; border: 1px solid white;}
	.highlight_box .inner {margin: 10px; height: 300px; background: #333; color: white; text-align: center;}
.body_section {width: 100%; background: white url('images/light_grad_down.png') repeat-x center top; padding-top: 10px;}
	.body_section .c1 {width: 320px; margin: 0px 0px 0px 0px; float: left;}
		.c1 p {padding-right: 10px; color: #666;}
	.body_section .c2 {width: 320px; margin: 0px 0px 0px 0px; float: left;}
		.c2 p {padding-left: 10px; color: #666;}
	.body_section .c3 {width: 280px; margin: 0px 0px 0px 40px; float: left;}
	.body_section .column .title {font-size: 14px; font-weight: bold; color: #222; margin: 5px 0px 15px 0px;
		padding: 0px 0px 10px 0px; border-bottom: 1px dotted #666;}
	.body_section p {color: #333; margin: 5px 0px 10px; font-size: 12px; line-height: 22px;}
	.body_section p.program_title {margin: 15px 0px 0px; font-size: 13px; font-weight: bold;}
	.body_section .something {clear: both; width: 100%;}
.sub_footer {padding: 10px 0px; background: #333; text-align: center; color: #aaa;}
.sub_footer a {color: #ddd;}
.sub_footer a:hover {color: white;}
.footer {background: #222222; color: #aaa; text-align: center; padding: 10px 0px;}
.footer a {color: #ddd;}
.footer a:hover {color: white;}
