#wrap {
    width: 175px;
    position: relative;
    top: -50px;
    left: -39px
    }
* html #wrap {
    height: 100%
    }
/* ---------- Mega Drop Down --------- */
#mega {
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    height: 2em;
    margin: 60px -1px 0 0
    }
#mega li {
    margin: 2px;
    margin-left: -1px;
    width: 175px;
    text-align: left;
    text-indent: 15px;
    position: relative;
    xbackground-color: #b8b552
    }
/* classes for individual colors*/
#mega li.talk {
    background: #b8b552
    }
#mega li.blogs {
    background: #9a7ba5
    }
#mega li:hover {
    background: #999;
    /*grey bg*/
    border-bottom: 0;
    /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
    xpadding: 7px 0 1px 0;
    margin-top: 0;
    z-index: 1;
    /* shadow above adjacent li */
    }
/*individual hover color of title on lhf 7/12/11*/
#mega li.music {
    background: #73a35d
    }
#mega li.talk:hover {
    background: #b8b552
    }
#mega li.blogs:hover {
    background: #9a7ba5
    }
#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;
    xborder: 1px solid #000;
    xborder-top: 0;
    font-weight: normal;
    text-align: left;
    background: #999
    }
/*specific classifiers for menu divs*/
#mega div.weekdays {
    width: 510px;
    padding: 0 10px 0
    }
#mega div.weekends {
    width: 510px;
    padding: 0 10px 0
    }
#mega div.short-feat {
    width: 510px;
    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: #9a7ba5
    }
/*controls the position of the hover menu 7/12/11*/
#mega li:hover div {
    left: 175px;
    top: -40px;
    border-left: none;
    border-top-color: #000;
    opacity: 0.95;
    padding-top: 10px;
    padding-bottom: 10px
    }
#mega li.dif:hover div {
    left: -221px
    }
/* --------- Within Div Styles --------- */
#mega div h2 {
    background: #999;
    font-size: 1em;
    padding: 0 10px;
    margin: 10px 0 5px 0;
    clear: both;
    float: left;
    width: 330px;
    position: relative;
    /* makes above drop shadow */
    }
#mega div p {
    /* controls the width size of each of the list elements */
    float: left;
    width: 170px;
    xpadding-left: 10px;
    position: relative;
    /* makes above drop shadow */
    }
#mega div p a {
    xtext-decoration: underline;
    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 {
    xtext-decoration: none;
    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
    }
#lhs-talk {
    position: relative;
    left: -38px;
    top: -40px;
    z-index: 99999
    }