﻿.hdrLogo { float:left; width:300px; padding-top:130px; z-index:9999; positioN:relative; z-index:10; }
.hdrLogo2 { float:left; width:60px; height:50px; padding-top:100px; z-index:9999; position:relative; z-index:10;border:0;}
#Hdr { background:#000 url(/!img/mdta_main_header_bg.jpg) no-repeat; width:958px; height:130px; }

.FindEventsBox
{
    padding: .6em;
    border: 1px solid #C2D69B;
    float:right;
}
.events_header
{
    background: #C2D69B;
    font-weight: bold;
    font-size: 20px;
    padding: 3px;
    margin-top: 1em;
    width: 719px;
}
.events_sub_header { font-size: 12px; margin-top: .3em; }

form
{
    width: 958px;
    padding: 0 33px 0 34px;
    background:#F3D68A url(/!img/mdta_main_bg.gif) repeat-y center top;
    margin: 0 auto;
    height: auto;
}

#EventsList
{
    margin: 0;
    padding: 0;
    width: 725px;
}

#EventsList dt
{
    background: #FFCC66;
    font-weight: bold;
    font-size: 18px;
    padding: 3px;
    margin: 0;
    line-height: 1.4em;
}
#EventsList dd
{
    background: #FFDC97;
    margin: 0;
    padding: .5em 1em;
    zoom: 1;
}

.event_thumb
{
    float: left;
    padding: 2px 6px 6px;
    width: 100px;
}

.event_text { float: left; }

.buslist_rcol,
.buslist_image,
.event_image
{
    float: right;
    margin: 0 0 1em 1em;
    display: block;
    border: 2px solid #92480F;
}
.buslist_rcol { border: none; }
.buslist_image { margin: 0; float: none; }

.event_header { font-weight: bold; border-bottom: 2px solid #B98358; }

#EmailSignupContainer
{
    margin: 0;
    padding: 25px 0 0 25px;
}

#mapNav { width:100%; background:#b9c27c; border:1px solid black; border-top:0; text-align:center; word-spacing:-.5em; }
#mapNav dt + dd ul { margin-left:-1px; }
#mapNav dd { width:25%; float:none; display:inline-block; *display:inline; zoom:1; word-spacing:normal; }
#mapNav dd .button { display:block; padding: .5em; line-height:1.5em; background:#b9c27c; color:#ffffff; text-align:center; font-weight:bold; cursor:pointer; }
#mapNav dd .button:hover, #mapNav dd.active .button { color:#FFFFFF; background:#738607; }
#mapNav ul { bottom: 3.4em; top: auto; margin-bottom:0px; border:1px solid black; background-color:#FFFFFF ; }
#mapNav li { line-height:20px; padding:0 5px; text-align:left; }

#mapNav .icon { display:inline-block; *display:inline; zoom:1; width:30px; height:30px; vertical-align:middle; padding-right:5px; background-repeat:no-repeat; }
.Lodging .icon { background-image:url(/!img/map/mdta_pin_logding.png); }
.Dining .icon { background-image:url(/!img/map/mdta_pin_dining.png); }
.Attractions .icon { background-image:url(/!img/map/mdta_pin_attractions.png); }

#mapNav dd { position: relative; z-index: 500; }
#mapNav ul {  position: absolute; z-index: 500; bottom: 42px; display: none; list-style:none; }
#mapNav dd.over { z-index: 10; }
#mapNav dd.over ul { display: block; z-index: 505; }
#mapNav ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */
#mapNav ul { background:#FFF none; }
#mapNav li { line-height:20px; vertical-align:middle; }
#mapNav li input { vertical-align:middle; margin-right:4px; }

#SocialMediaBoxImg
{
    width:207px;
    height:102px;
    float: left;
    margin-top:-1px;
    background:url('/!img/int/mdta_social_network_promo_interior.gif') no-repeat;
}

#SocialMediaBoxImg ul
{
    float:left;
    margin:0;
    padding:0;    
	display: block;
}
#SocialMediaBoxImg ul li
{
    float:left;
    list-style-type:none;
}
#SocialMediaBoxImg ul li a
{
    text-decoration:none;
    padding-top: 0;
	height: 0;
	overflow: hidden;
	display: block;
}
#SocialMediaBoxImg ul .facebook a
{
    margin:60px 0 0 42px;
    width:34px;
    height:34px;
}
#SocialMediaBoxImg ul .twitter a
{
    margin:60px 0 0 7px;
    width:34px;
    height:34px;
}
#SocialMediaBoxImg ul .youtube a
{
    margin:60px 0 0 7px;
    width:34px;
    height:34px;
}

#SocialMediaBoxImg ul .my a
{
    margin:60px 0 0 7px;
    width:34px;
    height:34px;
}
.detailTitle { font-size:1.2em; }

