@charset "utf-8";
/* CSS Document */

html, body{
	height:100%;
	}
Form#Form{
	height:100%;
	}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4b4b4b;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a img {
	border:0px;
	}

a:link {
	color: #1a2674;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1a2674;
}
a:hover {
	text-decoration: none;
	color: #1a2674;
}
a:active {
	text-decoration: none;
	color: #1a2674;
}

p a:hover{
	text-decoration:underline;
	}   

h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman, Times, serif;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	margin-bottom:0px;
	padding-bottom:0px;
}

h2 {
	line-height:20px;
	font-size: 23px;
	color: #333333;
	font-weight:normal;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	font-weight:normal;
	padding-top:0px;
}	

.wrapper{
	width:100%;
	position:relative;
	min-height:100%;
	height: auto;
	text-align:center;
	}

* html .wrapper{
	height:100%;
	}	

.wrapper#Stories{
	}

.header{
	height:120px;
	width:900px;
	margin:0px auto 0px auto; 
	text-align:left;
	}
	
.mainLogo{
	width:400px; 
	height:77px; 
	float:left; 
	margin:22px 0px 0px 0px;
	}

.topNav{
	color:#a7a7a7;
	float:right; 
	margin:7px 0px 7px 0px;
	}
	
.topNav a{
	color:#a7a7a7;
	font-size:11px;
	margin:0px 7px 0px 7px;
	}

.topNav a:active,
.topNav a:link,
.topNav a:visited{
	text-decoration:none;
	}

.topNav a:hover{
	text-decoration:underline;
	}

.topLogos{
text-align:right;
	float:right; 
	clear:right;
	width:300px;
	}

.greenBar{
	background-color:#bfd730;
	clear:both;
	}

.greenBar#top{
	height:20px;
	}

.greenBar#bottom{
	height:10px;
	}

.mainWindow{
	background-color:#000000;
	height:315px;
	text-align:center;
	}
	
#home .mainWindow{
	background-image:url(/Portals/0/images/hallwayBG.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}


.storiesWindow{
		background-image:url(/Portals/0/images/hallwayBGfade.jpg);
		background-position:center -50px;
		background-repeat:no-repeat;
	text-align:center;
	padding-bottom:60px;
	padding-top:10px;
	}

.flashBox{
	height:315px;
	margin:0px auto 0px auto;
	width:900px;
	}

.features{
	width:900px;
	margin:10px auto 0px auto;
	z-index:-1;
	padding-bottom:90px;
	text-align:left;
	}

.featureItem a{
	display:block;
	width: 185px;
	padding:5px 20px 10px 20px;
	text-decoration:none;
	}

.featureItem#coming,
.featureItem#new{
	margin-top:-60px;
	}

.features td{
	border-collapse:collapse;
	border-right:1px solid #d1d3d4;
	vertical-align:top;
	}

.features img{
	margin:0px 0px 10px 0px;
	border:1px solid #d1d3d4;
	}

.features h2,
.features h4{
	margin:0px;
	padding:0px 0px 3px 0px;
	}

.FeatureOverlay{
	position:relative; 
	top:-11px; 
	width:100px; 
	height:60px; 
	z-index:100;
	border:0px;
	}

.FeatureOverlay img{
	border:0px;
	}


.footer{
	height:25px;
	background-color:#bfd730;
	text-align:center;
	padding-top:5px;
	font-size:13px;
	margin-top:-30px;
	position:relative;
	clear:both;
	}
	
.footer a{
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
	margin:0px 15px 0px 15px;
	letter-spacing:1px;
	}

.footer a#new{
	margin-top:-30px;
	}

.footer p{
	padding:0;
	margin:0px;
}
	
.content{
	width:900px;
	margin:0px auto 0px auto;
	padding-top:10px;
	z-index:-1;
	padding-bottom:60px;
	}
	
.content p{
	margin-top:0px;
	padding-top:0px;
	}
	
.content td{
	text-align:left;
	vertical-align:top;
	}
	
/* Container Skins */
.HFContainer{
width:100%
}


/* Content Skin */

.vidWindow{
	width:900px; 
	margin:0px auto 0px auto; 
	text-align:left;
}

.vidText{
	width:350px; 
	float:right; 
	margin-top:35px;
}

.vidText h2{
	color:#FFFFFF;  
	padding:0px; 
	margin:0px 0px 5px 0px; 
	}
	
.vidText h3{
	text-align:left; 
	color:#bfd730; 
	font-size:19px; 
	font-style:italic; 
	font-weight:normal;
	}
	
.vidText p{
	color:#FFFFFF; 
	font-size:13px; 
	line-height:18px;
	}
	
.vidPlayer{
	margin:7px 20px 7px 0px; 
	display:block;
	width:520px;
	height:300px;
	float:left;
	border:1px solid #666666;
	}


.vidNext{
	clear:right;
	float:right;
	}

.RelatedLinksHead {
	display:block; 
	width:305px; 
	background-color:#bfd730; 
	margin:15px 0px 20px 0px; 
	padding:25px 0px 0px 20px; 
	font-family:'Times New Roman', Times, serif; 
	font-size:19px; 
	color:#000000; 
	font-style:italic;
	}

.sidePanel {
	border-left:1px solid #d1d3d4; 
	padding-top:20px;
}

.relatedLinks a{
	display:block; 
	margin:10px;	
	width:300px;	
	clear:both;
	}

.relatedLinks#articles{
	margin-top:20px;
	}

.relatedLink{
	clear:both;
}
.relatedLinks a img{
	float:left;
	margin-right:10px; 
	}

.relatedLinks a h2{
	display:block;
	float:right; 
	font-size:15px; 
	margin-top:0px; 
	padding-top:0px;
	text-decoration:none;
	line-height:14px;
	width:170px;
	}
	
.relatedLinks a h2 strong{
	font-size:18px;
	display:block;
	margin:5px 0px 5px 0px;
	}

.relatedLinks#articles .spacer{
	clear:both; 
	height:1px; 
	background-color:#ecf1d1; 
	width:100%; 
	margin-bottom:15px;
	}
	
.relatedLinks#articles a h2{
	float:left;
	width:250px;
	}	
	
.relatedLinks#articles .arrow{
	float:left; 
	margin:-7px 10px 0px 0px;
	}
	
.relatedLinks#articles a h2 i{
	font-size:12px;
	padding-left:15px;
	}

.contentLogo{
	padding-bottom: 10px; 
	padding-left: 0px; 
	padding-right: 0px;
	padding-top: 30px
	}

.content{
	text-align:left;
	}
	
.mainContent p{
	font-size:13px;
	line-height:15px;
	color:#333333;
	}
	
.mainContent h1{
	color:#999999;
	}
	

.HFContainerMenu{
	background-image:url(/Portals/0/images/corner_bg.gif);
	background-repeat:no-repeat;
	padding:10px 10px 10px 20px;	
	}
	
.menuItem{
	width:400px;
	margin:10px 10px 10px 0px;
	border:1px;
	float:left;
	}

.menuItem a{ 
	display:block;
	}

.menuItem img{
	float:left;
	margin-right:10px; 
	}

.menuItem h2{
	display:block;
	float:left; 
	font-size:15px;
	margin:auto 0px 0px 0px; 
	padding-top:0px;
	text-decoration:none;
	line-height:14px;
	width:170px;
	}
	
.menuItem h2 strong{
	font-size:18px;
	display:block;
	margin:5px 0px 5px 0px;
	color:#99CC33;
	line-height:17px;
	}
	
#Submit .contentWrapper{
	background-color:#000000;
	height:100%;
	}
	
.submitTitle{
	margin-top:30px;
	}
	
.HFContainerSubmit{
	background-image:url(/Portals/0/images/cornerBlack_bg.gif);
	background-repeat:no-repeat;
	padding:20px;
	margin-bottom:60px;
	}
	
.submitForm{
	color:#FFFFFF;
	font-size:11px;
	line-height:14px;
	padding-right:20px;
	}
	
.submitForm table{
	width:100%;
	}

.submitForm td{
	text-align:left;
	padding:10px 0px 10px 0px;
	}
	
.submitForm td table td{
	padding:0px;
	}

.submitForm td label{
	color:#FFFFFF;
	}

.submitForm input{
	}

.submitForm .label{
	color:#bfd730;
	}
	
.submitForm a{
	display:block;
	float:right;
	}
	
.HFContainerContact{
	background-image:url(/Portals/0/images/cornerBlack_bg.gif);
	background-repeat:no-repeat;
	padding:20px;
	margin-bottom:60px;
	color:#FFFFFF;
	}

.HFContainerContact p{
	font-size:13px;
	color:#FFFFFF;
		}

.HFContainerContact a{
	color:#bfd730;
	}

.contactInfo{
	color:#FFFFFF;
	font-size:11px;
	line-height:14px;
	padding-right:20px;
	}
	
.contactTitle{
	margin-top:30px;
	}
	
/* Video Playlist */
/*{{{ general playlist settings, light gray */

div.playlist {
	width:900px;
	margin:auto;
	padding:20px 0px 0px 0px;
	text-align:left;
	clear:both;
	vertical-align:top;
}

div.playlist .Normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}

div.playlist div.clips {
}

div.playlist, div.clips {
	/*width:908px;*/
}

div.clips a {
	background:none;
	display:block;
	background-color:#000000;
	padding:12px 15px;
	width:235px;
	font-size:12px;
	border:1px outset #bfd730;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
	margin:10px 10px 10px 10px;
	float:left;
}


div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background-image:url(/Portals/0/images/stories/storyBtnBGOn.jpg);
	border:#FFFFFF;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:10px;
	color:#666;
	
}

div.clips a em {
	display:block;	
	font-style:normal;
	font-size:10px;
	color:#f00;
}	

div.clips a i {
	display:block;	
	font-style:normal;
	font-size:9px;
	color:#FFF;
}	

div.clips a:hover {
	background-image:url(/Portals/0/images/stories/storyBtnBGOver.jpg);
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
		background-image:url(/Portals/0/images/stories/storyBtnBGOn.jpg);
			border:#FFFFFF;	 
}

div.clips a img{
	width:100px;
	height:80px;
	border:1px solid #FFFFFF;
	float:left;
	margin-right:20px;
	}

/*}}}*/


/*{{{ stories colored */

div.clips.stories a {
	background-color:#000000;
	color:#fff;
	border:1px outset #bfd730;
}

div.clips.stories a.playing, div.clips.stories a.paused, div.clips.stories a.progress {
border:#FFFFFF;
}

div.clips.stories a.paused {
	background-position:0 0;	
}

div.clips.stories a span {
	color:#aaa;
}

div.clips.stories a em {
	color:#bfd730;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}	

div.clips.stories a:hover {		
} 

div.clips.stories a.playing:hover, div.clips.stories a.paused:hover, div.clips.stories a.progress:hover {
	background-color:transparent !important;
			 
}
/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/img/playlist/arrow/down.png);	
}

div.stories a.go {
	background-image:url(/img/playlist/arrow/up_dark.png);		
}

div.stories a.go.down {
	background-image:url(/img/playlist/arrow/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/