/* 
A very big thank you to

$$$$$$$$$$$$$$$$$$$
$-----------------$
$| Steve Hatcher |$
$-----------------$
$$$$$$$$$$$$$$$$$$$

For his
Sticky Footer Solution 

http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

body { margin:0; font-size:0.9em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}



a { color:#04629C;}
a:hover { text-decoration:none;}

table{
border-bottom: solid 1px #04629C;
border-left: solid 1px #04629C;
}
td,th{
border-top: solid 1px #04629C;
border-right: solid 1px #04629C;
}

#header { background:url(images/header_bckg.jpg) repeat-x #000000;}

#logo {
	padding:40px 0 0 305px;
	height:20px;
	color: #FFF;
}
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:36px; font-size:26px;}

#menu {
	width:780px;
	margin:0 auto 0 285px;
	height:32px;
	padding-top:50px;
}
#menu ul { margin:0; padding:0;}
#menu ul li{ display:inline-block; float:left; width:100px; list-style:none; text-align:center; height:32px;}
#menu a {
	display:block;
	float:left;
	width:100px;
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	padding-top:10px;
}
#menu a:hover{
	color: #04629C
}

#main { width:100%; background-color:#FFFFFF; float:left; padding-bottom: 102px;} /* padding-bottom must be same height as the footer */

#content {
	margin:0 auto 0 auto;
	padding:10px 0 20px 0;
	width:780px;
}
#content h1 { margin:0; text-transform:uppercase; font-size:2em;}

.video_block { margin:0; padding-top:0px; background-color:#FFFFFF;}

.text_block { margin:0; padding-top:20px; float:left; background-color:#FFFFFF;}

.image {
	padding:10px 10px 10px 10px;
	margin:0;
	background-color:#f0f0f0;
	float:left;
}
.text { margin:0; float:right; width:480px; padding-left: 30px;}
.text h1 { margin:0; text-transform:uppercase; font-size:2em;}
.text li { margin:0; list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 5px;}
.schedule { margin:0; float:left; width:700px; padding-left:20px; padding-top:20px;}

.blue { margin:0; color:#04629C;}
.video { margin:0;}

#content p { margin:0; padding-top:5px; padding-bottom:10px;}

#footer {
	background:url(images/footer_bckg.jpg) repeat-x;
	height:102px;
	clear:both;
	position: relative;
	margin-top:-102px; /* negative value of footer height */
}
#left_footer {
	float:left;
	padding:30px 0 0 30px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer {
	float:right;
	padding:30px 30px 0 0;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
