/*******Rounded Corners- Map Overrides*/
#ie6 div.contentWindow {
    width: 50%;}
            
#mapTop span.topLeft {
    top: 0;
    left: 0;
    z-index: 12;}

#ie6 #mapTop span.topLeft {
    top: 4px;
    left: 4px;
    z-index: 12;}

#mapTop span.topRight {
    top: 0;
    right: 0;
    z-index: 12;}

#ie6 #mapTop span.topRight {
    top: 4px;
    right: 4px;
    z-index: 12;}

#ie6 .tab span.topRight {
    margin-bottom: -9px;}

#ie6 .tab span.topLeft {
    margin-bottom: -9px;}

#ie7 #mapTop span.topRight {
    padding-right: 0;}

#mapFooter span.bottomLeft {
    position: absolute;
    bottom: 0;
    left: -1px;}

#ie6 #mapFooter span.bottomLeft {
    position: absolute;
    bottom: 3px;
    left: 3px;}

#mapFooter.map span.bottomLeft {
    position: absolute;
    bottom: 3px;
    left: -1px;}

#ie7 #mapFooter.map span.bottomLeft {
    position: absolute;
    bottom: 0;
    left: 0px;}

#ie6 #mapFooter.map span.bottomLeft {
    position: absolute;
    bottom: 4px;
    left: 3px;}

#mapFooter span.bottomRight {
    position: absolute;
    bottom: 0;
    right: -2px;}

#ie7 #mapFooter span.bottomRight {
    position: absolute;
    bottom: -10px;
    right: 4px;}

#ie7 #mapFooter span.bottomLeft {
    position: absolute;
    bottom: -10px;}

#ie6 #mapFooter span.bottomRight {
    position: absolute;
    bottom: 3px;
    right: 5px;}

#mapFooter.map span.bottomRight {
    position: absolute;
    bottom: 3px;
    right: -2px;}

#ie7 #mapFooter.map span.bottomRight {
    position: absolute;
    bottom: 0;
    right: -1px;}

#ie6 #mapFooter.map span.bottomRight {
    position: absolute;
    bottom: 4px;
    right: 3px;}

div.commServ span.topLeft {
    top: -3px;}

#mapMain {
    width: 99.9%;
    min-height: 300px;
    display: inline;
    padding: 0;}

    #mapTop {
        width: 100.7%;
        height: 40px;
        display: block;
        overflow: hidden;}

    #mapTop.hide {
        height: auto;
        display: none;}

    #mapMain p.top{
        width: 100%;
        height: 2em;
        display: block;
        padding: 0;
        margin: 0;
        font-weight: bold;}

        #mapTop div.tab {
            display: inline;
            float: left;
            margin-right: 10px;
            width: 115px;
            padding: 0;}

        #mapTop.hide div.tab {
            display: none;
            height: 0;}
            
        #mapTop div.tab a {
            background-position: left top;
            background-repeat: none;
            height: 34px;
            display: block;
            width: 115px;}
            
        #mapTop div.tab a:hover, #mapTop div.current a {
            background-position: left bottom;}
            
        #mapTop div.tab a span {
            position: absolute;
            left: -999em;}
            
        #liveTab a {
            background-image: url(/images/tab_live.png);}
            
        #workTab a {
            background-image: url(/images/tab_work.png);}
            
        #playTab a {
            background-image: url(/images/tab_play.png);}

    div.mapContent {
        width: 100%;
        background: #cc9e89 url(/images/map_bg.jpg) top repeat-x;
        border: 1px solid #e3842f;
        border-top: 1px solid #ffffff;
        border-bottom: 0;
        padding: 0;}

    div.mapContent.map {
        border-top: 1px solid #e3842f;}

        div.mapContent img {
            position: relative;
            margin: 0 auto;
            display: block;}

    div.mapContent div.tab2 {
        background: #f79820 url(/images/flare.jpg) 125% 50% no-repeat;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0;
        padding: 0;}

        div.mapContent div.tab2 a {
            display: block;
            width: 25%;
            float: left;
            text-align: center;
            color: #ffffff;
            min-height: 1.5em;
            height: 100%;
            border-right: 1px solid #ffffff;}

        #ie7 div.mapContent div.tab2 a {
            padding: 0 5%;}

            div.mapContent div.tab2 a:hover {
                color: #6f1200;}

        div.mapContent div.tabMain {
            width: 96%;
            height: auto;
            padding: 2% 2% 2% 2%;
            overflow: hidden;}

            div.mapContent h3 {
                color: #6f1400;
                font-size: small;
                margin: 0 0 0.2em 0;}

        div.mapContent div.tabMainScroll {
            width: 72%;
            height: 15em;
            overflow-y: auto;
            background: #ffffff;
            border: 1px solid #e3842f;
            margin: auto auto 2em 0;
            display: block;
            padding: 0 0.5em 0 0.5em;
            float: left;}

        div.mapContent div.tabMain div.image {
                width: 165px;
                height: auto;
                display: inline;
                position: relative;
                float: left;
                margin: 0;
                padding: 0;
                left: 4%;
                margin-top: 2.3%;
                color: #6f1400;}

                div.mapContent div.tabMain div.image p {
                    color: #6f1400;
                    margin: 0;
                    padding: 0;}

                div.mapContent div.tabMain div.image img {
                    margin: -1em 0 0 0;
                    padding: 0;}

    #mapFooter {
        display: block;
        width: 100%;
        height: 1.2em;
        background: #f79820;
        border: 1px solid #e3842f;
        border-top: 0;}

        #mapFooter a {
            display: block;
            height: 1.2em;
            color: #ffffff;
            background: url(/images/close.gif) 95% 50% no-repeat;
            text-align: center;
            margin: auto;
            text-transform: uppercase;}

        #ie7 #mapFooter a {
            padding-right: 50%;
            float: right;}

            #mapFooter a:hover {
                color: #6f1200;
                background: url(/images/close2.gif) 95% 50% no-repeat;}

    #mapFooter.map {
        background: #cc9e89;}

        #mapFooter.map a {
            background: none;}

        #mapFooter.map a:hover {
            background: none;}

        #searchLink {
            float: right;
            display: block;
            position: relative;
            padding: 0.5em;
            right: 1em;
            bottom: 0.2em;
            font-size: xx-small;}

            #searchLink a {
                color: #0000ff;}

    #mapLinks {
        position: absolute;
        left: -999em;}

    div.mapContent div.link {
        width: 100%;
        padding: 0;
        margin: 0;}

    div.mapContent.work {
        margin: 0;
        padding: 0;
        width: 100%;}

    div.mapContent.work div.peopleRight {
        width: auto;}

    div.mapContent div.link h3 {
        font-size: medium;
        padding: 0;
        margin: 0;}

    div.mapContent div.link div.image {
        float: right;
        padding: 1.5em 7.5em 1.5em 1.5em;
        display: inline;
        position: static;}

        div.mapContent div.link div.image img {
            float: none;
            display: inline;
            position: static;}

    div.mapContent div.link div.peopleRight {
        padding: 1.5em;}

        div.mapContent div.link div.peopleRight p {
            margin: 0.2em 0 0 0;
            padding: 0;}

    #linkContain {
        height: 30em;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background: #ffffff;}

        #linkWrap, div.play #linkContain {
            background: #cc9e89 url(/images/map_bg.jpg) top repeat-x;}

        #linkContain.show #linkWrap {
            min-height: 30em;}

        #ie6 #linkContain.show #linkWrap {
            min-height: 30em;}



        div.mapContent #linkContain div.facilDesc {
                width: 50%;
                float: left;
                padding-left: 1.5em;}

        div.mapContent #linkContain div.facilInfo {
            width: 100%;
            display: block;
            overflow: hidden;}

        div.mapContent #linkContain div.facilRight {
            float: right;
            width: 250px;
            clear: none;
            margin: 1em 0.8em 1em 0;
            padding: 1em 0 0 0;}

            div.mapContent #linkContain div.facilRight ul {
                margin: 0 0 0 1.5em;
                padding: 0;}

                div.mapContent #linkContain div.facilRight ul li{
                    margin: 0;
                    padding: 0;}

        div.mapContent #linkContain div.facilRight div.roundTop div div {
            background: #FED4A4;}

        div.mapContent #linkContain div.facilRight div.roundBottom div div {
            background: #ffffff;}
            
        #ie6 div.mapContent #linkContain div.facilRight div.roundTop div div {
            background: #FED4A4;}

        #ie6 div.mapContent #linkContain div.facilRight div.roundBottom div div {
            background: #ffffff;}

        div.mapContent #linkContain div.commServ {
            background: #ffffff url(/images/contact_grad.jpg) left -18px repeat-x;
            margin: 0;
            border: 1px solid #e3842f;
            border-width: 0 1px;
            padding: 0.5em;}

        div.mapContent #linkContain div.facilProg {
            background: #ffffff url(/images/contact_grad.jpg) left -18px repeat-x;
            border: 1px solid #e3842f;
            border-width: 0 1px;
            padding: 0.5em;}

        div.mapContent #linkContain div.facilProg p {
            margin-bottom: 0.2em;}

        div.mapContent #linkContain div.expandContain {
            clear: both;
            width: 100%;
            margin: 0 0 1em 1.5em;}
            
            
        div.mapContent #linkContain div.expandContain input {
            background: #F89C28 url(/images/button_bg.gif) repeat-x;
            color: #6F1200;
            border: none;}

        div.mapContent #linkContain a.expand {
            clear: both;
            text-align: left;
            padding: 0;}

        div.mapContent #linkContain span.linkBottom {
            clear: both;
            width: 100%;
            background: #ffffff;
            display: block;
            text-align: right;
            height: 15px;
            margin: 1em 0 0 0;}

        div.mapContent div.fora {
            clear: both;}

        div.mapContent div.fora div div{
            background: #ffffff;}

        #ie6 div.mapContent div.fora div div{
            background: #ffffff;}

#mapInfo h2 {
    background: #F79820;
    color: #6F1400;
    padding: 0.2em;}
    
#mapInfo h3 {
    color: #000000;
    font-size: 110%;}
    
#mapInfo button.workLink {
    border: none;
    background: transparent;
    color: #6F1400;
    cursor: pointer;
    padding: 0;
    margin: 0.5em 0;
    font-weight: bold;}
    
#mapInfo button.workLink:hover {
    color: #F79820;}
    
#mapInfo div.facility {
    background: #E6CCBF;
    padding: 0.2em;
    margin: 0.5em 0;}
    
#mapInfo ul.recreation {
    float: left;
    width: 40%;}
    
#ie6 ul.recreation {
    margin-left: 0;}
    
div.clear {
    clear: both;}