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

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) definitions
 */
 
 
 
img {border:none;}
.center-ad {margin:0 auto; padding-top:20px; width:250px;}
.left {float:left;
margin-right:10px;}
a, a:visited { text-decoration: none; }
a:active, a:hover, a:focus { text-decoration: underline; }


.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#111;
    background-color:#fff;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:2px solid #C9E9FF;
    font:80% sans-serif;
	line-height:1.2;
    width:300px;
}



.mainContainer {
	width:1024px; 
	margin:0 auto;
	height:auto;	
}


.leaderBoard {
	float:left;
	width:1024px;
}


.leftAd {
	float:left;
}

.rightAd {
	float:left;
	background-color:#fff;
	margin:0 0 0 10px;
	width:286px;
	height:90px;
}


.topHeader{
	background-image:url(../images/NFSL_Top_1024x120_f.jpg);
	float:left;
	height:120px;
	width:1024px;
	margin-top:0px;
}

.topHeader p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#333; letter-spacing:-.5px;
	}

.topHeaderRight{
	float:right;
	padding:0px 0 0 0;
	margin:45px 40px 0 0;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background-image:url(../images/assets/transparency_20.png);
	background-repeat:repeat;
	
}

/************NAVIGATION*************/


#navigation {
	float:left;
	width: 1024px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/menu_bar_css_1024.jpg) no-repeat;

} 

/*#navigation a {
	height:30px;
	display: block;
	
	padding: 10px 26px 0 26px;
	font: bold 15px Arial;
	text-transform:uppercase;
	letter-spacing:-1px;
	color: #134264;
	text-decoration: none;

	background: url(../images/navigation-separator.png) no-repeat right center;
} */


#navigation li {
	list-style-type:none;
	float: left;
	text-indent:-9999px;
} 

#navigation a{
	height:30px;
	display:block;
}
#navhome a {
	width: 100px;

}
#navhome a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: 0px -30px;	
}

#navhomecurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: 0px -30px;
}

#navblog a{
	width: 90px;
	height:30px;
	display: block;
	
}
#navblog a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -100px -30px;	
}

#navblogcurrent {
	width: 90px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -100px -30px;	
}

#navdis a{
	width: 130px;
	height:30px;
	display: block;
	
}
#navdis a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -190px -30px;	
}

#navdiscurrent {
	width: 130px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -190px -30px;	
}
#navo8 a{
	width: 120px;
	height:30px;
	display: block;
	
}
#navo8 a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -320px -30px;	
}

#navo8current {
	width: 120px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -320px -30px;	
}

#navfilms a{
	width: 90px;
	height:30px;
	display: block;
	
}
#navfilms a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -440px -30px;	
}

#navfilmscurrent{
	width: 90px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -440px -30px;	
}

#navvideo a{
	width: 100px;
	height:30px;
	display: block;
	
}
#navvideo a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -530px -30px;	
}

#navvideocurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -530px -30px;	
}
#navphoto a{
	width: 100px;
	height:30px;
	display: block;
	
}
#navphoto a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -630px -30px;	
}

#navphotocurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -630px -30px;	
}
#navstore a{
	width: 100px;
	height:30px;
	display: block;
	
}
#navstore a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -730px -30px;	
}

#navstorecurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -730px -30px;	
}
#navpress a{
	width: 100px;
	height:30px;
	display: block;
	
}
#navpress a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -830px -30px;	
}

#navpresscurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -830px -30px;	
}
#navabout a{
	width: 93px;
	height:30px;
	display: block;
	
}
#navabout a:hover {
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -930px -30px;	
}

#navaboutcurrent {
	width: 100px;
	display: block;
	background-image: url(../images/menu_bar_css_1024.jpg);
	background-position: -930px -30px;	
}





#navigation div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #999;
	z-index:100;
	border: 1px solid #333;
	text-indent:0px;
	}

	#navigation div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 8px 5px;
		border-top:1px solid #ccc;
		width: 120px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #999;
		color: #333;
		font:bold 12pt Arial, Helvetica, sans-serif;
		text-transform:capitalize;}

	#navigation div a:hover
	{	background: #000;
		color: #FFF}




/************END NAVIGATION*************/




#mainContent {
	float:left;
	height:auto;
	background-color:#fff;
	padding-top:5px;
	/*border:1px solid red;*/
}


#leftContent {
	float:left;
	width:700px;
	height:auto;
	
	
}

#rightContent {
	float:right;
	width:310px;
	margin:0 0 0 10px;
	height:auto;
	
}

/**********************CAROUSEL **************/

#carousel-main {
	width:700px;
	height:300px;

	float:left;
	
	
	
}


.carousel-component { 
        float:left;
        overflow: hidden;
        display: block;
		
}
				
.carousel-component ul.carousel-list { 
        width: 3500px;
        position: relative;
        z-index: 1;
		float:left;
		margin:0;
		padding:0;
}

.carousel-component .carousel-list li { 
        float: left;
        width: 700px;
        height: 300px;
        list-style: none;
        overflow: hidden;
		padding:0;
		
	
}

.carousel-component .carousel-clip-region { 
        overflow: hidden;
        margin: 0px auto;
        position: relative; 
}

#dynamic-rotating-lead {
        width: 700px; 
        height: 300px;
        margin: 0 auto;
        text-align: left;
        overflow: hidden;
		float:left;
	
}

#dynamic-rotating-lead dl { 
        width: 700px; 
        height: 300px;
}

#dynamic-rotating-lead dd { float: left; }

#dynamic-rotating-lead .carousel-list { list-style-type: none; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) definitions
 */
#dynamic-rotating-lead .content {
        width: 680px;
        height: 290px;
        padding: 9px 0 0 0;
		margin:0;
		
		
        
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (video thumbnail area) definitions
 */
.drl-slide { display: block;/* border:5px solid green;*/}

.drl-slide .content .video-thumbnail {  
        overflow: hidden;
        position: relative;
        width: 220px;
        height: 110px;
        padding: 0 5px 7px 10px;
		/*border:1px solid red;*/
		margin:0;
}

.drl-slide .content .book-thumbnail {  
        overflow: hidden;
        position: relative;
        width: 130px;
        height: 170px;
        padding: 0 5px 30px 10px;
		/*border:1px solid red;*/
		margin:0;
}
.drl-slide .content .video-thumbnail a { text-decoration: none; }

.drl-slide .content .video-thumbnail img { 
        width: 220px;
        height: 110px;
		
}

.drl-slide .content .video-thumbnail .photo-overlay img {
        display: block;
        position: absolute;
        top: 30px;
        left: 80px;
        width: 52px;
        height: 52px;
} 

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (copy and link details) definitions
 */
.drl-slide .content .text-block {
        height: 150px;
        padding: 0; 
        overflow: hidden;
		margin:0;
		padding-left:10px;
		
		
}

.text-block .heading {
	font:12pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:center;
}

.text-block .sub-heading {
	font:10pt Arial, Helvetica, sans-serif; 
	margin:0;
	padding:0;
	font-weight:bold;
}

.text-block .caro-text {
	
	font:10pt Arial, Helvetica, sans-serif;
	color:#444;
	line-height:1;
	margin:5px 0 5px 0;
}
.text-block a {
	color:#06C;
	text-decoration:none;
}

.drl-slide .content .text-block-wide {
	width:700px;
	margin:0 auto;
	border-top:1px solid #ddd;
	height:100px;
	padding-top:10px;
	text-align:center;
}



.text-block-wide .heading  {
	font:11pt  Helvetica, sans-serif;
	color:#fff;
	width:700px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	padding:0;
	
	
}

.text-block-wide .sub-heading {
	font:10pt Helvetica, sans-serif; 
	margin:0;
	padding:0;
	color:#ccc;
	font-weight:bold;
}

.text-block-wide .caro-text {
	font:10pt Helvetica, sans-serif;
	color:#ddd;
	letter-spacing:.2px;
	font-weight:bold;
	line-height:1.2;
	padding-top:0px;
	width:700px;
	
	text-align:center;
	
}
.text-block-wide a {
	color:#FFF;
	text-decoration:none;
}

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (slide navigation) definitions
 */

.slider {
	
	/*position:absolute;
	left:630px;
	top:30px;*/
	float:right;
	width:50px;
	height:35px;
	background-image:url(../images/assets/transparency_20.png);
	background-repeat:repeat;
	border:1px solid #ccc;

}

.drl-slide .content li a span,
.drl-slide .content li a:hover span,
.drl-slide .content li.over a span,
.drl-slide .content li.previous a span,
.drl-slide .content li.next a span{background:url(drl-navigation-sprite.png) no-repeat;}

.dark-theme .drl-slide .content li a span{background-position:-33px -20px;}
.dark-theme .drl-slide .content li a:hover span{background-position:-18px -20px;}
.dark-theme .drl-slide .content li.over a span{background-position:-18px -20px;}
.dark-theme .drl-slide .content li.previous span{background-position:-1px -18px;}
.dark-theme .drl-slide .content li.next span{background-position:-53px -18px;}
.dark-theme .drl-slide .content li.previous a span{background-position:-1px -18px;}
.dark-theme .drl-slide .content li.next a span{background-position:-53px -18px;}
.dark-theme .drl-slide .content li.previous a:hover span{background-position:-1px -18px;}
.dark-theme .drl-slide .content li.next a:hover span{background-position:-53px -18px;}

.light-theme .drl-slide .content li a span{background-position:-33px -3px;}
.light-theme .drl-slide .content li a:hover span{background-position:-18px -3px;}
.light-theme .drl-slide .content li.over a span{background-position:-18px -3px;}
.light-theme .drl-slide .content li.previous span{background-position:-1px -1px;}
.light-theme .drl-slide .content li.next span{background-position:-53px -1px;}
.light-theme .drl-slide .content li.previous a span{background-position:-1px -1px;}
.light-theme .drl-slide .content li.next a span{background-position:-53px -1px;}
.light-theme .drl-slide .content li.previous a:hover span{background-position:-1px -1px;}
.light-theme .drl-slide .content li.next a:hover span{background-position:-53px -1px;}

.drl-slide .content ul { 
        list-style-type: none;
        height: 15px;
        padding: 10px 0px 0px 0px;
				
}

.drl-slide .content ul.slides-total-5 { padding-left: 10px;  }

.drl-slide .content ul.slides-total-4 { padding-left: 111px;}

.drl-slide .content ul.slides-total-3 { padding-left: 118px;}

.drl-slide .content ul.slides-total-2 { padding-left: 125px;}

.drl-slide .content ul.slides-total-1 { padding-left: 132px;}

.drl-slide .content ul li {
        float: left;
        width: 12px;
        height: 15px;
        margin: 2px 3px 0 0;
}

.drl-slide .content ul li.previous {
        float: left;
        width: 9px;
        margin: 0 8px 0 0;
}

.drl-slide .content ul li.next { 
        float: left; 
        width: 9px;
        margin: 0 0 0 5px;
}

/* drl - item icon */
.drl-slide .content ul li a span {
        display: block;
		float:left;
        width: 12px;
        height: 12px;
        overflow: scroll;
	  text-indent: -5000px;
        cursor: pointer;
}

.drl-slide .content ul li a:hover span {
        display: block;
        width: 12px;
        height: 12px;
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
}

/* drl - back/next arrows */
.drl-slide .content ul li.previous a span,
.drl-slide .content ul li.next a span {
        display: block;
        float: left;
        width: 9px;
        height: 15px;
        margin-right: 1px;        
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
		
}

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (photo container) definitions
 */
#dynamic-rotating-lead .photo {
        width: 662px;
        height: 422px;
        border: 1px solid;
        border-left: none;
}

#dynamic-rotating-lead .photo a {
        display: block;
        width: 662px;
        height: 422px;
        text-decoration: none;
}

#dynamic-rotating-lead .photo a span { visibility: hidden; }





/**********************END CAROUSEL **************/




/********************CONTAINERS ****************************/

#newsList {
	width:310px;
	height:auto;
	float:right;

}



#newsList ul {
margin-left:0;
width:auto;
padding:0px;
margin-top:0;
display:block;

}



#newsList li{
margin-left:0;
padding:3px 0 3px 5px;
width:auto;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:100;
font-size:9pt;
display:block;



}

#newsList a {
color:#333333;
text-decoration:none;
}

#newsList li:hover {
	background:#eee;
}

#newsList ul li img {
	float:right;
	
	padding:0 5px 0 5px;
}

#newsList h1 {
	text-transform:capitalize;
	color:#555;
	font-size:11pt;
	text-align:left;
	letter-spacing:-.7px;
	border-top:none;
	border-bottom:none;
	background-color:#eee
	
}


.odd {
border-bottom:1px solid #eeeeee;
/*background-color:#dde4f9; /*#E3E3E3;*/
width:inherit;
}
.even {
border-bottom:1px solid #eeeeee;
width:inherit;
}

#squareAd {
	margin-top:8px;
	width:289px;
	background-color:#eee;
	padding:10px;
	height:300px;
	float:left;
}

#squareAd h1 {
	font:7pt Arial, Helvetica, sans-serif;
	color:#888;
	text-align:left;
	margin:0 auto;
	padding:0;
}


#videoSpotlight {
	margin:10px 0 20px 0;
	width:310px;
	border:none;
	background-color:#fff;
	height:auto;
	float:left;
}

#videoSpotlight-text {
	padding:5px 0 5px 10px;
	margin:0;
	width:300px;
	border-top:1px solid #ccc;
	float:left;
	border-bottom:1px solid #ccc;
}

.vid-title {
	font:12pt Helvetica, sans-serif;
	letter-spacing:-.5px;
}

.vid-text {
	font:9pt Helvetica, sans-serif;
	letter-spacing:-.8px;
	font-weight:100;
	color:#555;
}

.learn-more a{
	font:12pt Arial, Helvetica, sans-serif;
	letter-spacing:-.8px;
	line-height:.9;
	margin-top:2px;
	color:#06c;
	font-weight:bold;
}

#videoSpotlight-text p, #videoSpotlight-text a {
	padding:0;
	margin:0;
}
#shopJB {
	margin-top:8px;
	width:310px;
	float:left;
	height:auto;
	font:9pt Arial, Helvetica, sans-serif;
}

#shopJB .left {
	margin:10px;
	padding-right:10px;
	border-right: 1px solid #333;
}

#shopJB .right {
	float:left;
}
#shopJB .left p {
	padding-left:10px;
	color:#333;
}

#shopJB .right p {
color:#333;
font-weight:bold;
}
#shopJB .left a, #shopJB .right a {
	color:#06C;
}



#stayinContact {
	margin-top:8px;
	height:100px;
	float:left;
	width:310px;
}

#blogSpotlight {
	width:700px;
	float:left;
	height:auto;
	margin:5px 0 0 0;
	font:10pt Arial, Helvetica, sans-serif;
}


#video-1024{
	margin-top:8px;
	width:1024px;
	height:200px;
	float:left;
}

#video-1024 ul {
	
	list-style:none;
}

#video-1024  ul li {
	display:inline;
	margin:0 15px 0 15px;
	float:left;
	width:150px;
	height:100px;
	position:relative;
}
#video-1024  ul li a {
	display:block;
	line-height:.9;

	
}


#video-1024 ul li img {
	border:3px solid #fff;
	padding:0;
	margin:0;
}

#video-1024 ul li img:hover {
	border:3px solid #06c;
	display:block;
	
}

#video-1024 .play-overlay {
	position:absolute;
	left:-9999px;


}

/*
.video-thumbnail:hover .play-overlay img{display:block;}
.video-thumbnail:hover .play-overlay img{top:1800px; left:200px;}

*/

#video-1024 li a .video-thumbnail{display:block;overflow:hidden;width:156px;height:106px;margin:3px;border:1px solid #999; }

.video-thumb-text p, .video-thumb-text a {float:left; margin:0; padding:0; font:10pt Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}

#video-1024 ul li a:hover .play-overlay{
	top:1px;
	left:1px;
	display:block;
	position:relative;
	width:156px;
	height:106px;
}





#bottomAd {
	margin-top:8px;
	width:1024px;
	background-color:#eee;
	
	height:110px;
	float:left;
}

#bottomAd h1 {
	font:7pt Arial, Helvetica, sans-serif;
	color:#888;
	background-color:#fff;
	text-indent:10px;
	text-align:left;
	margin:0 auto;
	padding:0;
}


#bottomSponsors {
	margin-top:8px;
	width:1024px;
	height:120px;
	float:left;
}


#sponsors {
	margin: 0 auto;
	padding:10px 0 0 0;
	/*padding:10px;*/
	/*border: 1px solid #e5e5e5;*/
	
	
}
#sponsors img {
padding:0px 10px 0 10px;
}


#footer {
background-image:url(footer_bar.jpg);
width:1024px;
height:30px;

}

#footer p, #footer a{
color:#fff;
margin-top:0px;
padding:8px;
margin-bottom:0;
font-family:arial, helvetica, sans-serif;

font-size:80%;
text-transform:uppercase;
}




/**************CLASSES *****************/

.blogEntry {
	border-bottom:1px solid #eee;
	padding:0;
margin:10px 0 10px 0;
	float:left;
}



.blogTitle, .blogTitle a {
	text-transform:capitalize;
	border:none;
		margin:0 0 10px 0;
	padding:3px;
	color:#900;
	
	
}

.blogStrip {
	float:right;

	margin:0 5px 0 0;
	padding:5px;
	
}

.blogStrip p{
	font:8pt Arial, Helvetica, sans-serif;
	color:#777;	
	padding:0;
	margin:0;
	
	
}

.blogStrip a {
	color:#333;
	
}

.blogText {
	color:#333;
	margin:5px;
	line-height:1.4;
	
	/*margin-left:5px;*/
	
}

.blogText a {
	color:#06C;
	font-weight:bold;
}


	
.contentBox{
	border:1px solid #999;
	width:auto;
	height:auto;
	font:12pt Arial, Helvetica, sans-serif;
	
}

.contentBox h2 {
	font:10pt Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#666;
	font-weight:bold;
	letter-spacing:-.8px;
	margin:0;
	padding:3px;
	text-indent:10px;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
}


.contentBox h1 {
	font:10pt Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#666;
	font-weight:bold;
	
	margin:0 auto;
	padding:3px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
}