/* --- NAVIGATION CSS --- */

/*==========================================
 *     PRIMARY NAVIGATION
 *==========================================*/

/* H1 visible to scr readers and search engines only */

#primary-navigation {position:relative; z-index: 1;}
#primary-navigation ul {position:absolute; top:121px; left:155px;}

#primary-navigation h1 {display:none;}
#primary-navigation h1 span{text-indent:-1000px;}

#primary-navigation {
width:980px;
height:152px;
float:left;
margin: 23px 0 8px 0px;
padding:0;
background: url('/other_files/kidsweek-v2/mast-strap-ext-1.gif') no-repeat 167px 6px;
}

#primary-navigation #sitefamily {
width:292px;
float:right;
margin:0px 0 0 0;
padding:4px 8px 0 0;
background: #00ADEF;
height: 23px;
font-size:85%;
}

#primary-navigation #sitefamily form {text-align:right; font-size:100%;}
#primary-navigation #sitefamily form .row {float:right;}
#primary-navigation #sitefamily form select {width:150px; margin-left:5px; margin-right:5px; font-size:100%;}
#primary-navigation #sitefamily form input {font-size:100%;}

#site-wrap {height: 130px; width: 292px; margin-left: 688px; background: url('/other_files/kidsweek-v2/mast-faces.gif') no-repeat 65px 45px; float: right;}

#primary-navigation #logo {
float:left;
margin: -130px 0 0 0;
padding:0;
width:155px;
height:160px;
}

#primary-navigation #logo img {margin: 0; border: 0px;}
 
#primary-navigation h2 {display:none;}

.vyre_navigator {background-color: #FFF;}

#primary-navigation ul {
width:826px;
height:31px;
padding:0;
margin:0;
text-align:left;
background: #EC0088;
list-style-type: none;
}

#primary-navigation li ul {
position: absolute;
left: -999em;
height: auto;
background-color:#041821;
}

#primary-navigation li:hover ul {
left:auto;
top: 30px;
position: absolute; 
display: block;
width: auto;
height: auto;
float: left;
z-index: 10;
}

#primary-navigation li.first {border:0;}

#primary-navigation li {
float:left;
text-align:center;
padding:0;
margin:0;
border:0;
}

#primary-navigation li a {
float:left;
overflow:visible;
margin:0;
padding: 6px 15px 5px 15px;
font-size:150%;
font-family:arial!important;
font-weight:bold;
color:#FFF;
text-decoration:none;
border:0;
}

#primary-navigation ul ul a {color: #041821;}


#primary-navigation li a:hover {color:#041821; background:#FFFF00; text-decoration:underline;}

#sitefamily p {color:#fff;}



/*==========================================
 *     DROPDOWN NAVIGATION
 *==========================================*/

#primary-navigation ul ul{
position:absolute;
z-index:1500;
top:23px;
left:-4px;
display:none;
width:190px;
background:#000;
padding-left:0;
overflow:hidden;
}

#primary-navigation li:hover ul, 
#primary-navigation li.hover ul{
z-index:1000;
display:block;
padding-bottom:0;

}

#primary-navigation li:hover ul ul,
#primary-navigation li.hover ul ul {
z-index:10000;
display:none;
}

#primary-navigation li:hover a,
#primary-navigation li.hover a,
#primary-navigation li.current_page a,
#primary-navigation li.current_page_ancestor a {
color:#FFF;
background:#00adef;
}

#primary-navigation li:hover ul li a,
#primary-navigation li.hover ul li a  {
background:#00adef;
color:#FFF;
width:190px;
padding:7px 10px 6px 6px
margin:0 4px;
text-align:left;
font-family:verdana,arial,helvetica,sans-serif;
font-size:140%;
border-top:1px solid #33bbec;
}

#primary-navigation li ul li a:hover{
border-top:1px solid #33bbec;
background:#00adef;
text-decoration:underline;
}

#primary-navigation li ul li.current_page a,
#primary-navigation li ul li.current_page_ancestor a {
background:#00adef;
color:#FFF;
}

#primary-navigation li ul li.current_page a:hover,
#primary-navigation li ul li.current_page_ancestor a:hover {
text-decoration:none;
}

#primary-navigation li ul li.first {border:0;}

#primary-navigation li ul li {height:auto; float: left; clear: both;}




/* ===============================================================
      FOOTER
 ===============================================================*/

#footer {text-align:center;}
#footer ul {margin:0; padding:0;}

#footer li {
display:inline;
font-size:120%;
padding:0 7px 0 6px;
margin:0;
border-right:1px solid;
color:#000;
}

#footer li.last {border-right:0;}

#footer a,
#footer a:link, 
#footer a:visited {
font-weight:normal;
text-decoration:none;
margin:0;
color:#4d688f;
}

#footer a:hover {text-decoration:underline;}









