/* music menu css */
#wrap {
    width: 175px;
    position: relative;
    top: -50px;
    left: -39px;
    xmargin-bottom: 50px
    }
/* ---------- Mega Drop Down --------- */
#mega {
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    height: 2em;
    margin: 40px -1px 0 0
    }
#mega li {
    margin-top: 2px;
    margin-left: -1px;
    width: 175px;
    text-align: left;
    text-indent: 15px;
    position: relative
    }
/* classes for individual colors*/
#mega li.talk {
    background: #b8b552
    }
/*brown */
#mega li.blogs {
    background: #9c8769
    }
/*dark green */
#mega li.global {
    xbackground: #9c8769
    }
#mega li:hover {
    xbackground: #999;
    /*grey bg*/
    border-bottom: 0;
    /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
    xpadding: 7px 0 1px 0;
    /*size of the hover box is changed here 7/12/11*/
    xmargin-top: -7px;
    z-index: 5;
    /* shadow above adjacent li */
    }
/*individual hover color of title on lhf 7/12/11*/
#mega li.music {
    background: #73a35d
    }
#mega a {
    color: #fff;
    outline: 0;
    text-decoration: none;
    display: block;
    line-height: 2em
    }
/* ----------- Hide/Show Div ---------- */
#mega div {
    position: absolute;
    left: -999em;
    margin-top: 2px;
    width: 350px;
    padding: 0 10px 10px;
    font-weight: normal;
    text-align: left;
    background: #999;
    z-index: 50
    }
#mega div.talk-news {
    width: 520px;
    padding: 0 10px 0
    }
#mega div.music-shows {
    width: 520px;
    padding: 0 10px 0
    }
#mega div.blogs-menu {
    width: 520px;
    padding: 0 10px 0
    }
/*changes the background of the hover over on the right 7/12/11*/
#mega .talk div {
    background: #b8b552
    }
#mega .music div {
    background: #73a35d
    }
#mega .blogs div {
    background: #9c8769
    }
#mega li.talk a:hover {
    background: #b8b552
    }
#mega li.music a:hover {
    background: #73a35d
    }
#mega li.blogs a:hover {
    background: #9c8769
    }
/*controls the position of the hover menu 7/12/11*/
#mega li:hover div {
    left: 175px;
    top: -123px;
    border-left: none;
    border-top-color: #000;
    padding-top: 10px;
    padding-bottom: 20px;
    opacity: 0.95
    }
#mega li.dif:hover div {
    left: -221px
    }
/* --------- Within Div Styles --------- */
#mega div h2 {
    xbackground: #CECECE;
    xborder: thin #ccc solid;
    border-bottom: thin #ccc solid;
    text-indent: 0;
    left: 15px;
    font-weight: 600;
    color: #fff;
    font-size: 1em;
    padding: 0 10px;
    margin: 5px 0 0 0;
    clear: both;
    float: left;
    width: 460px;
    position: relative;
    /* makes above drop shadow */
    }
#mega div p {
    float: left;
    width: 160px;
    padding-left: 10px;
    position: relative;
    /* makes above drop shadow */
    }
#mega div p a {
    text-decoration: none;
    float: left;
    clear: left;
    width: 100%;
    /* For IE6/7 */
    line-height: 1.6
    }
#mega div a:hover, #mega div a:focus, #mega div a:active {
    text-decoration: underline
    }
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
    position: absolute;
    width: 100%;
    height: 100%
    }
#mega div .s1 {
    background: url(images/rightcorner.png) 100% 0 no-repeat;
    top: 1px;
    right: -9px
    }
#mega div .s2 {
    background: url(images/leftcorner.png) 0 100% no-repeat;
    bottom: -9px;
    left: 1px
    }
#mega div .s3 {
    background: url(images/shadow.png) 100% 100%;
    top: 9px;
    right: -9px
    }
#mega li:hover .s4 {
    background: url(images/li-shadow.png) 100% 0 repeat-y;
    position: absolute;
    top: 0;
    right: -9px;
    height: 100%;
    padding: 0 8px 0 0
    }
* html #mega li:hover .s4 {
    background: none
    }
#mega li:hover .dif-s4 {
    padding-bottom: 9px
    }
#blog-color {
    background-color: #9c8769
    }