
/******************* global ********************* */ 

.left
{
	float: left;
}
.right
{
	float: right;
}
.clear {
	clear:both;
	font-size:1px;
	display:block;
}
p, ul, ol, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.2em;
}
a, table bold {
	color: #1482d4;
}
li {
	list-style:disc;
	margin:10px 0 10px 20px;
}
.imgLeft {
	float:left;
}
.imgRight {
	float:right;
	margin:0 0 10px 10px;
}
.col1 {
	width:440px;
	float:left;
	padding-right:33px;
	margin-top:20px;
}
.col2 {
	width:440px;
	float:right;
}

/* end global */



/******************* layout ********************* */ 
#innerContainer {
   margin: auto;
   width: 970px;
   position:relative;
   padding-top:30px;
}

h1 {
   float: left;
   width:400px;
   height:105px;
   padding-left:20px;
}
.h1 {
   float: left;
   width:400px;
   height:105px;
   padding-left:20px;
}
#mainNav {
   width:508px;
   float:right;
   padding-top:60px;
   padding-right:20px;
}
#mainNav ul {
   float: left;
   margin-left: 200px;
}
#mainNav ul li {
   list-style: none;
   float: left;
   background: url('/img/nav_bg_left.gif') left no-repeat;
   margin: 0;
   margin-right: 2px;
}
#mainNav ul li a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  background: url('/img/nav_bg_right.jpg') right no-repeat;
}

#footerNav, #copyright {
   clear: left;
   margin: auto;
   width: 970px;
   text-align: center;
   color: #999;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
}
#copyright {
	margin-bottom:40px;
}

#footerNav ul {
   padding: 8px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:1em;
   margin-top:60px;
}
#footerNav ul li {
  display: inline;
}
#footerNav ul li a {
  color: #999;
  text-decoration: none;
  padding: 5px;
}
#footerNav ul li a:hover {
  text-decoration:underline;
}
#newsArticles p {
  margin: 20px;
  color: #999;
  
}
#leftAnimation {
	position:absolute; left:-830px; top:130px;
}
#rightAnimation {
	position:absolute; left:1000px; top:110px;
}


/* end layout */


/******************* home ********************* */ 
#homeFlash {
   clear:both;
   margin:0 0 30px 0;
}
*html #homeFlash {
	margin-top:-60px;	
}

#ncHeaderNews
{
	border-bottom: 1px solid #cccccc;
	float: left;
	padding-bottom: 15px;
	width: 202px;
}
#ncHeaderContests
{
	border-bottom: 1px solid #cccccc;
	float: right;
	padding-bottom: 15px;
	width: 740px;
}
#news-contestsWrapper
{
	background: url('/img/bg_home_news_contests_border.png') bottom no-repeat;
	padding-bottom: 1px;
}
#news-contests
{
	background: url('/img/bg_home_news_contests.png') repeat-y;
	font-family:Arial, Helvetica, sans-serif;
}
#newsArticles
{
	float: left;
	width: 202px;
}
#newsArticles ul {
	margin-left: 0px;
	list-style: disc outside;
}
#newsArticles ul li
{
	 margin-bottom: 5px;
	 margin-left: 15px;
	 color: #999;
}
 #newsArticles ul li a {
	color: #999;
	text-decoration: none;
	font-size: 1em;
 }
 #newsArticles ul li a:hover {
	color: #999;
	text-decoration: underline;
 color: #1482d4;
 }

#newsArticles p {
margin: 20px;
color: #999;
}
#viewallnewsitems
{
	margin-top: 25px;
}
#contests
{
	float: right;
	width: 740px;
	color: #999999;
	font-size:.75em;
	line-height:1.2em;
}
#contests b
{
	color: #000000;
}
#contests a {
	float:right;
	width:100%;
}
#sfcImage
{
	padding-top: 25px;
}
#spwImage
{
	padding-top: 40px;
}
#sfcVideos
{
	border-top: 5px solid #cccccc;
	padding-top: 22px;
	margin-top: 28px;
}

#sfcVideos #homeVideoList {
	margin: 20px 0px 0px 0px;
}
#sfcVideos .homeVideoItem
{
	float:left;
	padding: 0px 24px 32px 0px;
	width: 165px;
}
#sfcVideos .last
{
	padding-right: 0px;
}
#sfcVideos .homeVideoItem h3
{
	font-size:13px;
	color: #000000;
}
#sfcVideos .homeVideoItem label {
	display:inline;
	font-weight:bold;
	color: #000000;
}
#sfcVideos .homeVideoRatings {
	padding: 20px 0 0 0;
	clear: both;
	height:21px;
}
#sfcVideos .homeVideoRatings img
{
	clear: both;
	margin: 0 0 0 0px;
}


/* end home */




/******************* parents ********************* */ 

#parentHeader {
	height:281px;
	background:url(/img/parents.jpg) no-repeat;
	clear:both;
	margin-bottom:20px;
}
#parentHeader.spanish {
        background:url(/img/parents_sp.png) no-repeat;
}
*html #parentHeader {
	margin-top:-21px;	
	margin-left:-4px;
}
#parentHeader h2 {
	text-indent:-2000px;
	font-size:1px;
}
#parentHeader p {
	color:#5c6d79;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:125px 0 0 75px;
	width:466px;
	font-size:.9em;
	line-height:1.2em;
	text-indent:-9000px;
}


#parentContent {
	width:922px;
	margin-left:30px;
}
#parentContent div div {
	float:right;
	width:290px; 
}
#parentContent div div h4 {
	margin-top:0
}
#parentContent h4 {
	margin-top:18px;
	font-size:18px;
	color:#2885d4;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:3px;
}
#parentContent div h3 {
	margin:20px 0;
}


#babybucksspace {
	display:block;
	height:71px;
}
/* parents home */




/******************* resources ********************* */ 

#resourceHeader {
	height:281px;
	background:url(/img/resources.jpg) no-repeat;
	clear:both;
	margin-bottom:20px;
}
*html #resourceHeader {
	margin-top:-23px;	
	margin-left:-4px;
}
#resourceHeader h2 {
	text-indent:-2000px;
	font-size:1px;
}
#resourceHeader p {
	color:#5c6d79;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:125px 0 0 75px;
	width:466px;
	font-size:.9em;
	line-height:1.2em;
	text-indent:-9000px;
}


#resourceContent {
	width:922px;
	padding-left:30px;
}
#newsTitle  {
	padding-left:30px;
}
#resourceContent div div {
	float:right;
	width:290px; 
}
#resourceContent div div h4 {
	margin-top:0
}
#resourceContent h4 {
	margin-top:18px;
}
#news {
	display:block;
	background:url(/img/resources_newsBack.jpg) no-repeat bottom left;
	padding-left:20px;
	margin:20px 0;
}
#newsList ul {
	width:281px;
	float:left;
}
#newsList ul a, #newsList ul a {
	color:#257FD2;
}
li.selected, li.selected a {
  color: black;
  font-weight:bold;
}
#news #newsBody {
	width:550px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.2em;
	margin-top:10px;
	padding-bottom:30px;
}
#newsBody ol li
{
	margin: 0px 0px 0px 20px;
	line-height: 10px;
	font-size: 12px;
}
#newsMinHeight {
	float:right;
	width:1px;
	height:190px;
}
.resourceLink {
	font-size:1.2em;
	color:#257fd2;
}

#resourceContent .col1 {
	margin-top:0;
}
#resourceContent ul {
	margin-bottom:30px;
}
#resourceContent li {
	list-style:none;
	margin:10px 0;
}
#resourceContent li a {
	display:block;
	text-decoration:none;
}


/*******************/




/******************* contests ********************* */ 

#contestsHeader {
	height:281px;
	background:url(/img/resources.jpg) no-repeat;
	clear:both;
	margin-bottom:20px;
}
*html #contestsHeader {
	margin-top:-23px;	
	margin-left:-4px;
}
#contestsHeader h2 {
	text-indent:-2000px;
	font-size:1px;
}
#contestsHeader p {
	color:#5c6d79;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:125px 0 0 75px;
	width:466px;
	font-size:.9em;
	line-height:1.2em;
}

#contestsContent {
	clear:both;
	position:relative;
	width:568px;
}
.contests {
	background:url(/img/contests.jpg) no-repeat -4px 3px;
	padding:495px 372px 0 24px;
}
.contests2010 {
	background:url(/img/fimPromo2010.jpg) no-repeat -4px 3px;
	padding:560px 372px 0 24px;
}
.videos {
	padding:100px 372px 0 22px;
}
.y2009
{
	background:url(/img/contest2009.jpg) no-repeat 20px 1px;	
}
.y2010
{
	background:url(/img/contest2010.jpg) no-repeat 20px 1px;
}
.essays {
	background:url(/img/contests3.jpg) no-repeat 23px 3px;
	width:100% !important;
}
.essays #scoop {
	padding:128px 0 0 23px;
	width:260px;
	float:left;
}
.essays ol li {
	list-style:decimal;
}
.essays ul li {
	list-style:none;
}
.essays ul li a {
	text-decoration:none;
}
*html #contestsContent {
	margin-top:-30px;	
}
#contestsContent h2 {
	text-indent:-2000px;
	font-size:1px;
}
.essays #essay {
	width:570px;
	float:left;
	padding:118px 20px 0 50px;
}
.essays #essay p {
	margin-bottom:23px;
}
.essays h3 {
	font-size:18px;
	color:#2885d4;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:3px;
}
#rulesLink a {
	position:absolute;
	width:100px;
	height:66px;
	text-indent:-2000px;
	left:398px;
	top:96px;
}
#rulesLink #rules {
	left:398px;
}
#rulesLink #rules:hover {
	left:398px;
}
#rulesLink #submitFilm {
	left:498px;
	background:url(/img/submitFormBtn.jpg) no-repeat;
}
#rulesLink #rules:hover {
	background:url(/img/rulesOver.jpg) no-repeat;
}
#rulesLink #submitFilm:hover {
	background:url(/img/submitOver.jpg) no-repeat;
}
#contestsContent h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:bold;
	margin-top:20px;
}

#contestsContent p.entry-form {
   margin-top: 5px;
   margin-bottom: 10px;
}

#contestsContent span.clear {
   clear: left;
}
#contestsContent div.input {
   float: left;
}
   #contestsContent div.input label {
      display: block;
      font-weight: bold;
      font-family: "Arial", sans-serif;
      font-size: 12px;
   }
   #contestsContent div.input input {
      border: 1px solid black;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
      margin: 3px 6px 6px 0px;
   }
   #contestsContent div.input input.name {
      width: 300px;
   }
   #contestsContent div.input input.age {
      width: 40px;
   }
   #contestsContent div.input input.school {
      width: 300px;
   }
   #contestsContent div.input input.street {
      width: 300px;
   }
   #contestsContent div.input input.city {
      width: 150px;
   }
   #contestsContent div.input input.zip {
      width: 75px;
   }
   #contestsContent div.input input.email {
      width: 200px;
   }
   #contestsContent div.input input.phone {
      width: 200px;
   }
   #contestsContent div.input input.title {
      width: 300px;
   }
   #contestsContent div.input input.file_name {
      width: 300px;
   }

#contestsContent div.tos {
   margin: 6px 0px;
}
   #contestsContent div.tos textarea {
      margin-top: 3px;
      padding: 6px;
      width: 500px;
      height: 150px;
   }

#contestsContent p.tos {
   float: left;
}

#contestsContent .submit input {
   float: left;
   margin-left: 25px;
}

#contestsContent div.error-message {
   color: red;
   margin: 0px 6px 12px 0px;
   font-size: 90%;
   font-family: "Arial", sans-serif;
}

a#readButton
{
	background-image: url('/img/read.gif');
	color: transparent;
	display: block;
	width: 415px;
	height: 45px;
}
a#readButton:hover
{
	background-image: url('/img/read_over.gif');
}
a#submitButton
{
	background-image: url('/img/submit.gif');
	color: transparent;
	display: block;
	width: 457px;
	height: 42px;
}
a#submitButton:hover
{
	background-image: url('/img/submit_over.gif');
}


/*******************/

#contestsContent p.intro {
	margin-top: 0px;
	font-size:15px;
	margin-left:256px;
}
#contestsSubnav {
	position:absolute;
	top:35px;
	left:310px;
	width:680px;
}
#contestsSubnav a {
	margin-right:20px;
	text-indent:-2000px;
	float:left;
	display:block;
	height:20px;
}
#contestsSubnav a:hover {
	background:url(/img/over.png)no-repeat top right;
}
#contestsSubnav #first {
	width:142px;
}
#contestsSubnav #first:hover {
}
#contestsSubnav #second {
	width:222px;	
}
#contestsSubnav #third {
	width:222px;
	
}

.munny
{
	font-weight:bold;
}

#vidplayer {
	margin: 86px 0 0 0;
	font-family: "Arial", sans-serif;
	font-size: 13px;
}

#video {
	float:left;
}
#videoDetails {
	float:left;
	padding: 33px 0 0 20px;
	width:210px;
}
#videoDetails h3 {
	font-size: 16px;
	font-style:italic;
	margin: 0 0 5px 0;
}
#videoDetails label {
	display:inline;
	font-weight:bold;
}
#videoDetails div.field {
	margin-bottom: 5px;
}
#vidList {
	margin: 20px 26px 0 22px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
}
#vidList .sortLinks {
	background:#fff;
	margin-bottom: -1px;
 	padding: 0 10px 2px 0;
}
.vidRow {
	width:100%;
	border-bottom: 1px solid #b2b2b2;
	padding:10px 0;
}
.vidItem {
	float:left;
	padding: 0 20px;
	font-size:11px;
	width:260px;
}
.vidItem h2
{
	font-size: 14px;
	text-indent: 0;
	color: #2991DA;
	margin: 0 0 10px 0;
}
.middle {
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
}
.vidItem img {
	float:left;
	margin-right:9px;
}
.vidItem h3 {
	font-style:italic;
	margin-top:18px;
	font-size:13px;
}
.vidItem label {
	display:inline;
	font-weight:bold;
}
.ratings {
	padding: 5px 0 0 0;
	clear:left;
	height:21px;
	width:120px;
}
.ratings img {
	float:left;
	margin: 0 0 0 2px;
}

#rateMe{padding:0px; margin:20px 0 0 0;}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(/img/stars_lit.gif) no-repeat;}
#rateMe a{float:left;background:url(/img/stars.gif) no-repeat;width:24px; height:20px;}
#rateMe span {
	float:left;
	font-weight:bold;
	padding:5px 10px 0 0;
}
.saved{color:red; }

/******************* tools ********************* */ 

#toolsContent {
	clear:both;
	width:100%;
	background:url(/img/tools.jpg) no-repeat;
	height:284px;
}
*html #toolsContent {
	margin-top:-22px;	
	margin-left:-4px;
}

/*******************/


/******************** SIFR ******************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size:1.2em;
}
.sIFR-active h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}


/******************* admin ********************* */ 

#adminContent {
	clear:both;
	padding: 40px 0px 0px 30px;
   font-family:Arial, Helvetica, sans-serif;
}

#adminContent a {
   font-family:Arial, Helvetica, sans-serif;
   text-decoration: underline;
   margin-right: 6px;
}
#adminContent a:hover {
   text-decoration: none;
}
#adminContent div {
   margin-bottom: 12px;
}

#adminContent label {
   color: #4E4E4E;
   font-family: "Arial", sans-serif;
}

#adminContent .error-message {
   color: #c00;
   font-size: 0.8em;
   text-transform: uppercase;
   font-family: "Arial", sans-serif;
   margin-top: 3px;
   margin-bottom: 0px;
}

   .login p,
   .login h2 {
      margin-bottom: 12px;
   }
   .login div.input {
      margin-bottom: 10px;
   }
   .login div.input input {
      width: 150px;
   }
   .login label {
      display: block;
   }

.nas-index table {
   font-family: "Arial", sans-serif;
   margin-bottom: 16px;
   margin-top: 16px;
   padding-top: 12px;
}
   .nas-index table th {
      font-weight: bold;
      padding-top: 8px;
      text-align: left;
   }
   .nas-index table td {
      padding: 10px 12px 20px 0px;
      border-top: 1px solid #4E4E4E;
   }
   .nas-index table tr.active td {
      color: #000;
   }
   .nas-index table tr.inactive td {
      color: #999;
   }
   .nas-index table td.summary {
      width: 554px;
   }

   .nas-edit form {
      margin: 0px 0px 16px 0px;
   }
   .nas-edit label {
      display: block;
   }
   .nas-edit h2,
   .nas-edit p {
      margin: 0;
      margin-bottom: 12px;
      color: #000;
   }
   .nas-edit div.input {
      float: left;
      margin: 0 12px 0 0;
   }
   .nas-edit textarea.summary {
      width: 500px;
      height: 100px;
   }
   .nas-edit textarea.body {
      width: 500px;
      height: 200px;
   }

