/* 8/31/2009 Trevor Davis Flight 93 Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #9f9b9d; color: #000; font: 13px/18px Georgia, "Times New Roman", Times, serif; behavior: url("csshover3.htc"); }

h1 { color: #ac3f03; font-size: 28px; line-height: 34px; }
h2 { color: #ac3f03; font-size: 21px; line-height: 27px; }
h3 { color: #42423f; font-size: 18px; line-height: 24px; }
h4 { font-size: 14px; line-height: 18px; }
h5, h6 { font-size: 13px; }

a { color: #18117a; text-decoration: none; }
a:visited { color: #64b7df; }
a:hover { text-decoration: underline; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 18px; }
blockquote { color: #666; font-style: italic; margin: 0 18px; }
th, td { padding: 4px 8px; text-align: left; vertical-align: top; }
thead th { background: #18117a; color: #fff; }
.even { background: #eaeaf3; }
label { cursor: pointer; }
input, textarea, select { border: 1px solid #b4b4b4; font: 12px Arial, sans-serif; padding: 2px 3px; }
.bold { font-weight:bold; }

/*****Simple Reusable Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader, .flash-replaced .alt { display: block; left: -9999px; overflow: hidden; position: absolute; top: -9999px; }
.lead { color: #ac3f03; font-size: 14px; font-weight: bold; line-height: 20px; }
.leftSide { float: left; margin: 0 20px 10px 0; }
.rightSide { float: right; margin: 0 0 10px 20px; }
.button { 
	background: #0f0a48 url(/images/template/button-bg.png) repeat-x;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	overflow: visible;
	padding: 2px 10px;
	vertical-align: middle;
}
.pushDown-donate { margin-top:60px; }

/*****Basic Layout*****/
#container { margin: 0 auto; overflow: hidden; padding: 0 0 20px; width: 918px; }
#header { 
	background: url(/images/template/header-bg.png) no-repeat; 
	float: left; 
	height: 152px; 
	margin: 0 0 7px;
	position: relative; 
	width: 100%;
}
#content { background: #fff url(/images/template/content-bg.png) repeat-y; float: left; width: 700px; }
#sidebar { float: right; margin: -37px 0 0; /*margin:7px 0 0 0;*/ width: 218px; }
#footer {
	background: #f5f1cd url(/images/template/footer-bg.png) repeat-y;
	clear: both;
	float: left;
	font-size: 11px;
	line-height: 16px;
	width: 100%;
}

/*****Header*****/
#header #logo {
	display: block;
	height: 92px;
	left: 38px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 31px;
	width: 648px;
}
#header .giveButton {
	background: url(/images/template/header-give-button.png) no-repeat;
	display: block;
	height: 45px;
	overflow: hidden;
	position: absolute;
	right: 36px;
	text-indent: -9999px;
	top: 49px;
	width: 164px;
}

#content .giveButton {
	background: url(/images/template/header-give-button.png) no-repeat;
	display: block;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	width: 164px;
}

/*****News Ticker*****/
.newsTicker { 
	background: #f7f7ed;
	float: left;
	margin: 0 0 7px 9px;
	position: relative;
	width: 681px;
}
.newsTicker h2 { float: left; }
.newsTicker h2 a {
	display: block;
	height: 28px;
	overflow: hidden;
	position: relative;
	width: 164px;
}
.newsTicker h2 span {
	background: url(/images/template/news-ticker-label.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.newsTicker ul { 
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 9px;
	width: 479px;
}
.newsTicker li a { color:#18117a; display: block; font-size:.9em; font-weight: bold; padding: 5px 0 0; }
.newsTicker .rss { 
	background: url(/images/template/rss-icon.png) no-repeat;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 5px;
	width: 18px;
}
.newsTicker p { margin:0; padding:5px 0 0 175px; }

ul.news {
	list-style: none;
	margin-left: 0;
}
ul.news li { margin-bottom: 0; }
ul.news .noSummary { margin-bottom: 18px; }
ul.news .date {
	color: #723f16;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-right: 5px;
}

/*****Content*****/
#content .wrapper { background: url(/images/template/content-top.png) no-repeat; float: left; width: 700px; }
#content .container { background: url(/images/template/content-bottom.png) no-repeat bottom left; float: left; padding: 9px 9px 7px; width: 680px; }
#content .inner { border: 7px solid #ac3f03; float: left; padding: 24px; width: 620px; }

/*Color Coding*/
#join #content  .inner { border-color: #64b7df; }
#remember #content .inner, #never-forget #content .inner { border-color: #b50613; }
#connect #content .inner { border-color: #ec8303; }
#news #content .inner { border-color: #ec8303; }
#anniversary #content .inner { border-color: #18117a; }
#events #content .inner { border-color: #18117a; }
#never-forget #content .inner, #forty-for-forty #content .inner { border-color: #e55157; }
#join h1, #join h2 { color: #64b7df; }
#remember h1, #remember h2 { color: #b50613; }
#connect h1, #connect h2 { color: #ec8303; }
#news h1, #news h2 { color: #ec8303; }
#anniversary h1, #anniversary h2 { color: #18117a; }
#events h1, #events h2 { color: #18117a; }
#never-forget h1, #never-forget h2, #forty-for-forty h1, #forty-for-forty h2 { color: #e55157; }
#join .lead { color: #64b7df; }
#remember .lead, #never-forget .lead, #forty-for-forty .lead { color: #b50613; }
#connect .lead { color: #ec8303; }
#news .lead { color: #ec8303; }
#anniversary .lead { color: #18117a; }
#events .lead { color: #18117a; }
#never-forget .lead { color: #e55157; }

/*Content Elements*/
#content img { 
	background: #fff;
	border: 1px solid #e4e4da;
	border-radius: 1px;
	-moz-border-radius: 1px;
	padding: 3px;
	-webkit-border-radius: 1px;
}

#content img.no-background { background:none; border:none; }
#content .small-print { font-size:11px; }

/*Toggle*/
.design-toggle { margin:0; }
.design-toggle > p { clear:right; color: #18117a; cursor:pointer; margin:0; padding:.25em; }
.design-toggle div { /*display:none; */clear:right; padding:.5em .25em; }

/*Never Forget Event */
.sponsors { list-style: none; margin: 0 0 20px 100px; overflow: hidden; }
.sponsors li { float: left; margin-right: 20px; }
.sponsors li.last { margin-right: 0; }
.sponsors img { display: block; }

.feature { float: left; width: 269px; }
.feature.alt { float: right; }
.feature img { display: block; margin-bottom: 12px; }

.guests, .hosts { list-style: none; margin: 0; overflow: hidden; }
.hosts li { float: left; margin: 0 10px 10px 0; width: 125px; }
.guests li { float:left; margin: 0 10px 5px 0; padding:10px; width:auto; }
.stripe { background:#dedede; }
.guests li img  { background:#fff; border:1px solid #00104a; float:left; margin-right:10px; padding:10px; width:auto; }
.guests li div.special-guest { float:left; width:440px; }
.guests li div.special-guest.large { width: 227px; }
.guests li div.special-guest h2 { font-size:1.5em; padding-bottom:.5em }
.hosts li { width: auto; }
.hosts img, .guests img { display: block; }

.rockyLetter {
	background: #fff url(/images/never-forget/rocky-banner.jpg) no-repeat;
	border: 1px solid #CBD9F4;
	display: block;
	/*float: left;*/
	font-size: 1.5em;
	line-height: 1.333em;
	margin-top: 20px;
	padding: 26px 10px 26px 210px;
	text-decoration: none;
	width:130px;
}
.rockyLetter strong { display: block; }

/*Share*/
div.share { float:right; margin-bottom:10px; }

/*Social Networking*/
#content #twitter_update_list { list-style: none; margin: 0; }
#content #twitter_update_list li { margin-bottom: 10px; }

/*Newsletter*/
.newsletter-signup { margin-bottom:20px; }


table#anniversary td div.event-info { display:none; }

table#anniversary td div.event-info span { background: #fff url(/images/template/anniversary-arrow.gif) no-repeat 0px 0; display:block; height:10px; margin-left:-22px; margin-top:-5px; position:absolute; width:10px;  }

table#anniversary td:hover div.event-info { 
	background: #fff;
	border:3px solid #18107B;
	color:#000;
	display:block;
	font-weight:normal;
	float:right;
	margin-left:210px;
	margin-top:-20px;
	padding:10px;
	position:absolute;
	width:300px;
}

/*Search Results*/
ol.paging { float: left; list-style: none; margin-left: 5px; width: 100%; }
ol.paging li { float: left; margin-right: 5px; }
ol.paging li a { display: block; float: left; }

/*****Forms*****/
ol.forms {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ol.forms li {
	clear: both;
	float: left;
	margin: 0 0 0.75em 0;
	width: 100%;
}

ol.forms li label {
	display: block;
	float: left;
	margin-right: 1%;
	text-align: right;
	width: 27%;
}
ol.smaller li label { width: 10%; }

ol.forms li input[type="text"], ol.forms li textarea, ol.forms li select { 
	border: 1px solid #c2c9ac;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
ol.forms li input { font: 1em Verdana, Arial, Helvetica, sans-serif; }
ol.forms li input[type="text"]:focus, ol.forms li textarea:focus { border-color: #021349; }
ol.forms li input, ol.forms li textarea { width: 50%; }
ol.forms li input.small { width: 20%; }
ol.forms li input.medium { width: 40%; }
ol.forms li textarea.medium { height: 6em; }
ol.forms li.noLabel input { width: 100%; }
ol.forms li span.help {
	color: #333;
	display: block; 
	font-size: 0.917em;
	margin: 0.5em 0 0 28%;
}

ol.forms li .error {
	display: block; 
	margin: 0.5em 0 0 28%;
}
form#signUpForm .error { 
	display: block;
	margin: 0.5em 0 0 0;
}

ol.smaller li .error { margin-left: 11%; }

.required, .error { color: #f00; }

ol.forms li.buttons button {
	background: #021349;
	border: none;
	color: #fff;
	cursor: pointer;
	margin-left: 28%;
	float: left;
}

ol.forms li.buttons img { float: right; }
ol.smaller li.buttons button, ol.forms li.primary button {
	float: none;
	margin-left: 11%;
}
 ol.forms li.primary button { margin-left: 28%; }

ol.forms li.grouping label, ol.forms li.longLabel label {
	float: none;
	padding-bottom: 0.5em;
	text-align: left;
	width: 99%;
}

ol.forms li.longLabel input, ol.forms li.longLabel textarea { margin-left: 28%; }
ol.forms li.longLabel select { margin-left: 10%; }
ol.forms li.single input {
	margin-left: 0;
	width: auto; 
}

ol.forms li ol {
	float: left;
	list-style: none;
	margin: 1em 0 1em 28%;
	padding: 0;
	width: 72%;
}

ol.forms li ol li {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

ol.forms li ol li input {
	display: block;
	float: left;
	width: auto;
}

ol.forms li ol li label, ol.forms li.grouping ol li label {
	float: left;
	font-weight: normal;
	width: auto;
}
/*****Sidebar*****/
#searchForm { margin-right: 9px; text-align: right; }
#searchForm p { margin-bottom: 17px; }
#searchForm #q { margin-right: 4px; position: relative; top: 2px; width: 122px; }
ol.searchResults  { margin-left:0;  }
ol.searchResults li { list-style-type:none; }
ol.searchResults li { padding: 10px; }
#nav { list-style: none; margin: 0; padding: 0 0 6px; width: 211px; }
#nav li { margin-bottom: 7px; }
#nav a { 
	display: block;
	height: 38px;
	overflow: hidden;
	position: relative;
	width: 211px;
}
#nav span { 
	background: url(/images/template/nav.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#nav .join span { background-position: 0 0; }
#nav .remember span { background-position: 0 -38px; }
#nav .memorial span { background-position: 0 -76px; }
#nav .connect span { background-position: 0 -114px; }
#nav .anniversary  span { background-position: 0 -152px; }
#nav .never-forget span { background-position: 0 -190px; }
#nav .forty-for-forty span { background-position: 0 -228px; }

#join #nav .join a, #remember #nav .remember a, #memorial #nav .memorial a, #connect #nav .connect a, #anniversary #nav .anniversary a, #never-forget #nav .never-forget a, #forty-for-forty #nav .forty-for-forty a { left:-7px; width:218px; }
#join #nav .join span { background-position: -211px 0; }
#remember #nav .remember span { background-position: -211px -38px; }
#memorial #nav .memorial span { background-position: -211px -76px; }
#connect #nav .connect span { background-position: -211px -114px; }
#anniversary #nav .anniversary span { background-position: -211px -152px; }
#never-forget #nav .never-forget span { background-position: -211px -190px; }
#forty-for-forty #nav .forty-for-forty span { background-position: -211px -228px; }

#nav ul { 
	background: #fff;
	list-style: none;
	margin: 0 0 0 4px;
	padding: 10px 15px 15px;
	width: 173px;
}
#nav ul ul { margin: 0 0 0 15px; padding: 0; width: 158px; }
#nav ul li { margin-bottom: 3px; }
#nav ul .current { font-weight: bold; }
#join #nav .join ul a, #remember #nav .remember ul a, #memorial #nav .memorial ul a, #connect #nav .connect ul a,  #anniversary #nav .anniversary ul a, #never-forget #nav .never-forget ul a, #forty-for-forty #nav .forty-for-forty ul a { height:auto; left:0; width:auto; }
#join #nav .join ul a { color: #64b7df; }
#remember #nav .remember ul a, #never-forget #nav .remember ul a { color: #b50613; padding-left:15px; text-indent:-15px; }
#memorial #nav .memorial ul a { color: #ac3f03; }
#connect #nav .connect ul a { color: #ec8303; }
#anniversary #nav .anniversary ul a { color: #18117a; }
/*#never-forget #nav .never-forget ul a { color: #e55157; }*/

.module { margin: 0 0 12px 4px; width: 203px; }

/*Social Networking*/
.social-networking-module { float:left; margin:0 3px 0 0; width:auto; }
.social-networking-module.twitter { float:left; margin:0 3px 0 0; width:200px; }
.social-networking-module.facebook { float:left; margin:0 3px 0 0; width:225px; }
.social-networking-module.youtube { float:left; margin:0 3px 0 0; width:auto; }
#content #twitter_update_list { float:left; list-style: none; margin:0; width:200px; }
#content #twitter_update_list li { float:left; margin-bottom:10px; }

/*****Footer*****/
#footer .wrapper { background: url(/images/template/footer-top.png) no-repeat; overflow: hidden; }
#footer .inner { background: url(/images/template/footer-bottom.png) no-repeat bottom left; float: left; padding: 30px 42px 25px 39px; width: 837px; }
#footer p { margin-bottom: 0; }
#footer abbr { border-bottom: none; }
#footer .contactInfo { float: left; width: 473px; }
#footer .contactInfo .matrix { margin-top: 16px; }
#footer .partners { float: right; list-style: none; margin: 5px 0 0; width: 344px; }
#footer .partners li { float: left; margin-left: 14px; }
#footer .partners .first { margin-left: 0; }

/*****Home*****/
#home #container { background: url(/images/template/home-container-bg.png) repeat-y; padding-bottom: 0; }
#home #header { background:url(/images/template/home-header-bg.png) no-repeat; float:none; height:145px; margin:0 auto; width:900px; }
#home #branding { height: 300px; margin: 0 auto; overflow: hidden; position: relative; width: 900px; }
#home #branding .frames { float: left; height: 300px; overflow: hidden; position: relative; }
#home #branding .frame { background:url(/images/template/branding-frame-1.jpg) no-repeat; float:left; height:300px; position:relative; width:900px; }

/* #home #branding #frame1 { margin:-5px 0 0 -5px; } for the video on the homepage */
#home #branding #join-campaign { background-image: url(/images/feature/join-campaign.jpg); }
#home #branding #remember-heroes { background-image: url(/images/feature/remember-heroes.jpg); }
/*#home #branding #groundbreaking { background-image: url(/images/feature/groundbreaking.jpg); }*/
#home #branding #field-of-honor-forever { background-image: url(/images/feature/field-of-honor-forever.jpg); }
#home #branding #stay-connected { background-image: url(/images/feature/stay-connected.jpg); }
#home #branding #riders-days-heroes { background-image: url(/images/feature/riders-days-heroes.jpg); }
#home #branding #construction-begins { background-image: url(/images/feature/construction-begins.jpg); }
#home #branding #memorial-match { background-image: url(/images/feature/memorial-match.jpg); }
/*#home #branding #what-is-a-hero { background-image: url(/images/feature/what-is-a-hero.jpg); }*/
#home #branding #what-is-a-hero { background-image: url(/images/feature/F93_banner_names3.jpg); }
#home #branding #construction-webcam { background-image: url(/images/feature/earth-cam.jpg); }

#home #branding .frame .branding { color:#fff; font-size:18px; font-weight:bold; left:0; line-height:24px; padding:20px 45px; position:absolute; top:100px; width:810px; z-index:10; height:108px; }
/* blue */
#home #branding #join-campaign .branding,
#home #branding #riders-days-heroes .branding,
#home #branding #memorial-match .branding,
#home #branding #what-is-a-hero .branding { background:url(/images/feature/bg-blue.png); background:rgba(99, 182, 222, .8); }
/* red */
#home #branding #stay-connected .branding,
#home #branding #remember-heroes .branding { background:url(/images/feature/bg-red.png); background:rgba(181, 6, 19, .8); }
/* brown */
#home #branding #groundbreaking .branding { background:url(/images/feature/bg-brown.png); background:rgba(173, 60, 0, .8); }
#home #branding #construction-webcam .branding { background:url(/images/feature/bg-brown.png); background:rgba(173, 60, 0, .8); }
/* orange */
#home #branding #construction-begins .branding,
#home #branding #field-of-honor-forever .branding { background:url(/images/feature/bg-orange.png); background:rgba(236, 131, 3, .8); }

.special { color:#424b5a !important }
#home #branding .frame h2 { color:#fff; font-size:48px; font-weight:normal; left:35px; line-height:54px; position:absolute; top:58px; z-index:100; }
#home #branding .frame a { color: #e8c72d; }
#home #branding .nav { left:0; list-style:none; margin:0; position:absolute; top:134px; width:900px; z-index:1000; }
#home #branding .nav li { height:51px; position:absolute; top:0; width:39px; z-index:1000; }
#home #branding .nav .previous { left:0; }
#home #branding .nav .next { right:0; }
#home #branding .nav a {
	background: url(/images/template/home-branding-nav.png) no-repeat;
	display: block;
	height: 51px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 39px;
	z-index: 1000;
}
#home #branding .nav .next a { background-position: -39px 0; }
#home #content { background: url(/images/template/home-content-bg.png) no-repeat bottom left; width: 918px; }
#home #content .container { 
	background: none;
	float: none;
	margin: 23px auto 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 918px;
}
#home #nav {
	background: url(/images/template/home-nav-shadow.png) no-repeat -7px 0;
	height: 150px;
	margin: 0 auto;
	overflow: hidden;
	padding: 7px 0;
	position: relative;
	width: 834px;
}
#home #nav ul { 
	background: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#home #nav li {
	float: left;
	height: 150px;
	margin: 0 5px 0 0;
	width: 205px;
}
#home #nav a { height: 150px; text-indent: 10px; width: 205px; }
#home #nav span { background: url(/images/template/home-nav.png); }
#home #nav .remember span { background-position: -205px 0; }
#home #nav .memorial span { background-position: -410px 0; }
#home #nav .connect span { background-position: -615px 0; }
#home #nav .anniversary span { background-position: -1025px 0; }
#home #nav .never-forget span { background-position: -820px 0; }
#home #nav .national-parks span { background-position: -1230px 0; }
#home #content .container .nav {
	left: 0;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 64px;
	width: 918px;
}
#home #content .container .nav li { height: 51px; position: absolute; top: 0; width: 39px; }
#home #content .container .nav .previous { left: 3px; }
#home #content .container .nav .next { right: 12px; }
#home #content .container .nav a {
	background: url(/images/template/home-nav-arrows.png) no-repeat;
	display: block;
	height: 51px;
	overflow: hidden;
	text-indent: -9999px;
	width: 48px;
}
#home #content .container .nav .next a { background-position: -48px 0; }

#home #footer { 
	background: none;
	float: none;
	margin: 26px auto 0;
	overflow: hidden;
	padding: 0 0 42px 0;
	width: 835px;
}
#home #footer img { background: none; border: none; padding: 0; }

/*****Layout for thumbnail images for preview*****/
span.imgWrapperLeft {
	display: block;
	float: left;
	padding: 15px 15px 10px 0;
	position: relative;
}

span.imgWrapperCenter {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}

span.imgWrapperRight {
	display: block;
	float: right;
	padding: 15px 0 10px 15px;
	position: relative;
}

span.shadow {
	background: url(/images/template/shadow.gif) no-repeat bottom right;
	border: 1px solid #fff;
	display: block;
	position: relative;
}
 
span.shadow img {
	display: block;
	margin: -7px 0 0 -5px;
	padding: 0 7px 7px 0;
	position: relative;
}

span.caption {
	color: #555;
	display: block;
	text-align: center;
}

span.imgWrapperLeft span.caption, span.imgWrapperRight span.caption, span.imgWrapperCenter span.caption { font-style: italic; }

/*.frame { *** for the video ***
	border: 1px solid #c5c0ac; 
	padding: 4px;
}*/