/*  
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{
	background:#a6afc4 url(../images/bkg_01.jpg) top center repeat-x;
	margin:0;
	padding:0;}

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

#main {
	width:850px;
	margin:auto;
	text-align:left;
	padding-bottom: 98px;}  /* must be same height as the footer */
	
#banner{
	background:url(../images/home_01.jpg);
	width:850px;
	height:134px;}

#container{
	background:url(../images/home_05.jpg) top center repeat-y;
	width:850px;
	float:left;
	}

#left-col{
	width:220px;
	float:left;
}

#icons{
	width:145px;
	padding: 0px 0px 0px 75px;
	float:left;
}

#icons p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	}

#right-col{
	background:url(../images/home_03.jpg) top center no-repeat;
	width:585px;
	min-height:350px;
	float:right;
	padding:40px 30px 15px 15px;}

#footer {
	background-color:#000033;
	position: relative;
	margin-top: -98px; /* negative value of footer height */
	height: 98px;
	clear:both;} 
	
#foot{
	background:url(../images/home_06.jpg) top center no-repeat;
	width:830px;
	margin: auto;
	padding-top:65px;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fdd041;
	font-size:10px;
	letter-spacing: 2px;
	font-weight:bold;
	padding-left:20px;
}

#foothide{
	width:830px;
	margin: auto;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	letter-spacing: 2px;
	font-weight:bold;
}

/*-----MISC FORMATTING-----*/

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

.photo{
	background:url(../images/photo-bkg_05.jpg) bottom left no-repeat;
	padding: 0px 0px 15px 15px;
	margin:5px;}
#fb-feed{
	width:201px;
	height:396px;
	padding: 17px 17px;
	background:url(../images/facebook_bkg.gif);
	float:right;}

/*-----FONT FORMATTING-----*/
.subhead-large{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2em;
	text-transform:uppercase;
	color:#336600;
	display:block;
	margin-bottom:10px;}

.subhead-small{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1.25em;
	text-transform:uppercase;
	color:#336600;}
	
#right-col p, #right-col ul, #right-col ol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin-bottom:15px;
	letter-spacing: 1px;
	color: #FFF;
}
	
#right-col ul, #right-col ol {
	margin-left:20px;}
	
#right-col a{
	text-decoration:none;
	font-weight:bold;
	color:#336600;}
	
#right-col a:hover{
	color:#3d3d63;}
	
#foot a{
	color:#fdd041;
	text-decoration:none;}
#foot a:hover{
	color:#ABABCB;
}

#foothide a{
	color:#000033;
	text-decoration:none;
}

#foothide a:hover{
	color:#fdd041;
	}

ul {
font-size : .75em;
font-family: Arial, Helvetica, sans-serif;
list-style-image: url(../images/bulletpoint.gif);
}
#wrap #main #container #right-col p {
	color: #000;
}
#wrap #main #container #right-col ul {
	color: #060;
}
#wrap #main #container #right-col ul li {
	color: #000000;
}