@charset "utf-8";
/* CSS Document */

body, section, header, footer, article, figure, nav { display: block; margin: 0 auto; padding: 0; }
* { margin: 0; padding: 0; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	background: #FBF4DE url(../images/site_bg.jpg) no-repeat top fixed;
}

@font-face {
	font-family: 'BlackJack';
	src: url('./fonts/blackjar.eot');
	src: local('☺'), url('./fonts/blackjar.woff') format('woff'), url('./fonts/blackjar.ttf') format('truetype'), url('./fonts/blackjar.svg#BlackJackRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Boycott';
	src: url('./fonts/boycott_-webfont.eot');
	src: local('☺'), url('./fonts/boycott_-webfont.woff') format('woff'), url('./fonts/boycott_-webfont.ttf') format('truetype'), url('./fonts/boycott_-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/************************* Classes **************************/
.site_tex_drbl { background: url(../images/res_texture_deepbluesack.png) repeat; }
.site_tex_ltbl { background: url(../images/res_texture_bluesack.png) repeat; }


.social_link_32 {
	width: 32px;
	height: 32px;
	background-image: url(../images/site_social_icons_32.png);
	background-repeat: no-repeat;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	float: left;
}

#site_social_links a:hover .social_link_32 {
	background-position-x: -32px;
}


.padded_content {
	padding: 30px;	
}

.clear_both {
	clear: both;
}

/************************* IDs **************************/

/**** Wrapper for the entire site ******/
#site_wrapper {
	margin: 20px auto;
	width: 860px;
}


/**** The header for the site ******/
#site_sidebar {
	float: left;
	width: 213px;
	height: 400px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#site_header_logo {
	background: url(../images/site_logo.png) no-repeat;
	width: 213px;
	height: 248px;
	float: left;
}

#site_header_logo:hover {
	background-position: -213px 0px;
}


/**** The main navigation for the site ******/
#site_nav {
	float: right;
	font-size: 24px;
	height: 140px;
	text-align: right;
}

	#site_nav a {
		/*font-family: BlackJack, "Trebuchet MS", Arial, Helvetica, sans-serif;*/
		font-family: Boycott, "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #000;
	}
	
	#site_nav a:hover {
		color: #CC6600;
	}
	
	#site_nav ul{
		list-style: none;
		padding-top: 10px;
	}
	
	#site_nav ul li{
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	
/**** Site facebook nav *****/
#fblike {
	clear: both;
	text-align: left;
	width: 450px;
	padding-top: 10px;
	padding-left: 5px;
}

/**** The are for content of the current state ******/
#state_content {
	float: left;
	width: 630px;
	margin-left: 17px;
	text-align: left;
}

/**** The footer for the site ******/
#site_footer {
	color: #3C3A2B;
	text-shadow: #FFF 1px 1px 1px;
	clear: both;
	height: 138px;
	background-image: url(../images/site_footerbg.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	padding: 38px 0 0 275px;
}
	#stft_top { height: 40px;}
		#stft_email { float: left; width: 200px; padding-top: 15px; }
			#stft_email a { text-decoration: none; color: #3C3A2B; }
			#stft_email a:hover { color: #CC6600; } 
			#stft_email p { text-align: left; font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#stft_socialsec { float: left; width: 341px; }
			#site_social_links { float: right; }
				#site_social_links ul  { margin: 0;	padding: 0;	list-style: none; }
					#site_social_links ul li {	padding: 0;	float: left; }					
					#twitter_link_32 { background-position: 0px 0px; }
					#linkedin_link_32 { background-position: 0px -32px;	}
					#facebook_link_32 { background-position: 0px -64px;	}
					#buzz_link_32 { background-position: 0px -96px; }
					#youtube_link_32 { background-position: 0px -128px; }
					#google_link_32 { background-position: 0px -160px; }
					#picasa_link_32 { background-position: 0px -192px; }
					
	#stft_bottom { }
		#stft_numbers { font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; }
			#stft_numbers ul { list-style: none; }
				#stft_numbers ul li { float: left; text-align: left; width: 180px; }
					#stft_numbers ul li header { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
					#stft_numbers ul li p { margin-top: -3px; }