@charset "utf-8";
/* CSS Document */

/* START: Navigation -------------------------------------------------------------- */

#menuTop {
width:980px;
height:128px;
margin-left:22px;

}

#menuButtons {
width:997px;
height:30px;
margin-left:-17px;
float:left;
display: inline;
position:relative;
z-index:904;

}

#menuButtons ul li {
	list-style: none;
	float:left;
}

#menuBottom {
background-image:url(../images/menu_bottom.gif?v=3);
width:997px;
height:25px;
margin-left:-17px;
background-repeat:no-repeat;

}

#bodyContent {
width:980px;
margin-left:22px;

}

.clearBoth {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*---------  menu stuff here -----------*/

#menuHolder {
	position:relative;
	z-index:904 !important;
	width:684px;
	margin-left: -17px;
	margin-bottom:0px;
}

.nav a:link, .nav a:visited  {
	color:#FFFFFF;
	display:block;
	font-family:'oswald', sans-serif;
	font-size:13px;
	font-weight:300;
	line-height:12px;
	margin:15px 0 0;
	padding-left:15px;
	text-decoration:none;
}
.nav a:hover, .nav a:active  {
	
	
	text-decoration:underline;
}


/*---------  menu stuff - Things to do -----------*/

#thingsDrop {
	display:none;
	position:absolute;
	z-index:100;
	background-color:#99366e;
	top: 0px;
	overflow: hidden;
	padding-bottom:15px;
	padding-right:15px;
}
#thingsDrop a:hover {
	/*color:#E9B8A4;*/
}
#thingsleft {
    float:left;
}
#things01{
    float:left;
}
#things02{
    float:left;
    width:90px;
    margin-top:20px;
}
#thingsright {
    border-right:1px solid #ffffff;
    float:left;
	height:150px;
    margin-left:15px;
	margin-top:15px;
}
#things03{
	float:left;
	margin-right:10px;
	margin-top:12px;
}
#things04{
	float:left;
	height: 201px;
}
#things-last{
	float:right;
	text-align: right;
}
.nav #DiningDrinking {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
}
.nav #EntertainAttraction {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
}
.nav #byRegionThings {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
	padding-left: 15px;
    padding-top: 15px;
}
.nav #byInterestThings {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
	padding-left: 15px;
    padding-top: 15px;
}
.nav #byInterestPlaces{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
	padding-left: 15px;
    padding-top: 15px;
}
.nav #byInterestEvents {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-family:'oswald', sans-serif;
	line-height:12px;
	padding-left: 15px;
    padding-top: 15px;
}

/*---------  menu stuff - Places to Stay -----------*/

#placesDrop {
    display:none;
	position:absolute;
	z-index:101;
	background-color:#8a4d99;
	left: 115px;
	padding-bottom:15px;
	padding-right:15px;
}

#places01{
   float:left;
   margin-right:10px;
}

#places02{
   float:left;
   margin-top: 27px
}

#places03{
   float:right;
   margin-left:15px;
   margin-top:15px;
   padding-left:15px;
   text-align:right;
   border-left:1px solid #ffffff;
}

#placesDrop a:hover{
/*color:#a8a190;*/
}


.nav #byRegionPlaces {
	display:block;
	font-family:'oswald', sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	line-height:12px;
}
	
	
/*---------  menu stuff - Events -----------*/

#eventsDrop {
    display:none;
	position:absolute;
	z-index:102;
	background-color:#114675;
	top: 0px;
	overflow: hidden;
	left: 235px;
	padding-bottom:15px;
	padding-right:15px;
}
#events01{
    float:left;
}
#events02{
    float:left;
	margin-right:15px;
	margin-top:27px;
}
#events03 {
    border-left: 1px solid #FFFFFF;
    float: right;
    text-align: right;
	margin-top:15px;
}
#eventsDrop a:hover{
/*color:#b3cdcc;*/
}

.nav #byRegionEvents {
	display:block;
	font-family:'oswald', sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	line-height:12px;
	padding-left: 15px;
}
	

/*---------  menu stuff - Itineraries -----------*/

#itinDrop {
	display:none;
	position:absolute;
	z-index:103;
	background-color:#1e9a78;
	top: 0px;
	overflow: hidden;
	left: 235px;
	padding-bottom:15px;
	padding-right:15px;
}

#itin01{
    float:left;
}
#itin02{
    border-left: 1px solid #FFFFFF;
    float: right;
    margin-left:15px;
    margin-top:15px;
    padding-left:15px;
    text-align: right;
}

#itinDrop a:hover{
/*color:#a3d2a3;*/
}

.nav #byRegionItin {
	color: #FFFFFF;
    display: block;
    font-family: 'oswald',sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height:12px;
    text-transform: uppercase;
}
	
	
/*---------  menu stuff - Deal and Discounts -----------*/

#dealsDrop {
    display:none;
	position:absolute;
	z-index:104;
	width:146px;
	background-color:#eaac4c;
	background-position:bottom;
	top: 0px;
	overflow: hidden;
	left: 333px;
	padding-bottom:15px;
}

#deals01{
    float:left;
    width:100%;
}

#dealsDrop a:hover{
/*color:#9fe4e3;*/
}

/*---------  menu stuff - Exerpience MO -----------*/

#expDrop {
    display:none;
	position:absolute;
	z-index:105;
	background-color:#ef7647;
	top: 0px;
	overflow: hidden;
	left: 479px;
	padding-bottom:15px;
	width:126px;
}

#exp01{
	float:left;
}
#exp02{
	float:left;
}

#expDrop a:hover{
/*color:#eccf86;*/
}


	
/*---------  Top of the Menu -----------*/

#row1 {
list-style-type:none;
padding:0px;
margin:0px;

}
#row1 li {
	float: left;
	margin: 0px;
	padding: 0px;
	
}

#row1 .logo a {
	display: block;
	width: 270px;
	height: 128px;
	background: url(../images/missouriLogo.gif?v=3) no-repeat top center;
}

#row1 .tagCloud {
	display: block;
	width: 292px;
	height: 128px;
}

#row1 .regionPicker {
	display: block;
	width: 108px;
	height: 89px;
	padding-left:14px;
	padding-right:14px;
	padding-top:20px;
	background-image:url(../images/RegionPicker.gif?v=3);
	background-repeat:no-repeat;
	background-position:14px 20px;
}

#datepicker, #datepicker2 {
	margin-top:2px;
	vertical-align:text-bottom;
}

.eventTitle{
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}

.dateBox{
margin-top:4px;
float:left;
width:120px;
}


#row1 .dateSelector {
	display: block;
	width: 242px;
	height: 128px;
	padding-left:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#BBBBBB;
}

#row1 .dateSelector input{
	width: 70px;
	height: 12px;
	margin-right:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	border-color:#BBBBBB;
	border-style:solid;
	border-width:1px;
}

#row1 .divider {
	display: block;
	width: 6px;
	height: 128px;
	background: url(../images/menu_dividers.gif?v=3) no-repeat top center;
}

/* START: Navigation Buttons -------------------------------------------------------------- */



#row2 {
list-style-type:none;
padding:0px;
margin:0px;


}
#row2 li {
	float: left;
	margin: 0px;
	padding: 0px;
	
}

#row2 .things a {
	display: block;
	width: 115px;
	height: 30px;
	background: url(../images/menu_TTD.gif?v=3) no-repeat top left;
	background-position:top;
}
#row2 .things a:hover {
	
	background-position:bottom;
}

#row2 .places a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../images/menu_PTS.gif?v=3) no-repeat top left;
	background-position:top;
}
#row2 .places a:hover {
	
	background-position:bottom;
}
#row2 .expMO a {
	display: block;
	width: 126px;
	height: 30px;
	background: url(../images/menu_EM.gif?v=3) no-repeat top left;
	background-position:top;
}
#row2 .expMO a:hover {
	
	background-position:bottom;
}
#row2 .events a {
	display: block;
	width: 79px;
	height: 30px;
	background: url(../images/menu_E.gif?v=3) no-repeat top left;
	background-position:top;
}
#row2 .events a:hover {
	
	background-position:bottom;
}
#row2 .itineraries a {
	display: block;
	width: 98px;
	height: 30px;
	margin-left:0px;
	background: url(../images/menu_I.gif?v=3) no-repeat top right;
	background-position:top;
}
#row2 .itineraries a:hover {
	
	background-position:bottom;
}
#row2 .deals a {
	display: block;
	width: 146px;
	height: 30px;
	margin-left:0px;
	background: url(../images/menu_DD.gif?v=3) no-repeat top right;
	background-position:top;
}
#row2 .deals a:hover {
	
	background-position:bottom;
}
#row2 .searchBOX {
	display: block;
	width: 313px;
	height: 30px;
	margin-left:0px;
	background: url(../images/menu_searchBox.gif?v=3) no-repeat top left;
	text-align:right;
}
.searchBOX .SearchBar input.searchBTN {
	background:url(../images/showMe.gif?v=3) no-repeat top left;
	width:77px;
	height:30px;
	border:none;
	margin-top:-1px;
}
.searchBOX .SearchBar input.searchBTN:hover {
	background-position:bottom left;
}


#row2 a:hover {
/*	background-position: bottom left;*/
}

#searchBar{
border:0px;
border-style:none;
width:222px;
height:22px;
margin-top:4px;
margin-left:6px;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
vertical-align:middle;
}