body {
font: 14px/140% Verdana, Arial, Helvetica, sans-serif;
color: #ddd;
background: url('../images/bg.jpg') fixed center bottom;
background-color: #333;
margin-top: 0;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear {clear: both; margin: 0; padding: 0; }

a { text-decoration: none; color: #ccc; }
a:hover { text-decoration: none; color: #e2961d; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin: 0; padding-top: 5px; padding-bottom: 5px; color: #fff; line-height: 1em; font-family: Century Gothic, sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fff; }
h1 { font-size: 28px; padding-bottom: 20px;}
h2 { font-size: 24px; }
h3 { font-size: 20px; background-color: #5c1221;}
h4 { font-size: 18px; }
h5 { font-size: 16px; color: #e2961d;}
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}

#wrapper {
width: 993px;
height: 100%;
margin-left: auto;
margin-right: auto;
background-image: url('../images/body-bg.png');
}

#top-content {
height: 80px;
background-image: url('../images/top_bg.jpg');
}

#banner {
height: 299px;
}

#main-content {
height: 100%;
margin-left: 10px;
margin-right: 10px;
}

#bottom-content {
clear: both;
margin-left: 15px;
margin-right: 15px;
font-size: 11px;
color: #666;
}

#terms {
width: 993px;
margin-left: 15px;
margin-right: 15px;
font-size: 11px;
color: #666;
text-align: center;
}

#logo {

width: 300px;
height: 80px;
background-image: url('../images/hf-tutoring-logo.png');
}

#phone {
float: right;
padding-top: 9px;
}

#nav {
float: right;
z-index: -999;
}

#nav-heading {
font-size: 14px;
font-weight: bold;
}

#copyright {
float: left;
margin-top: 10px;
}

#design-by {
float: right;
margin-top: 10px;
}

#left-menu {
float: left;
width: 160px;
height: 100%;
margin-top: 6px;
}

#left-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#left-menu a {
color: #fff;
font-size: 16px;
font-weight: bold;
font-family: Century Gothic, sans-serif;
}

#left-menu a:hover {
color: #e2961d;
}

#left-menu .header {
font-size: 18px;
font-weight: bold;
font-family: Century Gothic, sans-serif;
line-height: 30px;
}

.headeron {
font-size: 18px;
font-weight: bold;
font-family: Century Gothic, sans-serif;
line-height: 30px;
color: #e2961d;
}

#left-menu .yellowtxt {
color: #e2961d;
font-size: 16px;
font-weight: bold;
font-family: Century Gothic, sans-serif;
}

#right-menu {
float: right;
width: 110px;
height: 100%;
text-align: center;
margin-top: 6px;
}

#right-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#content {
float: left;
width: 680px;
height: 100%;
margin-left: 15px;
}

#video {
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}

.quote {
font-size: 18px;
font-family: Trebuchet MS;
font-style: italic;
color: #ddd;
}

.quote-user {
font-size: 17px;
font-family: Trebuchet MS;
font-style: italic;
color: #fff;
}

#announcement {
font-size: 19px;
font-family: Trebuchet MS;
color: #fff;
line-height: 1.3em;
margin-bottom: 20px;
}

.page-title {
color: #fff;
font-size: 40px;
font-weight: none;
font-family: Trebuchet MS, Helvetica, sans-serif;
margin-right: 25px;
line-height: 65px;
}

.phone {
font-size: 18px;
font-weight: bold;
font-family: Century Gothic, sans-serif;
color: #fff;
}

.whitetxt {
color: #fff;
}

.yellowtxt {
color: #e2961d;
}

.redtxt {
color: #5c1221;
}

.errortxt {
color: #DD0000;
font-size: 16px;
}

.successtxt {
color: #00DD00;
font-size: 16px;
}

.warningtxt {
color: #FFF000;
}

.blacktxt {
color: #000000;
}

.bodytxt {
color: #ddd;
}

.flyertxt {
color: #000000;
font-size: 11px;
font-family: Verdana, sans-serif;
}

.flyerheader {
color: #000000;
font-size: 20px;
}

.flyercourse {
color: #000000;
font-size: 22px;
}

.red-header {
font-size: 17px;
font-family: Trebuchet MS;
color: #5c1221;
}

form {
margin: 0;
padding: 0;
}

select {
border: 			1px solid #333; 
width: 			312px; 
height: 			32px;
padding: 		3px;
font-size:		15px;
color:			#fff;
background-color:	#080808;
}

.input_box{ 
border: 			1px solid #333; 
width: 				300px; 
height: 			26px;
padding-top:		6px;
padding-bottom:		1px;
padding-left:		5px;
padding-right:		5px;
font-size:			15px;
color:				#fff;
background-color:	#080808;
}

.button{ 
width:				120px; 
height:				30px;
font-size:			15px;
}

.button-disabled{ 
background-color: #444;
width:				100px; 
height:				30px;
font-size:			15px;
color: 				#ddd;
border: 				0;
border-color:		#000;
}

textarea{ 
width: 				640px; 
height: 			180px; 
padding-top:		6px;
padding-bottom:		1px;
padding-left:		5px;
padding-right:		5px;
border: 			1px solid #333; 
overflow:			auto;
font-size:			15px;
color:				#fff;
font: 				14px/140% Verdana, Arial, Helvetica, sans-serif;
background-color:	#080808;
}

.verif_box{ 
border: 			1px solid #333; 
width: 				80px; 
height: 			26px;
padding-top:		6px;
padding-bottom:		1px;
padding-left:		5px;
padding-right:		5px;
font-size:			15px;
color:				#fff;
background-color:	#080808;
}

.verif_img{
vertical-align: 	text-bottom;
height: 			26px;
background-color:	#080808;
}

.input_box:hover, 
.input_box:focus, 
.verif_box:hover,
.verif_box:focus,
select:hover,
select:focus,
textarea:hover, 
textarea:focus{ 
border:				1px solid #5c1221;
background-color:	#0F0F0F;
}

.instructor {
border: 			3px solid #f0f0f0; 
}

.section {
font-size: 18px;
font-weight: bold; 
color: #e2961d;
}

.addresstxt {
font-size: 12px;
color: #999;
}

#report-confirm {
float: left;
width: 180px;
text-align: center;
}

#report-cancel {
float: left;
text-align: center;
}

.cover {
border: 2px solid #d0d0d0; 
}