/*  
Sticky Footer Solution
by Steve Hatcher 
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 */

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

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


#wrap {
	width: 800px;
	margin: 0px auto 0px auto;
	}

#main {padding-bottom: 62px;}  /* must be 2px more than height of footer to allow for border */

#footer {
	position: relative;
	margin: -62px auto 0px auto; /* margin-top must be negative value of padding bottom */
	height: 60px;
	width: 800px;
	clear:both;
	} 

/* 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 */


/*=== The prettiness of the sitemap ===*/

/* Global Styles */
* {
	margin:0;
	padding:0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.3em; 
	color:#444444;
	background-color:#ffffff;
	}

/* Header */
#header {
	height: 100px;
	background-color: #ffffff;
	background-image:url('../images/tcc_logo.gif');
	background-position:left center;
	background-repeat:no-repeat;
	padding:15px 0 15px 0;
	border-bottom: 2px solid #0000cc;
	}
#header h1{
	text-align: right;
	margin:10px 0px 10px 0px;
	color:#4169E1;
	}
#header h2{
	text-align: right;
	margin:10px 0px 10px 0px;
	color: #85D1F4;
	}
/* Content Area */

#main {
	margin:0 auto;
	clear:both;
	padding: 0px 10px 0px 10px;
	}
.sitemap{
	margin:10px 10px 0px 40px;
	}
.sitemap ul {
	margin:5px 0 5px 30px;
	list-style-position:inside;
	}
.sitemap li {
	line-height:1.3em;
	font-size:0.9em;
	}
.sitemap a {
	color: #2e2e2e;
	text-decoration: underline;
	font-size: .9em;
	padding: 0px 3px 0px 3px;
	}
.sitemap a:hover {
	color: #0000cc;
	background-color: #D6EDF7;
	text-decoration: none;
	padding: 0px 3px 0px 3px;

	}

/* Footer */
#footer {
	border-top: 2px solid #0000cc;
	background-color: #FECC33;
	color:#4169E1;
	font-size: .8em;
	}

#footer a{
	color: #4169E1;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	font-weight: bolder;
	}
#footer a:hover{
	color: #0000cc;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	font-weight: bolder;
	}
#footer a:visited{
	color:#ffffff;
	text-decoration:underline;
	}

#footer p{
	margin:5px 0 5px 0;
	}

#foot {
	margin:0 auto;
	padding:0 10px 0 10px;
	}

#foot #left {
	width:49%;
	float:left;
	margin-top:10px;
	}
#foot #right {
	width:49%;
	float:right;
	text-align:right;
	margin-top:10px;
	}