#logo
{
width: 201px;
height:80px;
background: none #000080;
padding: 0;
margin: 0 auto 0 auto;
overflow: hidden;
clear: both;
border: 0px solid #ffffff;
}

/*
body>#logo
{
margin: 0;
margin: 0 auto 0 auto;
}
*/

#logo ul 
{
margin: 0 auto 0 auto;
padding:0;
list-style:none;
border: 0px solid #ffffff;
}

#logo li
{
display: block;
list-style:none;
margin: 5px auto 1px auto;
padding: 0px 0 0 0;
width: 190px;
border: 0px solid #ffffff;
text-align: center;
}

#logo img
{
border: 0;
padding: 0;
width: 190px;
margin: 0 auto 0 auto;
}

#logo a
{
text-align:center;
font-family: arial, verdana, sans-serif;
color:#000010;
font-weight:bold;
font-size: 11px;
display:block;
width:auto;
/*border-bottom: 1px #000080 solid;*/
text-decoration:none;
margin:0 0 0px 0;
padding:0px 0 0px 0;
border: 0px solid #0088ff;
}
    
#logo a:hover
{
background: none #cadbe1;
color: #000010;
}

#logo li.slogan
{
/*background: none #33cd99;*/
text-align: center;
color: #fffacd;
font-family: arial, verdana, sans-serif;
font-size: 12pt;
font-weight: bold;
white-space: nowrap;
padding: 0px 0px 2px 0px; 
margin: 3px auto 0 auto; 
font-variant: small-caps;
border-bottom: 2px solid #cdcdcd;
}

#logo li.slogan span
{
font-size: 18px;
}


/* LEFT BOTTOM */


/* BASE FOR IE 6 ONLY */

#menu
{
position:absolute;
left:5px;
width: 190px;
margin: 0px 0px 0px 0px;
padding:0;
border: 0px solid #ffffff;
clear: both;
text-align: center;
/*margin: 0 auto 0 auto;*/
}

#menu ul
{
padding: 0;
list-style: none;
margin: 10px 0 0 0;
border: 0px solid #ffffff;
text-align: center;
position: absolute;
left: 0px;
display: block;
margin: 0 auto 0 auto;
}

#menu li 
{
font-family: arial, verdana, sans-serif;
display: block;
width: 190px;
padding:0px 0 0px 0;
background: none #c2ffee;
color:#fffacd;
font-family: arial, verdana, sans-serif;
font-weight:bold;
font-size: 11px;
font-variant: small-caps;
margin: 2px 0 1px 0px;
}

#menu li ul
{
margin-left: 194px;
margin-top: -20px;
display: none;
width: 194px;
background: none #0088ff;
padding: 0;
border-left: 4px solid #bbbbbb;
border-bottom: 4px solid #a8a8a8;
}

#menu li.spacer
{
height: 1px;
font-size: 1px;
background: none #000080;
border: 0;
}


#menu a
{
text-align:center;
background: none #c2ffee;
color: #000010;
font-weight:bold;
font-size: 11px;
display:block;
width: 190px;
border-bottom: 0px #000000 solid;
text-decoration:none;
margin: 0px 0px 0px 0px;
padding: 2px 0 2px 0;
font-variant: small-caps;
}


#menu a:hover
{
background: none #fffacd;
color: #a52a2a;
margin: 0px 0px 0px 0px;
}

/* weather */
#menu li.weather
{
padding: 0px;
margin: 0px auto 0px auto;
border: 0px;
background: none #000080;
width: 180px;
height:47px;
border: 0px solid #ffffff;
}

#menu li.weather table
{
width: 190px;
border: 1px solid #a7ffff;
margin: 0px auto 1px auto;
padding: 0;
/*background: none #000080;*/
}

#menu li.weather td
{
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #a7ffff;
text-align: center;
border: 0px solid #ffffff;
padding: 0;
width: 58px;
}

#menu li.weather td.pic
{
text-align: right;
width: 129px;
background: none #000080;
}

#menu li.weather img
{
padding: 0px 0px 0px 0px;
background: none #000080;
border: 0px solid #ffffff;
/*height: 41px;*/
width: 127px;
border: 0;
margin: 1px;
}

#menu li.weather a
{
width:118px;
text-align:center;
background: none #000080;
color:#ffffff;
margin:0px 1px 0 0;
border: 0;
}

#menu li.weather a:hover
{
background: none #000080;
color: #ffffff;
margin:0px 1px 0 0;
border: 0px;
}

/* music */
#menu li.music
{
margin:0px 0 0 0;
padding:0px 0 0px 0;
list-style:none;
height: 45px;
border: 0px solid #ffffff;
width: 190px;
background: none #000080;
}

#menu li.music iframe
{
padding: 0px 0px 0px 0px;
/*background: none #000080;*/
border: 0px double #000080;
width: 190px;
height: 45px;
border: 0px solid #00ccff;
padding: 0;
margin: 0 0 0 0px;
}

/* credit */
#menu li.credit
{
padding: 0px;
margin: 0px auto 0px auto;
list-style: none;
border: 0px solid #ffffff;
background: none #000080;
}

#menu li.credit a
{
width:187px;
text-align:center;
background: none #000080;
color: #a7ffff;
font-weight:bold;
font-size: 11px;
display:block;
border: 0px #000000 solid;
text-decoration:none;
margin:0px 0 0px 0;
padding: 0px 0 0px 0;
}




/* OVERRIDE ENTIRELY (REGARDLESS OF BASE) WITH CHILD FOR ALL OTHER BROWSERS */


body>#left>#menu ul
{
left: 6px;
background: transparent;
left: 2px;
}

body>#left>#menu li
{
text-align:center;
background: none #c2ffee;
color:#ffff00;
font-family: arial, verdana, sans-serif;
font-weight:bolder;
font-size: 11px;
display: block;
width: 180px;
text-decoration:none;
padding:2px 0 2px 0;
border-right: 3px solid #0088ff;
border-top: 2px solid #00bbff;
border-left: 2px solid #00bbff;
border-bottom: 3px solid #0088ff;
margin: 2px 0px 1px 6px;
height: 14px;
font-variant: small-caps;
margin: 1px 0 2px 0px;
}

body>#left>#menu li:hover
{
background: none #fffacd;
color: #a52a2a;
border-right: 12px solid #0088ff;
display: block;
}


/* sub-menu 1 */

body>#left>#menu li ul
{
/*position: relative;
left: 2px;*/
margin-left: 192px;
margin-top: -18px;
width: 187px;
/*background: none #000000;*/
border-left: 5px solid #0088ff;
border-bottom: 5px solid #0088ff;
border-right: 0px solid #a8a8a8;
background: none #c2ffee;
}

body>#left>#menu li:hover ul
{
display: block;
}

body>#left>#menu li ul li
{
margin: 0px 0px 2px 2px;
width: 180px;
border-top: 2px solid #00bbff;
}

/* sub-menu2 */

body>#left>#menu li:hover ul li ul
{
display: none;
margin-left: 192px;
}

body>#left>#menu li:hover ul li:hover ul
{
display: block;
}

/* sub-menu3 */

body>#left>#menu li:hover ul li:hover ul li ul
{
display: none;
left: 2px;
}

body>#left>#menu li:hover ul li:hover ul li:hover ul
{
display: block;
}

/* end li's */

body>#left>#menu li.single
{
background: none #c2ffee;
color: #000010;
border-right: 3px solid #00bbff
}

body>#left>#menu li.single:hover
{
background: none #fffacd;
border-right: 3px solid #a52a2a;
/*border-right: 3px solid #057358;*/
}


body>#left>#menu li.spacer
{
height: 2px;
font-size: 2px;
background: none #000080;
border: 0;
}

   
body>#left>#menu a
{
text-align:center;
background: transparent;
font-weight: bold;
display:block;
width: 176px;
text-decoration: none;
margin: 0;
padding:0px 0 0px 0;
border-right: 4px solid #0088ff;
border-top: 0px solid #cdcdcd;
border-left: 0px solid #cdcdcd;
border-bottom: 0px solid #a8a8a8;
}

body>#left>#menu a:hover
{
background: none #fffacd;
color: #a52a2a;
border-right: 6px solid #0088ff;
}

body>#left>#menu li.single a
{
border-right: 0px solid #ffff00;
}

    
body>#left>#menu li.single a:hover
{
background: none #fffacd;
color: #a52a2a;
border-right: 6px solid #a52a2a;
}


/* weather */

body>#left>#menu li.weather
{
padding: 0px;
border: 0px;
background: none #000080;
width: 180px;
height:47px;
border: 0px solid #ffffff;
}

body>#left>#menu li.weather table
{
width: 184px;
border: 1px solid #a7ffff;
padding: 0;
background: none #000080;
}

body>#left>#menu li.weather td
{
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #a7ffff;
text-align: center;
border: 0px solid #ffffff;
padding: 0;
width: 58px;
background: none #000080;
}

body>#left>#menu li.weather td.pic
{
text-align: right;
width: 129px;
border: 0px solid #ffffff;
background: none #000080;
}

body>#left>#menu li.weather img
{
padding: 0px 0px 0px 0px;
background: none #000080;
border: 0px solid #ffffff;
/*height: 41px;*/
width: 127px;
border: 0;
margin: 1px;
}

body>#left>#menu li.weather a
{
width:118px;
text-align:center;
background: none #000080;
color:#ffffff;
margin:0px 0px 0 0;
border: 0;
}

/* music */
body>#left>#menu li.music
{

padding:0px 0 0px 0;
list-style:none;
height: 46px;
border: 0px solid #ffffff;
width: 180px;
background: none #000080;
}

body>#left>#menu li.music iframe
{
padding: 0px 0px 0px 0px;
background: none #000080;
border: 0px double #000080;
width: 184px;
height: 46px;
border: 0px solid #00ccff;
padding: 0;
margin: 0 0 0 0px;
}

/* credit */
body>#left>#menu li.credit
{
background: none #000080;
border: 0px solid #ffffff;
text-align: center;
margin: 0 auto 0 auto;
/*width: 190px;*/
}

body>#left>#menu li.credit a
{
background: none #000080;
border: 0;
}

body>#left>#menu li.credit a:hover
{
background: none #fffacd;
border: 0;
padding: 2px 3px 2px 3px;
}