/* ------------------------------------------------------------------
Screen
Styles for screen & projection
------------------------------------------------------------------ */


/* Tags
------------------------------------------------------------------ */
body { text-align: center; background: #3C3C3C url(../images/body-bg.gif) repeat-x 0 10px; color: #D9D9D9; padding: 10px 0; font-size:  90%; }
h1, h2, h3, h4 { color: #fff; } 


/* Links
------------------------------------------------------------------ */
a, a:link, a:visited { color: #8BD2F4; }
a:hover { color: #fff; }


/* 1-Column Layout (main)
------------------------------------------------------------------ */
body.layout-m #content { padding: 20px 40px; }
body.layout-m #side { display: none; }
body.layout-m #main  { }
body.layout-m #extra  { display: none; }

/* 2-Column Layout (side, main)
------------------------------------------------------------------ */
body.layout-sm #content { padding: 20px 40px; }
body.layout-sm #side { float: right; width: 210px; }
body.layout-sm #side .inner { padding: 0 20px 0 0; }
body.layout-sm #main  { float: left; width: 450px; }
body.layout-sm #extra  { display: none; }

/* 2-Column Layout (main, side)
------------------------------------------------------------------ */
body.layout-ms #content { padding: 20px 40px; }
body.layout-ms #side { float: right; width: 210px; }
body.layout-ms #side .inner { padding: 0 20px 0 0; }
body.layout-ms #main  { float: left; width: 450px; }
body.layout-ms #extra  { display: none; }

/* 3-Column Layout (side, main, extra)
------------------------------------------------------------------ */
body.layout-smx #content { padding: 20px 40px; }
body.layout-smx #side { float: left; width: 210px; }
body.layout-smx #side .inner { padding: 0 20px 0 0; }
body.layout-smx #main  { float: left; width: 250px; }
body.layout-smx #extra  { float: right; width: 200px; }


/* Container
------------------------------------------------------------------ */
#container { border: 1px solid #828282; background: #595959; margin: 0 auto; text-align: left; width: 768px; font-size: 86%; }


/* Header
------------------------------------------------------------------ */
#header { background: #595959 url(../images/header-bg.gif) repeat-x left bottom; float: left; width: 100%; height:  85px; }
#header h1 { width: 300px; height: 76px; margin: 0; float: left; }


/* Primary Navigation
------------------------------------------------------------------ */
#primary-navigation-container { background: url(../images/photo-1.jpg) no-repeat right bottom; }
/* self clear floated parent containers */
#primary-navigation-container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }	
#primary-navigation-container { zoom:1; } /* IE */
#primary-navigation { clear: both; background: url(../images/primary-navigation-bg.gif) no-repeat left bottom; position: relative; font-size: 75%; }
#primary-navigation ul { width: 200px; list-style-type: none; margin: 0; padding: 2px 0 10px 40px; font-size: 125%; line-height: normal; }
#primary-navigation ul li { display: inline; }
#primary-navigation ul li a { border-top: 1px solid #474747; background: url(../images/bullet-primary-navigation.gif) no-repeat 0 50%; display: block; color: #ddd; text-decoration: none; padding: 12px 10px 10px 25px; text-transform: lowercase; }
#primary-navigation ul li a:hover, 
#primary-navigation ul li.selected a { background-position: 5px 50%; color: #fff; } 
#primary-navigation ul li.first a { border: 0; }


/* Footer 
------------------------------------------------------------------ */
#footer { clear: both; background: #5F5F5F; color: #999; border-top: 1px solid #828282; font-size: 90%; }
#footer p#copyright { padding: 20px 40px; margin: 0; line-height: 1; }
#footer a, #footer a:link, #footer a:visited { color: #999; }
#footer a:hover { color: #fff; }

/* Alerts
----------------------------------------------- */
div.alertbad { background: #cc0000; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertgood { background: #009900; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertinfo { background: #003399; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertbad ul, 
div.alertgood ul, 
div.alertinfo ul, 
div.alertbad p, 
div.alertgood p, 
div.alertinfo p { margin: 0; padding: 0; }
div.alertbad a:link, 
div.alertgood a:link, 
div.alertinfo a:link { color: #fff; text-decoration: underline; }


/* Newsletter Sign Up Form
------------------------------------------------------------------ */
#newsletter-sign-up { float: right; padding: 20px 0 10px 0; width: 280px; margin: 0; }
#newsletter-sign-up label {  }
#newsletter-sign-up input.input-text { color: #888; width: 180px; vertical-align: middle; }
#newsletter-sign-up input.input-image { vertical-align: middle; }


/* Inputs
------------------------------------------------------------------ */
.input-text { border: 1px solid #333; padding: 2px; }
.input-button { border: 1px solid #000; background: #222; color: #eee; padding: 2px; font-size: 95%; }


/* Photo Floats
------------------------------------------------------------------ */
.photo-float-left { float: left; margin: 0 10px 10px 0; }
.photo-float-right { float: right; margin: 0 0 10px 10px; }
.photo-float-left img, 
.photo-float-left img { border: 2px solid #999; }


.section-title { font-size: 12px; text-transform: uppercase; background: url(../images/section-title-bg.gif) no-repeat right bottom; padding: 0 10px 10px 0; }
.separator { border-top: 1px solid #999; padding-top: 15px; }
.more { background: url(../images/bullet-arrow.gif) no-repeat 0 .4em; font-weight: bold; padding-left: 10px; }


/* Media Kit Links
------------------------------------------------------------------ */
.media-kit-links { float: right; border: 1px solid #999; width: 200px; padding: 10px; margin: 0 0 10px 15px; background: #6a6a6a; font-size: 11px;  line-height: 110%; }
.media-kit-links a:link,
.media-kit-links a:visited { color: #ddd; }
.media-kit-links a:hover { color: #fff; }
.media-kit-links ul { padding: 0; margin-left: 0; }
.media-kit-links ul li { list-style-type: none; padding: 3px 0; margin: 0; color: #fff; }
.media-kit-links ul li.selected { font-weight: bold; }
.media-kit-download-link { font-weight:bold; padding: 4px 0 4px 22px; background: url(../images/icon-zip.gif) no-repeat 0 50%; margin: 0; }


/* Thickbox styles
------------------------------------------------------------------ */
#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#TB_load{
display:none;
}

#TB_window {
	position: absolute;
	background: #3C3C3C;
	z-index: 102;
	color:#eee;
	display:none;
	border: 1px solid #333;
	text-align: left;
}

#TB_window img {
/*	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;*/
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#222;
}

#TB_ajaxContent{
	padding:15px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background: #3C3C3C;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
display:none;
}

.additional-info { display: none; }