/*
Company:	John Boehner
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/


/* @group HTML, Body */
html {
	background: #416600 url('../images/bg.jpg') repeat-x fixed top center;
}
body {
	font-family: "FuturaBT Medium", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
	font-size: 0.75em; /* 12px */
}
/* @end */

/* @group Layout */
/* Head */
#hd {
	color: #fff;
	margin: 0 auto 5px auto;
	width: 970px;
}

#logo {float: left; margin: 5px 40px 0 0;}
#tagline {
	float: left;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 2em;
	font-style: italic;
	line-height: 1.1;
	margin: 20px 0 0 0;
}
#tagline strong {font-size: 1.5em; font-weight: normal;}
#tagline span {display: block; padding-left: 100px;}

/* Body */
#bd {
	margin: 0 auto 5px auto;
	width: 985px;
}

/* Content */
#content {
	background: url('../images/body-bg.png') no-repeat top;
	height: 360px;
	margin: 0 0 30px 0;
	padding: 15px 25px 0 155px;
	position: relative;
}

#content .text {
	clear: both;
	font-family: "FuturaBT Light", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
	margin: 0 0px 0 160px;
}

#content .text h2 {
	font-family: "FuturaBT Medium", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#content-wide-top {
	background: url(../images/inside-content-top.png) no-repeat 0 0;
	width: 970px;
	height: 10px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
#content-wide-btm {
	background: url(../images/inside-content-btm.png) no-repeat 0 0;
	width: 970px;
	height: 88px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
#content-wide-btm .nav {
	padding: 10px 0 0 0;
	margin-bottom: 0;
	margin-right: 40px;
	float: right;
	display: inline;
}
#content-wide-btm .nav li {
	margin-left: 20px;
	float: left;
	display: inline;
}
#content-wide {
	background: url(../images/inside-content-bkg.gif) repeat-y 0 0;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	width: 970px;
	padding: 60px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}

#content-wide .content-single {
	padding: 10px 40px;
}

.content-cols {
	background: url(../images/inside-content-bkg-green.gif) repeat-y 0 0;
}
.content-cols-fade {
	background: url(../images/inside-content-green-fade.gif) no-repeat 0 0;
	overflow: hidden;
	padding-bottom: 30px;
}

.content-cols .pic-col {
	width: 307px;
	float: left;
	display: inline;
}
.content-cols .pic-col p {
	height: 400px;
}
.content-cols .pic-col img {
	position: absolute;
	margin: -70px 0 0 0;
	z-index: 100;
}

.content-cols .main {
	width: 564px;
	margin: 0 0 0 40px;
	float: left;
	display: inline;
}

/* Columns */
div.left-col {
	width: 40%;
	padding: 20px 4%;
	float: left;
	display: inline;
}

div.right-col {
	width: 40%;
	padding: 20px 4%;
	float: right;
	display: inline;
}


#inside-nav {
	padding-left: 250px;
	height: 30px;
	margin-top: -60px;
	z-index: 300;
	width: 700px;
}

/* Footer */
#ft {
	color: #fff;
	margin: 0 auto 0 auto;
	width: 970px;
	padding: 0 0 20px 0;
}

	/* Search Box */
	#search-box {float: left;}
	#search-box input {float: left;}
	#search-box .text {margin: 0 5px 0 0;}
	
	/* Social */
	#social {
		clear: left;
		float: left;
		list-style: none;
		margin: 0;
	}
	#social li {float: left; list-style: none; margin: 0 5px 0 0;}

	/* Credits */
	#credits {
		color: #CCDBBC;
		font-family: "FuturaBT Light", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
		float: right;
		padding: 3px 0 0 0;
		text-align: right;
		display: inline;
	}
	
	#credits .paid {
		border: 1px solid #fff;
		padding: 2px 4px;
	}
	
	#credits address {margin-top: 15px;}

/* @end */

/* @group Modules */
/* Columns */
#columns {
	background: url('../images/home-cols-bg.png') no-repeat bottom center;
	font-family: "FuturaBT Light", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
	margin: 10px 0 0 0;
	padding: 0 0 15px 7px;
}

#columns .col {
	float: left;
	margin: 0 13px 0 0;
	padding: 0 20px;
	width: 275px;
}

#columns .col.video {margin-right: 0;}

#columns .col h2 {
	background: url('../images/columns-head-bg.png') no-repeat top center;
	color: #fff;
	height: 37px;
	line-height: 37px;
	margin: -10px -20px 10px -20px;
	padding: 0 15px;
	width: 285px;
}

.col h2 img {float: left; margin: 11px 0 0 0;}
.col h2 .rss {float: right; margin: 8px 0 0 0;}

	/* Blog */
	.col.blog h3 {
		font-family: "FuturaBT Book", Futura, "Century Gothic", AppleGothic, Arial, sans-serif;
	}
	.col.blog h3 a:link, .col.blog h3 a:visited {color: #000;}
	
	/* News */
	.col.news ul {font-size: 1.333em; margin: 0;}
	.col.news li {list-style: none; margin-bottom: 5px;}
	.col.news .date {display: block; font-size: 0.75em;}
	
	.col.news a:link, .col.news a:visited {color: #000;}
	
	/* Latest Video */
	.col.video {color: #fff;}
	
	.col.video .info {float: left; padding-bottom: 10px; width: 105px;}
	.col.video .thumb {float: right; padding-bottom: 10px; width: 155px;}
	
	.col.video a:link, .col.video a:visited {color: #fff; font-size: 1.083em; text-transform: uppercase;}

/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Headings */
h3 {font-size: 1.417em; font-weight: normal; margin: 0;}

#content-wide h2 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: normal;
}
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Nav */
#content .nav, #content-wide .nav {
	float: right;
	font-family: 'HelveticaNeue-CondensedBold','Helvetica Neue Bold Condensed','ArialNarrow-Bold','Arial Narrow','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 1.417em;
	font-weight: bold;
	margin: 0 0 0px 0;
}

#content .nav li, #content-wide .nav li {float: left; list-style: none; margin: 0 0 0 20px; padding: 0 0 10px 0;}
#content #nav li a, #content-wide #nav li a {
	display: block;
	padding: 0 0 10px 0;
}

#content .nav a:link, #content .nav a:visited, #content-wide .nav a:link, #content-wide .nav a:visited {color: #444;}
#content .nav li.active a:link, #content .nav li.active a:visited, #content-wide .nav li.active a:link, #content-wide .nav li.active a:visited {color: #609200; text-decoration: none;}
#content .nav a:hover, #content-wide .nav a:hover {background: url('../images/nav-active.gif') no-repeat bottom center; text-decoration: none;}

#content .nav.secondary, #content-wide .nav.secondary {
	bottom: 5px;
	margin: 0;
	position: absolute;
	right: 25px;
}
#content .nav.secondary li, #content-wide .nav.secondary li {margin: 0 0 0 25px;}

#inside-nav {
	position: absolute;
}
/* @end */

/* @group Forms */
input[type='text'], input.text {
	background: #fff;
	border: 1px solid #000;
	padding: 3px 5px;
	width: 178px;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #255C00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.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 */
/* @end */



.c_shell
{
	position:relative;
	height:221px;
	overflow:hidden;
	width:641px;
}

.c_shell .c_body
{
	position:absolute;
	left:0px;
	top:0px;
}
.c_shell .c_body a {
	position:absolute;
	left:0px;
	top:0px;
	z-index: 10;
	background: #fff;
}
.c_shell .c_thumbnails
{
	position:absolute;
	right:0px;
	top:194px;
	width:214px;
	height:27px;
	cursor:pointer;
}
#slider .frame a.under {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	
}