/* CSS for  */
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	background: #CEE7E7 url('/images/layout/bg-body.gif') repeat-x top;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 83%;
	color: #666666;
}
#top{
	background: url('/images/layout/bg-header.gif') no-repeat top center;
	margin: 0px auto;
	height: 384px;
	
}
#container{
	margin: 0px auto;
	text-align: left;
	background: url('/images/layout/bg-copy.gif') repeat-y right;
	width: 824px;
	padding-bottom: 31px;
	position: relative;
    left: -1px;
}

#header{
	width: 778px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

#sound{
  float: right;
  width: 100px;
  height: 50px;
  margin-left: 350px;
  padding: 0;
  position: absolute;
}

#shop-link{
	display: block;
	float: right;
	position: relative;
	top: 45px;
}
#copy-bottom{
	background: url('/images/layout/bg-copy-bottom.gif') no-repeat;
	height: 31px;
	clear: both;
	width: 823px;
	margin: 0px auto;
}
a{
	color: #D3328A;
	text-decoration: underline;
}
a:hover{
	color: #2BBDEF;
}

h2{
	color: #D3328A;
	font-size: 115%;
	margin-bottom: .5em;
}
h2.under-h1{
	padding: 10px 10px 0 0;
	clear: left;
}



h2.blue-bg-l {
	padding:7px 0 0 10px;
	height:28px;
	background:url(../images/h2-bg-long.gif) no-repeat 0 0;
	color:#fff;
	}
h2.blue-bg-short {/*NEW 07.30.2008*/
	padding:7px 0 0 10px;
	height:28px;
	background:url(../images/h2-bg.gif) no-repeat 0 0;
	color:#fff;
}

input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { 
	margin: 0 0 1.5em 0; 
	line-height: 1.4em;
}

.l { float: left; }
.r { float: right; }
.frm { margin: 0px 10px 20px 20px; }
.flm {  margin: 0px 20px 20px 0px; }
.clear { clear: both; }
.c-r {clear: right;}
.c-l {clear: left;}

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }
.t-c { text-align: center; }
.t-r{ text-align: right; }

.pink{ color: #D3328A;}
.blue{ color: #2BBDEF; }
.red { color: red;}




 .roll
{
position: relative;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
display: block;
margin: 0;
padding: 0;
}

.roll a
{
display: block;
color: #000000;
font-size: 11px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll img
{
border: 0
}

* html a:hover
{
visibility:visible
}

.roll a:hover img
{
visibility:hidden
}

.roll span
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#logo{
	display: block;
	padding-top: 10px;
	/*background: url('/images/nana-star-logo-over.png') no-repeat;	*/
}
#logo, #logo a, #logo span{
	height: 57px;
	width: 288px;
}
#shop-link{
	background: url('/images/button-shop-over.gif') no-repeat;	
}
#shop-link, #shop-link a, #shop-link span{
	height: 26px;
	width: 78px;
}

/* ---------------------- Begin Drop Down Nav ---------------------- */

#main-nav { 
	margin: 30px 0 0 0; 
	height: 50px; 
	width: 779px;
}

#main-nav a#nav-home{
	background: url('/images/nav/nav-home.gif') no-repeat;	
	width: 57px;
	height: 50px;
}
#main-nav a#nav-home{ background-position:0 0; }
#main-nav a#nav-home:hover{ background-position:0 -50px }



#main-nav a#nav-about{
	background: url('/images/nav/nav-about.gif') no-repeat;	
	width: 87px;
	height:  50px;
}
#main-nav a#nav-about{ background-position:0 0; }
#main-nav a#nav-about:hover{ background-position:0 -50px }



#main-nav a#nav-kids{
	background: url('/images/nav/nav-kids.gif') no-repeat;	
	width: 79px;
	height:  50px;
}
#main-nav a#nav-kids{ background-position:0 0; }
#main-nav a#nav-kids:hover{ background-position:0 -50px }


#main-nav a#nav-edu{
	background: url('/images/nav/nav-edu.gif') no-repeat;	
	width: 167px;
	height:  50px;
}
#main-nav a#nav-edu{ background-position:0 0; }
#main-nav a#nav-edu:hover{ background-position:0 -50px }


#main-nav a#nav-found{
	background: url('/images/nav/nav-found.gif') no-repeat;	
	width: 176px;
	height:  50px;
}
#main-nav a#nav-found{ background-position:0 0; }
#main-nav a#nav-found:hover{ background-position:0 -50px }


#main-nav a#nav-news{
	background: url('/images/nav/nav-news.gif') no-repeat;
	width: 119px;
	height:  50px;	
}
#main-nav a#nav-news{ background-position:0 0; }
#main-nav a#nav-news:hover{ background-position:0 -50px }


#main-nav a#nav-contact{
	background: url('/images/nav/nav-contact.gif') no-repeat;
	width: 94px;
	height:  50px;	
}
#main-nav a#nav-contact{ background-position:0 0; }
#main-nav a#nav-contact:hover{ background-position:0 -50px }



#main-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}
#main-nav a {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	font-size: .9em;
	text-decoration: none;
	text-align: center;
}
#main-nav ul li {
	margin: 0 0 0 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#main-nav ul li a {padding: 0 0 0 0;}

#main-nav ul li:hover {
	background-position: top left;
	background-repeat: no-repeat;
}


#main-nav li { /* all list items */
	float: left;
	padding: 0;
	/* width needed or else Opera goes nuts */
}

.sub li {background-image: none; background-color: #FFFFFF;}
.sub li a {background-image: none; background-color: #FFFFFF;}

#main-nav li ul { /* second-level lists */
	position: absolute;
	z-index: 999;
	background: #FFFFFF;
	border: 1px solid #338AD3;
	border-top: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
	width: 210px;
}
#main-nav li ul a{
	padding: 6px 5px 6px 5px;
	width: 200px;
	font-size: .9em;
	text-align: left;
	color: #e50f9f;
}

#main-nav li ul a:hover{background-color: #EEEEEE;	background-image: none;}

#main-nav li ul li { 
	padding: 0;
	margin: 0;
}

#main-nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 9.85em;
	border: 2px solid #fff;

}

#main-nav li:hover ul ul, #main-nav li.sfhover ul ul {
	left: -999em;
}

#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/* End Drop Down Nav */


/* ----------- sifr------------ */  

.sIFR-active h1,
   
   .sIFR-active h3,
   .sIFR-active h4,
   .sIFR-active h5#pullquote,
   .sIFR-active p.kidprint,
   .sIFR-active p.kidprint2 {
     visibility: hidden;
     font-family: Verdana;
     line-height: 1em;
   }

   .sIFR-active h1 {
    padding-bottom: 0;
	margin-bottom: 0px;
	font-size: 180%;
	font-weight: bold;
	float: left;
   }

   

.sIFR-active h1.home1, .sIFR-active h1.home2 {
    font-size: 145%;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	
   }
.sIFR-active h1.home1{
	width: 310px;
}
.sIFR-active p.kidprint{
	font-size: 18px;
	color: #666666;
	width: 290px;
	margin-left: 25px;
	margin-bottom: 10px;
}

.sIFR-active p.kidprint{
	font-size: 20px;
	color: #338ad3;
}



/* ----------- end sifr------------ */  
#flash{
	width: 779px;
	height: 218px;
	/*background: url('/images/layout/flash-placeholder.gif') no-repeat;*/
	clear: both;
	border-top: 1px solid #ffffff;
}
#nana-star-doll{
	background: url('/images/layout/nana-star.png') no-repeat;
	width: 287px;
	height: 552px;
	position: absolute;
	top: -80px;
	left: -100px;
	z-index: 100;	
}
#copy{
	margin: 0px 21px 0px 200px;
}

#right{
	float: right;
	width: 238px;
	margin-left: 10px;
}

a#blogger{
	display:block;
	background: url('/images/button_blogger.gif') no-repeat 0px 0px;
	width:418px;
	height:30px;
	text-decoration:none;
}	

a:hover#blogger{
	display:block;
	background-position: 0px -30px;
}	

a#but-eud{
	display: block;
	background: url('/images/button-edu.gif') no-repeat 0px 0px;
	width: 238px;
	height: 98px;
}
a#but-eud:hover{
	background: url('/images/button-edu.gif') no-repeat 0px -98px;
}
a#but-kids{
	display: block;
	background: url('/images/button-kids.gif') no-repeat 0px 0px;
	width: 238px;
	height: 91px;
}
a#but-kids:hover{
	background: url('/images/button-kids.gif') no-repeat 0px -91px;
}
a#but-vid{
	display: block;
	background: url('/images/button-video.gif') no-repeat  0px 0px;
	width: 238px;
	height: 85px;
}
a#but-vid:hover{
	background: url('/images/button-video.gif') no-repeat  0px -85px;
}
a#but-vid-sign{
	display: block;
	background: url('/images/button-sign.gif') no-repeat  0px 0px;
	width: 238px;
	height: 44px;
}
a#but-vid-sign:hover{
	background: url('/images/button-sign.gif') no-repeat  0px -44px;
}
a#but-eud span, a#but-kids span, a#but-vid span, a#but-vid-sign span{
	display: none;
}
#footer{
	text-align: center;
	font-family: Palatino, Georgia, Times, serif;
	color: #0D2339;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 90%;
}
#footer a{
	color: #0D2339;
	margin: 1em;
	line-height: 2.5em;
	font-weight: bold;
}
#footer a:hover{
	color: #D3328A;
}
a#bwm{
	text-decoration: none;
	line-height: 1.2em;
	margin: 0px;
}
a.pink-but{
	background: url('/images/button-bg.gif') no-repeat 0px 0px;
	display: block;
	height: 35px;
	width: 224px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 2.3em;
}
a.pink-but:hover{
	background: url('/images/button-bg.gif') no-repeat 0px -35px;
	color: #ffffff;
}
a.pink-submit{
	background: url('/images/button-submit.gif') no-repeat 0px 0px;
	display: block;
	height: 35px;
	width: 132px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 2.3em;
}
a.pink-submit:hover{
	background: url('/images/button-submit.gif') no-repeat 0px -35px;
	color: #ffffff;
}
#pink-int{
	position: relative;
	top: -30px;
}
.divider{
	border-top: 1px solid #DBF5F3;
	margin-right: 30px;
}

/* added jw 2009-03-16 */
a.pink-but-small {
	background: url('/images/button-bg-small.gif') no-repeat 0px 0px;
	display: block;
	height: 39px;
	width: 131px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 3.2em;
}
a.pink-but-small:hover{
	background: url('/images/button-bg-small.gif') no-repeat 0px -39px;
	color: #ffffff;
}

.vid a.pink-but-small {
	margin: 0 0 0 3px;
}



.copy-img-r{
	float: right;
	margin: 0px 20px 15px 15px;
}

.copy-img-c{
	text-align:center;
}
#copy p{
	margin-right: 20px;
}
img.icon{
	vertical-align: middle;
}
.textbox{
	border: 1px solid #2BBDEF;
	width: 200px;
}

#newsletter{

	clear: left;
}
a img{
	text-decoration: none;
}
a.tdn{
	text-decoration: none;
}
.quote{
	font-size: 30px;
	font-weight: bold;
	color: #2BBDEF;
	font-family: Times, Georgia, serif;
}
.vid {
	margin-right: 20px;
}
.vid img{
	border: 2px solid #D3328A;
}
a.vid:hover img{
	border: 2px solid #2BBDEF;
}
#kid-sec{
	width: 320px;
}

/* PRESS RELEASES*/
.press-box {
  display: block;
  text-decoration: none;
  margin:0 25px 15px 0;
  width:120px;
  height:160px;
  float:left;
  position:relative;
	}
a.press-box {
	background:url(../images/press-star.jpg) repeat-x;
	}
a:hover.press-box {
	background:url(../images/bg-press.gif) repeat-x;
	}
.press-date { 
  margin:5px 0 0 0;
  color:#666;
  height:20px;
  display: block;
  font-weight: bold;
  line-height:100%;
  text-align:center;
  /*background:url(../images/icons/icon-paperclip.gif) no-repeat left top;*/
	}
a.press-box span {
  padding:3px 5px;
  width:90%;
  display:block;
  line-height:110%;
  text-align:center;
  font-weight:bold;
	}
#copy a.press-box img {
	bottom:-10px;
	right:-10px;
	position:absolute;
	}

/*stuff for gallery*/
.gallery-title{ 
	color: #2BBDEF;
	font-weight:bold;
	font-size:100%;
	margin-bottom:10px;	
	 }
	 
a.top-link{ 
	position: absolute; 
	top: 0px; 
	text-decoration: none; 
	}

a.gallery-top {
	margin-right:210px;
}

.space {
	margin-bottom:10px;
	margin-top:10px;
}

/*HOMEPAGE AWARDS LINKS - NEW 07.31.2008*/
ul.awardslinks {
	margin:0 0 0 30px;
	padding:0;
	}
ul.awardslinks li {
	background: url(../images/bullet_pinktriangle.gif) no-repeat 0 0;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	}

ul.awardslinks li a {
	color: #2BBDEF;/*blue*/
	}
ul.awardslinks li a:hover {
	color: #D3328A;/*pink*/
	}