@charset "UTF-8";

/* import nav styles  */

@import url(nav.css);
@import url(typo3.css);
@import url(rss.css);
@import url(twitter.css);



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; font-size: 12px; margin-bottom: 20px !important;}
caption, th, td { text-align: left; font-weight:400; border-bottom: 1px solid #242424;}
th {border-right:1px solid #242424;
color:white;
font-weight:bold;
padding-left:0 !important;
width: 40%;}
.csc-uploads p,
.contenttable p {margin-bottom: 0;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

p sub {margin-bottom: 20px;}

a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 134%;
	color: white;
	font-weight: normal;
	height: 100%;
	background: black url(images/background_tile.jpg) repeat-x top;
}

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
	border-collapse:collapse;
border-top:1px solid #242424;
width:100%;
	}

/* @end Table Styling */

/* @group Additional Tags */


pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}


/* @end Additional Tags */

/* @group Forms */


form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-size: 11px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.csc-firstHeader {
	margin-top: 0px;
	}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

/* @end Common Classes */

/* @group Layout */



#innerPageWrap {
	width: 1016px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
    	background: transparent url(images/innerPageWrap_bg.png) no-repeat scroll center 50px
	}

#feature {
	padding: 0px;
	margin-top: 1px;
	}

#feature.bleed {
	padding: 0;
	}

#generatedContent-1 {
	width: 160px;
	float: left;
	margin-right: 20px;
	}

#generatedContent-2 {
	width: 336px;
	float: right;
	
	}

#outerContentWrap {
    background: black;
    padding: 4px 4px 0 4px;
	-webkit-box-shadow: 1px 1px 10px black;
-moz-box-shadow: 1px 1px 10px black;
box-shadow: 1px 1px 10px black;
	}

#contentWrap {
	padding: 40px 0 0 0;
	/*background: url(images/feature_shadow.png) no-repeat;*/
	margin-top: -30px;
	position: relative;
	z-index: 100;
	}

#f1d #contentBlock-1 {
	float: right;
	width: 720px;
	}

#f1e #contentBlock-1 {
	float: left;
	width: 672px;
	}


#f1f #contentBlock-1 {
	float: left;
	width: 450px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 630px;
	}

#f2a #contentBlock-2 {
	width: 378px;
	float: right;
	}


#f2b #contentBlock-1 {
	float: left;
	width: 630px;
	
	}

#f2b #contentBlock-2 {
	width: 378px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 630px;
	}

#f2c #contentBlock-2 {
	width: 378px;
	float: right;
	}



#f2d #contentBlock-1 {
	float: left;
	width: 450px;
	}

#f2d #contentBlock-2 {
	width: 250px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 360px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 250px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 360px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 250px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 250px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 360px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 250px;
	float: left;
	margin-right: 20px;
	}


/* @end Layout */

/* @group Header */

#header {
	position: relative;
	z-index: 150;
    padding: 0 4px;
	height: 220px;
	}

#masthead {
display:block;
float:left;
height:50px;
margin-left: 20px;
overflow:hidden;
position:absolute;
top:100px;

-webkit-box-shadow: 1px 1px 10px black;
-moz-box-shadow: 1px 1px 10px black;
box-shadow: 1px 1px 10px black;
	}

#masthead a {
	color: white;
float:left;
font-size:40px;
padding:20px 10px;
text-transform:uppercase;
background: black;
text-shadow: 1px -2px 3px #444444;
	}
	
#masthead a:hover {
	color: #DF0000;
	}

#tagline {
	float: right;
	width: 220px;
	height: 25px;
	overflow: hidden;
	background: url(images/tagline.gif) no-repeat;
	margin-top: 10px;
	}

#logo {position:absolute;
right: 5px;
top: 10px;}

#social {
	background:	url(images/socialIcons_bg.png) repeat-x top center;
height:30px;
margin-top:111px;
position:absolute;
right: 5px;
width: auto;}

#social a {
	border-left:1px solid #242424;
float:right;
font-family:Tahoma,Geneva,sans-serif;
font-size:0px;
padding:3px 10px 6px 25px;
text-transform:uppercase;
	}
#social a.youtube {background: url(images/socialIcons_youtube.png) no-repeat scroll 10px center;}
#social a.twitter {background: url(images/socialIcons_twitter.png) no-repeat scroll 10px center;}
#social a.rss {background: url(images/socialIcons_rss.png) no-repeat scroll 10px center;}
#social a.facebook {background: url(images/socialIcons_facebook.png) no-repeat scroll 10px center;}

/* @end Header */

/* @group Footer */

#footerWrap {
	padding-top: 20px;
	/*background: url(images/content_shadow.gif) no-repeat;*/
	border-bottom: 1px solid #242424;
	border-top: 1px solid #242424;
	margin-top: -1px;
	}

#footerBottomCap {
	height: 25px;
	/*background: url(images/footer_shadow.gif) no-repeat;*/
	}

#footer {
	/*background-color: #191f24;*/
	padding: 10px 20px 0;
}

#footerCopyright {
	float: left;
	color: #999999;
}

a#footerHomeLink {
	display: block;
	float: right;
	color: #999999;
	}

a#footerHomeLink:hover {
	
	}

/* @end Footer*/


/* @group Module Styling */

.moduleHeader {
	margin: 0;
	/*padding: 0 20px 0 0;*/
	padding: 20px;
	color: #f5f2eb;
	/*font-size: 16px;
	line-height: 18px;*/
	/*background: url(images/right_module_cap.gif) no-repeat right top;*/
	border-right: 1px solid #242424;
	}

.moduleHeaderInnerWrap {
	display: block;
	/*background: #3a4958 url(images/left_module_cap.gif) no-repeat left top;*/
	overflow: hidden;
	height: 40px;
	/*padding-left: 15px;*/
	/*padding-left: 20px;*/
	}

.moduleHeaderInnerWrap span {
	display: block;
	/*padding-top: 300px;*/
	/*background: transparent url(images/left_module_cap.gif) no-repeat left 5px;*/
	}

.moduleFooter {
	height: 0px;
	padding-right:0;
	margin: 0;
	/*background: url(images/right_module_cap.gif) no-repeat right bottom;*/
	font-size: 1px;
	overflow: hidden;
	border-right: 1px solid #242424;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	/*background: #3a4958 url(images/left_module_cap.gif) no-repeat left bottom;*/
	}

.moduleBody {
	/*padding: 20px;*/
	}

.moduleBodyWrap {
	/*background-color: #e9e4d9;*/
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	padding: 20px;
	}

.unframed .moduleBodyWrap {
	background: none;
	border: 0;
	}

.unframed .moduleBody {
	/*padding: 0;*/
	border: 0;
	}
.unframed {border: 0 !important;}

.moduleBodyBleed {
	padding: 0;
	}

.columnGroup {
	/*margin-bottom: 10px;*/
	/*padding: 10px;*/
	}

.columnGroupRule {
	border-bottom: 1px solid #242424;
	}

.moduleGroup {
	/*margin-bottom: 10px;*/
    margin-bottom: 0;
    border-bottom: 1px solid #242424;
	}

.moduleFeature {
	padding-bottom: 20px;
	border-bottom: 1px solid #242424;
	}

/* OWN */

/* DEFAULT */
.moduleGroup .moduleBodyWrap { border-right:1px solid #242424;}

/*.quadModuleGroup .moduleBodyWrap { border-right:1px solid #242424;}*/

.singleModule .module-1 .moduleBodyWrap,
.singleModule .module-1 .moduleHeader,
.singleModule .module-1 .moduleFooter { border-right:none;}

.dualModuleGroup .module-2 .moduleBodyWrap,
.dualModuleGroup .module-2 .moduleHeader,
.dualModuleGroup .module-2 .moduleFooter { border-right:none;}

.tripleModuleGroup .module-3 .moduleBodyWrap,
.tripleModuleGroup .module-3 .moduleHeader,
.tripleModuleGroup .module-3 .moduleFooter { border-right:none;}

.quadModuleGroup .module-4 .moduleBodyWrap,
.quadModuleGroup .module-4 .moduleHeader,
.quadModuleGroup .module-4 .moduleFooter { border-right:none;}


.moduleHeaderNoTitle {padding: 0;display: none;}
.module {margin: 0 !important;}

.column {padding: 20px;margin: 0 !important;}


/* F1*/
#f1e #contentBlock-1 .singleModule .module-1 .moduleBodyWrap,
#f1e #contentBlock-1 .singleModule .module-1 .moduleHeader,
#f1e #contentBlock-1 .singleModule .module-1 .moduleFooter,
#f1e #contentBlock-1 .dualModuleGroup .module-2 .moduleBodyWrap,
#f1e #contentBlock-1 .dualModuleGroup .module-2 .moduleHeader,
#f1e #contentBlock-1 .dualModuleGroup .module-2 .moduleFooter,
#f1e #contentBlock-1 .tripleModuleGroup .module-3 .moduleBodyWrap,
#f1e #contentBlock-1 .tripleModuleGroup .module-3 .moduleHeader,
#f1e #contentBlock-1 .tripleModuleGroup .module-3 .moduleFooter,
#f1e #contentBlock-1 .quadModuleGroup .module-4 .moduleBodyWrap,
#f1e #contentBlock-1 .quadModuleGroup .module-4 .moduleHeader,
#f1e #contentBlock-1 .quadModuleGroup .module-4 .moduleFooter{ border-right:1px solid #242424;}

/* F2*/

#f2b #contentBlock-1 .singleModule .module-1 .moduleBodyWrap,
#f2b #contentBlock-1 .singleModule .module-1 .moduleHeader,
#f2b #contentBlock-1 .singleModule .module-1 .moduleFooter,
#f2b #contentBlock-1 .dualModuleGroup .module-2 .moduleBodyWrap,
#f2b #contentBlock-1 .dualModuleGroup .module-2 .moduleHeader,
#f2b #contentBlock-1 .dualModuleGroup .module-2 .moduleFooter{ border-right:1px solid #242424;}

/* @end Module Styling */





/* GENERATED CONTENT 1 */

#generatedContent-2 .csc-default {border-bottom: 1px solid #242424;padding: 20px;}

