/*nav*/

/* nav */
div#topnav { clear:both;height:50px;background-image:url(../images/structural/main-nav.png);}
ul#nav { height:50px;margin:0 0 0 39px;padding:0;list-style:none; width:810px; float:left;}
ul#nav li { float:left;height:50px;margin:0;padding:0;background-image:url(../images/structural/main-nav.png); }
ul#nav li a { display:block;height:50px; }
ul#nav li a span { display:none; }

ul#nav li#nav-musical-plays-work { width:139px;background-position:-39px 0px; }
body.musical-plays-work ul#nav li#nav-musical-plays-work { background-position:-39px -100px; }
ul#nav li#nav-musical-plays-work:hover,ul#nav li#nav-musical-plays-work.over { background-position:-39px -50px; }
ul#nav li#nav-musical-plays-work:hover a.nav-main-link { width:139px; }

ul#nav li#nav-curriculum { width:103px;background-position:-178px 0px;  }
body#curriculum li#nav-curriculum { background-position:-178px -100px; }
ul#nav li#nav-curriculum:hover,ul#nav li#nav-curriculum.over { background-position:-178px -50px; }
ul#nav li#nav-curriculum:hover a.nav-main-link { width:103px; }

ul#nav li#nav-grade { width:103px;background-position:-281px 0px; }
body#grade li#nav-grade { background-position:-281px -100px; }
ul#nav li#nav-grade:hover,ul#nav li#nav-grade.over { background-position:-281px -50px; }
ul#nav li#nav-grade:hover a.nav-main-link { width:103px; }

ul#nav li#nav-teachers { width:111px;background-position:-384px 0px; }
body.teachers ul#nav li#nav-teachers { background-position:-384px -100px; }
ul#nav li#nav-teachers:hover,ul#nav li#nav-teachers.over { background-position:-384px -50px; }
ul#nav li#nav-teachers:hover a.nav-main-link  { width:111px; }

ul#nav li#nav-whats-new { width:97px;background-position:-495px 0px; }
body.whats-new ul#nav li#nav-whats-new { background-position:-495px -100px; }
ul#nav li#nav-whats-new:hover,ul#nav li#nav-whats-new.over { background-position:-495px -50px; }
ul#nav li#nav-whats-new:hover a.nav-main-link { width:97px; }

ul#nav li#nav-what-you-get { width:80px;background-position:-592px 0px; }
body.what-you-get ul#nav li#nav-what-you-get { background-position:-592px -100px; }
ul#nav li#nav-what-you-get:hover,ul#nav li#nav-what-you-get.over { background-position:-592px -50px; }
ul#nav li#nav-what-you-get:hover a.nav-main-link { width:80px; }

ul#nav li#nav-about-us { width:80px;background-position:-672px 0px; }
body.about-us ul#nav li#nav-about-us { background-position:-672px -100px; }
ul#nav li#nav-about-us:hover,ul#nav li#nav-about-us.over { background-position:-672px -50px; }
ul#nav li#nav-about-us:hover a.nav-main-link { width:80px; }

ul#nav li#nav-contact-us { width:88px;background-position:-752px 0px; }
body.contact-us ul#nav li#nav-contact-us { background-position:-752px -100px; }
ul#nav li#nav-contact-us:hover,ul#nav li#nav-contact-us.over { background-position:-752px -50px; }
ul#nav li#nav-contact-us:hover a.nav-main-link { width:88px; }


/* navigation elements */

		
#dd-curriculum, #dd-grade, #dd-whyplayswork, #dd-contactus  {
	background:#ccc;
	height:auto;
	z-index:500;
	}

#dd-curriculum { position:absolute; top:160px; left:0px; }

#dd-grade { position:absolute; top:160px; left:0px; }

#dd-whyplayswork { position:absolute; top:160px; left:38px; }

#dd-contactus { position:absolute; top:160px; left:752px; }

#dd-curriculum ul#sub-curriculum, #dd-grade ul#sub-grade {
	visibility:hidden;
	margin: 0 !important; padding: 0 !important;
	/*list-style: none;*/
	background:#FEF0C3;
	display:block;
	text-align:left;
	/*line-height:normal;*/
	position: absolute; 
	z-index: 200; 
	/*white-space: nowrap;*/
	border:3px solid #001B6E;
	width:1018px;
	height:auto;
	}
	
#dd-whyplayswork ul#sub-whyplayswork {
	visibility:hidden;
	margin: 0 !important; padding: 0 !important;
	/*list-style: none;*/
	background:#FEF0C3;
	display:block;
	text-align:left;
	position: absolute; 
	z-index: 200; 
	border:3px solid #001B6E;
	width:220px;
	height:auto;
	}
	
#dd-contactus ul#sub-contactus {
	visibility:hidden;
	margin: 0 !important; padding: 0 !important;
	/*list-style: none;*/
	background:#FEF0C3;
	display:block;
	text-align:left;
	position: absolute; 
	z-index: 200; 
	border:3px solid #001B6E;
	width:150px;
	height:auto;
	}
	
#dd-curriculum ul#sub-curriculum li {

margin: 0; 
padding:0;
/*padding: 2px;*/ 
/*background-image:url("/images/bag_divider.gif");
background-repeat:repeat-y;
background-position:top right;*/
float: left; 
width: 202px; 
display: block; 
list-style: none;
text-align:left;
border-right:1px dotted #000000;
height:500px;
/*background:#3A5C17;  */
	/*border-right:1px solid #E9DC88;*/
}

#dd-grade ul#sub-grade li {

margin: 0; 
padding:0;
float: left; 
width: 252px; 
display: block; 
list-style: none;
text-align:left;
border-right:1px dotted #000000;
height:210px;
}

#dd-curriculum ul#sub-curriculum li h3, #dd-grade ul#sub-grade li h3 {

 text-align:center; 
 }

#dd-curriculum ul#sub-curriculum li h3 a, #dd-grade ul#sub-grade li h3 a {
 font-size:12px;
 padding:0 0 0 0;
 color:#000000;
 text-decoration:none;
 }
 
#dd-curriculum ul#sub-curriculum li h3 a:hover, #dd-grade ul#sub-grade li h3 a:hover {
 color:#000000;
 text-decoration:underline;
 }


 
 #dd-curriculum ul#sub-curriculum li p, #dd-grade ul#sub-grade li p {
 /*font-size:10px;*/
 /*padding:0 0 4px 0;*/
 margin:3px;
 text-align:left; 
 height:auto!important;
 float: left;
 /*width:190px;*/
 display:block;
 }
 
#dd-curriculum ul#sub-curriculum li p a.close, #dd-curriculum ul#sub-curriculum li p a:hover.close, #dd-curriculum ul#sub-curriculum li p a:active.close, #dd-curriculum ul#sub-curriculum li p a:visited.close {
position:absolute;
bottom:10px;
left:5px;
text-decoration:underline;
color:#003366;
font-size:13px;
}

#dd-grade ul#sub-grade li p a.close, #dd-grade ul#sub-grade li p a:hover.close, #dd-grade ul#sub-grade li p a:active.close, #dd-grade ul#sub-grade li p a:visited.close {
position:absolute;
bottom:10px;
left:5px;
text-decoration:underline;
color:#003366;
font-size:13px;
}


html>body #dd-curriculum ul#sub-curriculum, #dd-grade ul#sub-grade, #dd-whyplayswork ul#sub-whyplayswork, #dd-contactus ul#sub-contactus { border-width:3px 3px 3px 3px;} 
/* what we really want - IE 4/5/6 can't see */


html>body #dd-curriculum ul#sub-curriculum li, #dd-grade ul#sub-grade li, #dd-whyplayswork ul#sub-whyplayswork li, #dd-contactus ul#sub-contactus li { display:inherit; }
/* what we really want - IE 4/5/6 can't see */

#dd-curriculum ul#sub-curriculum  li#lastdd, #dd-grade ul#sub-grade li#lastdd, #dd-whyplayswork ul#sub-whyplayswork li#lastdd, #dd-contactus ul#sub-contactus li#lastdd {
	border-bottom:0;
	}

html>body #dd-curriculum ul#sub-curriculum  li#lastdd, #dd-grade ul#sub-grade li#lastdd, #dd-whyplayswork ul#sub-whyplayswork li#lastdd, #dd-contactus ul#sub-contactus li#lastdd {border-bottom:1px solid #E9DC88;} 
/* what we really want - IE 4/5/6 can't see */

#dd-curriculum ul#sub-curriculum li p a, #dd-grade ul#sub-grade li p a {
	display:block !important;
	text-decoration: none;
	/*text-transform:capitalize;*/
	color:#C65E2B;
	margin:0;padding:0;
	font-size:12px;
	font-style:normal;
	line-height:120%;
	}
	
#dd-whyplayswork ul#sub-whyplayswork li a, #dd-contactus ul#sub-contactus li a {
	display:block !important;
	text-decoration: none;
	/*text-transform:capitalize;*/
	color:#C65E2B;
	margin:0;padding:4px;
	font-size:12px;
	font-style:normal;
	line-height:140%;
	}

html>body #dd-curriculum ul#sub-curriculum li p a, #dd-grade ul#sub-grade li p a, #dd-whyplayswork ul#sub-whyplayswork li a, #dd-contactus ul#sub-contactus li a {
/* what we really want - IE 4/5/6 can't see */
	display:block !important;
	text-decoration: none;
	/*text-transform:capitalize;*/
	color:#C65E2B;
	margin:0;padding:2px 8px 2px 6px;
	font-size:11px;
	font-style:normal;
	
	}
	
#dd-curriculum ul#sub-curriculum li a {
	width:190px;
	}
	
#dd-grade ul#sub-grade li a {
width:240px;
}

html>body #dd-grade ul#sub-grade li a {
/* what we really want - IE 4/5/6 can't see */
width:250px;
}
	
#dd-curriculum ul#sub-curriculum li a:hover, #dd-grade ul#sub-grade li a:hover, #dd-whyplayswork ul#sub-whyplayswork li a:hover, #dd-contactus ul#sub-contactus li a:hover {
	text-decoration: none;
	/*background-color:#052FC7;*/
	color:#001B6E;
	}