/* 11/17/2008 Trevor Davis - LNCT 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: #fff url(/images/template/site-bg.gif) repeat-x top left; color: #323232; font: 12px/18px Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px; width: 470px; }
h2 { font-size: 18px; font-weight: normal; line-height: 24px; }
h3 { font-size: 15px; font-weight: normal; line-height: 21px; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

body#lighting h1 { color: #CD1A32; }
body#visitSanta h1 { color: #739A32; }
body#eventHistory h1 { color: #73B4D0; }
body#inAppreciation h1 { color: #F5D44C; }

a { color:#739A32; }
a:visited { }
a:hover { text-decoration: none; }
div#footer a { color: #fff; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }
blockquote { margin: 0 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.frame { border: 1px solid #dbdbdb; padding: 4px; }
.leftSide { display: block; float: left; margin: 0 18px 10px 0; }
.rightSide { display: block; float: right; margin: 0 0 10px 18px; }
.centered { display: block; margin: 0 auto 10px; }
.noSideMargin { margin-left: 0; margin-right: 0; }
.lead { font-size: 18px; line-height: 24px; }
.width200 { width: 200px; }
.flash-replaced .alt { display: none; }
ul.spaced, ol.spaced { margin-bottom: 0; }
ul.spaced li, ol.spaced li { margin-bottom: 18px; }
.success { background: #e7eeea; border: 2px solid #0E562E; padding: 5px; }
.listing, .sponsors { list-style: none; margin-left: 0; }
.sponsors li { /*float:left;*/ height:auto; margin-bottom:10px; width:auto; text-align:center; }
.sponsors.other li img { border:1px solid #dbdbdb; }
.social-networks { float:left; list-style-type:none; margin:10px 0 0 20px; padding:0; }
.social-networks li { display:inline; margin:0; padding:0; }
.odd { background:#d6d9ee; }
.hide { display:none; }
.flickr img { margin-right:5px; height:100px; width:150px; }
/*****Basic Layout*****/
div#container {
	/*background: url(/images/template/container-bg.gif) repeat-y top left;*/
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}
div#header {
	background: #000;
	color: #fff;
	float: left;
	height: 90px;
	left: 50px;
	position: relative;
	top: 0;
	width: 946px;
	z-index:100001;
}
div#contentWrapper {
	/*background: url(/images/template/content-wrapper-top.gif) no-repeat top left;*/
	clear: both;
	float: left;
	padding: 0 0 0 50px;
	width: 950px;
}
div#content {
	background: #fff url(/images/template/content-top-bg.gif) no-repeat top left;
	float: left;
	padding: 10px 0 0 0;
	position: relative;
	width: 900px;
	z-index: 10000;
}
body#home div#content { background: #fff url(/images/template/home-bkgd.gif) repeat-y top left; padding-top: 0; }
body#lighting div#content { background-image: url(/images/template/lighting-content-top-bg.gif); }
body#visitSanta div#content { background-image: url(/images/template/visit-santa-content-top-bg.gif); }
body#eventHistory div#content { background-image: url(/images/template/event-history-content-top-bg.gif); }
body#inAppreciation div#content { background-image: url(/images/template/in-appreciation-content-top-bg.gif); }

div#primaryContent { float: left; padding: 20px 0 18px 20px; width: 635px; }
body#home div#primaryContent { padding: 0; width: 450px; }
body.noRightColumn div#primaryContent { width: 860px; }
div#secondaryContent { float: right; width: 225px; }
body#home div#secondaryContent { padding: 10px 10px 5px 0; width: 430px; }

div#footerWrapper {
	/*background: url(/images/template/footer-bottom.gif) no-repeat bottom left;*/
	clear: both;
	color: #fff;
	float: left;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	padding: 0 40px 0 50px;
	width: 900px;
}
div#footer { 
	background: #000;
	overflow: hidden;
	padding-bottom: 12px;
	padding-top:5px;
	width: 900px;
}
div#footer div.inner { background: #000; overflow: hidden; width: 900px; }

.program-schedule { float:left; width:50%; }
.program-schedule.last { float:left; width:50%; }

.program-schedule th { padding-top:20px; text-align:left; }
.program-schedule td { padding:0 20px 10px 0; }
.program-schedule p { margin:0; padding:0; }

/*****Header*****/
div#header h1 {
	background: #000 url(/images/template/logo.png) no-repeat top left;
	display: block;
	height: 192px;
	left:43px;
	margin-bottom: 0;
	position: absolute;
	text-indent: -9999px;
	width: 300px;
	z-index: 100001;
}
div#header a#logo {
	background:url(/images/template/national_tree_logo_small_250.png) no-repeat top left;
	display: block;
	height: 110px;
	left:0px;
	margin-bottom: 0;
	position: absolute;
	text-indent: -9999px;
	width: 370px;
	z-index: 100001;
}
img#printLogo { display: none; visibility: hidden; }

/*****Primary Nav*****/
ul#primaryNav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 46px;
	top: 0;
	width: 448px;
}
ul#primaryNav li { float: left; overflow: hidden; position: relative; }
ul#primaryNav a {
	background: url(/images/template/primary-nav.png) no-repeat top left;
	display: block;
	height: 80px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 112px;
}
ul#primaryNav li#visitSantaNav a { background-position: -113px 0; }
ul#primaryNav li#eventHistoryNav a { background-position: -225px 0; }
ul#primaryNav li#inAppreciationNav a { background-position: -337px 0; }

ul#primaryNav li a:hover, body#lighting li#lightingNav a, body#visitSanta li#visitSantaNav a, body#eventHistory li#eventHistoryNav a, body#inAppreciation li#inAppreciationNav a { height: 90px; }
ul#primaryNav li#lightingNav a:hover, body#lighting li#lightingNav a { background-position: 0 -80px; }
ul#primaryNav li#visitSantaNav a:hover, body#visitSanta li#visitSantaNav a { background-position: -113px -80px; }
ul#primaryNav li#eventHistoryNav a:hover, body#eventHistory li#eventHistoryNav a { background-position: -225px -80px; }
ul#primaryNav li#inAppreciationNav a:hover, body#inAppreciation li#inAppreciationNav a { background-position: -337px -80px; }

/*****Secondary Nav*****/
ul#secondaryNav { list-style: none; margin: 0 0 20px; padding: 0 0 10px; }
body#lighting ul#secondaryNav { background: #CD1A32; }
body#visitSanta ul#secondaryNav { background: #739A32; }
body#eventHistory ul#secondaryNav { background: #73B4D0; }
body#inAppreciation ul#secondaryNav { background: #F5D44C; }
ul#secondaryNav li { line-height: normal; }

ul#secondaryNav a {
	background: #ac0000;
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 21px;
	padding: 2px 10px 2px 20px;
	text-decoration: none;
}
body#lighting ul#secondaryNav a { background: #CD1A32; }
body#visitSanta ul#secondaryNav a { background: #739A32; }
body#eventHistory ul#secondaryNav a { background: #73B4D0; }
body#inAppreciation ul#secondaryNav a { background: #F5D44C; }

ul#secondaryNav a:hover { text-decoration: none; }
body#lighting ul#secondaryNav li.current a, body#lighting ul#secondaryNav a:hover { background: #fff; color: #ac0000; }
body#visitSanta ul#secondaryNav li.current a, body#visitSanta ul#secondaryNav a:hover{ background: #fff; color: #0e562e; }
body#eventHistory ul#secondaryNav li.current a, body#eventHistory ul#secondaryNav li a:hover { background: #fff; color: #2637a1; }
body#inAppreciation ul#secondaryNav li.current a, body#inAppreciation ul#secondaryNav li a:hover { background: #fff; color: #da9f00; }

ul#secondaryNav li ul { background: #fff; list-style: none; margin: 0; padding-bottom: 2px; }
ul#secondaryNav li ul a { font-size: 12px; line-height: 18px; padding: 0 10px 0 40px; }
ul#secondaryNav li ul a:hover { text-decoration: underline; }

/* Performers List */
#performers-list { margin:0; padding:0; list-style:none; width:100%; overflow:hidden; }
#performers-list li { float:left; text-align:center; margin:0 15px 18px 0; }
#performers-list a { text-decoration:none; font-weight:bold; color:#323232; }
#performers-list img { padding:4px; border:1px solid #dbdbdb; }
#performers-list .figcaption { display:block; }

/*****Tools*****/
ul#tools {
	list-style: none;
	float: right;
	font: 10px Arial, Helvetica, sans-serif;
	margin-left: 0;
	text-transform: uppercase;
}
ul#tools li { background: url(/images/template/email-hover.gif) no-repeat -9999px -9999px; float: left; }
ul#tools li#share { background-image: url(/images/template/share-hover.gif); position: relative; }
ul#tools a { 
	background: url(/images/template/email-off.gif) no-repeat 10px 50%;
	border: 1px solid #464646;
	border-left: none;
	color: #464646;
	display: block;
	padding: 5px 10px 5px 25px;
	text-decoration: none;
}
ul#tools li#share a { background-image: url(/images/template/share-off.gif); border-left: 1px solid #0e562e; }
ul#tools a:hover, ul#tools li#share a.open { 
	background-color: #464646;
	background-image: url(/images/template/email-hover.gif);
	color: #fff;
	text-decoration: none;
}
ul#tools li#share a:hover, ul#tools li#share a.open { background-image: url(/images/template/share-hover.gif); }
ul#tools li#share ul {
	background: #fff;
	border: 1px solid #464646;
	border-top: none;
	display: none;
	list-style: none;
	margin: 0;
	padding-top: 5px;
	position: absolute;
}
ul#tools li#share ul li { padding-bottom: 5px; width: 33%; }
ul#tools li#share ul li a { background: none; border: none; padding: 0; }
ul#tools li#share ul li img { display: block; margin: 0 auto; }

/*****Branding Area*****/
div#homeBranding { height: 640px; position: relative; width: 450px; }
div#homeBranding a.branding { 
	display: none;
	height: 640px;
	left: 0;
	position: absolute;
	top: 0;
	width: 450px;
}
div#homeBranding a.branding.current { display: block; }
ul#brandingNav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 120px;
	z-index: 100002;
}
ul#brandingNav li { float: right; margin-left: 10px; position: relative; }
ul#brandingNav a { display: block; }
ul#brandingNav img { border: 1px solid #fff; display: block; }
ul#brandingNav li.current img { border: 1px solid #da9f00; }
ul#brandingNav li.current span {
	background: #da9f00;
	display: block;
	height: 38px;
	left: 1px;
	opacity: 0.66;
	position: absolute;
	top: 1px;
	width: 28px;
}
div#homeBranding div#homepageCountdown {
	background: #ad0101;
	bottom: 10px;
	height: 110px;
	position: absolute;
	right: 0;
	width: 440px;
}

div#branding { float: left; width: 100%; }
div#branding a { display: none; }
div#branding a.current, div#branding img { display: block; }

/*****Homepage Modules*****/
div.module {
	background: url(/images/template/module-separator.gif) no-repeat 50% 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 16px;
}
div.module.last { background: none; margin-bottom: 0; padding-bottom: 0; }
body#home div.module div.halfModule { float: left; width: 210px; }
body#home div.module div.halfModule.alt { float: right; }
body#home div.module div.halfModule h2 { line-height: 20px; }
body#home div.module div.halfModule p { margin-bottom: 12px; }
body#home div.module div.halfModule .last { margin-bottom: 0; }
body#home div.module div.halfModule .centered { margin-bottom: 8px; }
body#home div.module div.halfModule h2 a { color:#CD1A32; }

body#home div.module div.halfModule ul.news li a:hover { text-decoration:none; }
body#home div.module .moduleHeading { color:#CD1A32; margin-bottom: 14px; }
body#home div.module ul.treeTips {
	float: left;
	list-style: none;
	margin: 0;
	width: 100%;
}
body#home div.module ul.treeTips li { clear: both; float: left; margin-bottom: 10px; width: 100%; }
body#home div.module ul.treeTips li img.leftSide { margin: 0 8px 0 0; }
body#home div.module ul.treeTips li div.tip { float: left; font-size:.9em; width: 317px; }
body#home div.module ul.treeTips li div.tip a span { text-decoration:underline; }
body#home div.module ul.treeTips li div.tip a { text-decoration:none; }
body#home div.module ul.treeTips li div.tip h3 a { color:#CD1A32; }

body#home div.module div.halfModule.partners img.leftSide { margin: 0 10px 4px 0; }

div.module ul.quickLinks { list-style: none; margin: 0; }
div.module ul.quickLinks li { margin-bottom: 10px; }
div.module ul.quickLinks h3 { font-size: 14px; line-height: 16px; }
div.module ul.quickLinks a span { text-decoration:underline; }
div.module ul.quickLinks a { font-size:10px; text-decoration:none; }
div.module ul.quickLinks h3 a { display:inline; }
/*****Subpage Right Hand Column Module*****/
body.subpage div.module { margin-right: 10px; padding: 0 0 16px 0px; }
body.subpage div.module.last { padding-bottom: 0; }
body.subpage div#countdown { background: #ad0101; height: 75px; margin-bottom: 20px; width: 225px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin-left: 0; width: 100%; }
ol.forms li { clear: both; float: left; margin-bottom: 10px; width: 100%; }
ol.forms label { 
	cursor: pointer;
	display: block;
	float: left;
	padding-right: 10px;
	width: 150px;
}
.required { color: #AC0000; }
ol.forms label .required { font-size: 20px; font-weight: bold; }
ol.forms .error { color: #AC0000; display: block; margin-top: 5px; }
ol.forms .help { 
	background: #ededed;
	border: 1px solid #ccc;
	display: block;
	font-size: 11px;
	margin-top: 5px;
	padding: 3px;
	width: 367px;
}
ol.forms li.textarea .help { margin-left: 160px; width: 357px; }
ol.forms input { border: 1px solid #0E562E; padding: 2px; width: 209px; }
ol.forms textarea { border: 1px solid #0E562E; height: 150px; padding: 2px; width: 359px; }
ol.forms .noRemaining { color: #AC0000; }
form#sendToFriend h1 { margin-bottom: 5px; }

/*****Polls*****/
div#subpagePoll { border: 1px solid #efefef; float: left; padding: 5px; }
div#subpagePoll strong.question { display: block; margin: 5px 5px 10px; }
div#subpagePoll ol.forms { margin-bottom: 0; }
div#subpagePoll ol.forms input { float: left; margin: 3px 5px 0 0; width: auto; }
div#subpagePoll ol.forms label { float: right; padding-right: 0; width: 175px; }
div#subpagePoll.images ol.forms li { margin-bottom: 0; padding: 5px 0; width: 198px; }
div#subpagePoll.images ol.forms li.alt { background-color: #efefef; }
div#subpagePoll.images ol.forms li.buttons { border-bottom: none; }
div#subpagePoll.images ol.forms label { float: none; padding-right: 5px; width: auto; }
div#subpagePoll.images ol.forms img { float: left; margin-right: 5px; }

/*****Column Container*****/
div.columnContainer {
	background: url(/images/template/module-separator.gif) no-repeat 50% 0;
	float: left;
	padding-top: 40px;
	width: 100%;
}
div.columnContainer div.column { float: left; width: 317px; }
div.columnContainer div.column.three { float: left; width: 200px; }
div.columnContainer div.column.alt { float: right; }

#broadcast-schedule th { padding:10px; text-align:left; text-transform:uppercase; }
#broadcast-schedule td { padding:10px; vertical-align:text-top; }


/*****Ornaments*****/
ul.ornaments { 
	float: left;
	list-style: none;
	margin-left: 0;
	width: 100%;
}
ul.ornaments li { float: left; margin: 0 10px 10px 0; width: 117px; }
ul.ornaments a { display: block; text-align: center; }
ul.ornaments img { display: block; }
ul.ornaments div.stateDescription { display: none; }

/*****Footer*****/
div#footer .partners { float: left; list-style: none; margin: 8px 0 0 0; width:366px; }
div#footer .partners p { float:left; width:260px; }
div#footer ul.partners { float: left; list-style: none; margin: 0px 0 0 0; width: 106px; }
div#footer ul.partners li { float: left; margin-left: 10px; }
div#footer div#contactInfo { float: left; padding: 10px 10px 0 16px; width: 500px; }
div#footer div#contactInfo abbr { border-bottom: none; }
div#footer p { margin-bottom: 0; }
p#matrix { display:none; margin-bottom: 0; padding: 0 0 10px; position: relative; top: 10px; text-align: right; }
p#matrix a { color: #da9f00; text-decoration:none; }
p#matrix a:hover { color: #da9f00; text-decoration:underline; }

/*****Lightbox*****/
div#overlay { 
	background-color: #000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000000;
}
div#modal { 
	display: none;
	left: 50%;
	margin-left: -360px;
	position: absolute;
	top: 50px;
	width: 720px;
	z-index: 1000001;
}
div#modal div#modalInner { background: #fff; padding: 10px; width: 700px; }
div#modal div#modalInner a#close {
	background: url(/images/template/close.png) no-repeat top left;
	display: block;
	height: 35px;
	overflow: hidden;
	position: absolute;
	right: -10px;
	text-indent: -9999px;
	top: -10px;
	width: 35px;
}
div#modal div#modalInner div#modalImageColumn { 
	background: url(/images/template/loading.gif) no-repeat 50% 50%;
	float: left;
	height: 410px;
	width: 410px;
}
div#modal div#modalInner div#modalImageColumn img#ornament { display: none; }
div#modal div#modalInner div#modalTextColumn { float: right; width: 270px; }
div#modal div#modalInner div#modalTextColumn h2 { border-bottom: 1px solid #DBDBDB; margin-bottom: 10px; padding-bottom: 5px; }
div#modal div#modalInner div#modalTextColumn ul.info { list-style: none; margin: 0; }
div#modal div#modalInner div#modalTextColumn ul.info li { margin-bottom: 18px; }

ul.news {list-style:none outside none; margin: 0 0 10px;}
ul.news li a {text-decoration:none;}
ul.news li a:hover {text-decoration:underline;}


body#lighting.subpage #primaryContent a, body#lighting.subpage #secondaryContent .module a { color: #CD1A32 !important; }
body#visitSanta.subpage #primaryContent a, body#visitSanta.subpage #secondaryContent .module a { color: #739A32 !important; }
body#eventHistory.subpage #primaryContent a, body#eventHistory.subpage #secondaryContent .module a { color: #73B4D0 !important; }
body#inAppreciation.subpage #primaryContent a, body#inAppreciation.subpage #secondaryContent .module a { color: #F5D44C !important; }

#subscribeLNCT { float:left; margin-bottom:10px; width:320px; }
#no-thanks { clear:left; }
#no-thanks a { color:#739A32 !important; }

