/* CSS Document */

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}


body {
	font-size: 14pz;
	color: #003399;
	font-family: Tahoma, Arial, sans-serif;
	background-color: #fff;
	scrollbar-face-color:#F0F8FF;
	scrollbar-highlight-color: #0022ff;
	scrollbar-3dlight-color: #3300ff;
	scrollbar-arrow-color: #ff6666;
	scrollbar-darkshadow-color: #ffffff;
	text-align: center; //for IE5 that applies this to the wrapper instead.
	
}

a{
font-size: 14px
	color: #3300ff;
	text-decoration: none;
	
}

a:hover{
	background-color: #ffffde;
	border-bottom: 1px solid #0033ff;
}
h1{
	color: #ff6666;
	font-size: 15px;
	color: #ff6666;
	margin-top: 5px;
	margin-bottom: 2px;
	
}
h2{
	font-size: 14px;
	color: #3300FF;
	margin-top: 0;
	margin-bottom: 0;
}
h3{
	font-size: 14px;
	color: #3300FF;
	margin-top: 5px;
	margin-bottom: 0;

}

#wrapper{

	width: 1200px;
	margin: 0 auto;
	text-align: left;
	border-right: 15px solid #0033ff;
	border-left: 15px solid #0033ff;
}
#lefthk{font-size: 60%; position: absolute; left: -400px; visibility: hidden;}

#header{
	position: static;
	height: 100px;
	margin: 0 auto auto auto;
	width: 100%;
	border-bottom: 4px solid #EAF8FF;
	background-image: url(http://www.miamisite.com/index_files/MsteNewBkgnd2_1280.jpg);

}

#header table{
	width: 98%;
	margin: 2px auto;
	align: center;
	
}
#header h1{

	color: #fff;
	margin-top: 2px;
	margin-bottom: 2px;
}
#header a{

	color: #fff;
	padding: 0 2px 0 2px;
	text-decoration: none;
	text-align: center;
}

#header a:hover{
	background-color: #ffffde;
	border-bottom: 1px solid #0033ff;
}
#header a:visited{color: #fff;}
.reservations{font-size: 24px; color:#ff0000; font-family: Times New Roman, Times, serif; font-style: italic; margin-left: 1em; margin-top: 1em; margin-bottom: .2em;}
.travel{font-size: 22px; color:#ffffff; font-family: Times New Roman, Times, serif; font-style: italic; margin-left: 1em; margin-top: .5em;}

#trunav{
	position:static; 
	font-size: 12px;
	margin: 0px 20px;
	padding: 2px;
	border: 3px solid #EAF8FF;
	text-decoration: none;	
}

#trunav a{
	color: #3300cc;
	text-decoration: none;
	}
#trunav a:hover{
	background-color: #9EC9F8;
	border: 1px solid #ff0000;
}
#nav{background-color: #EAF8FF; margin-top: 0px;}
#nav a{
	color: #3300cc;
	text-decoration: none;
	
	}
#nav a:hover{
	background-color: #9EC9F8;
	border: 1px solid #ff0000;
}
#res{
	position: static;
	margin-right: 2em;
	margin-left: 2em;
	padding: .4em; 
	border-top: 3px double #EAF8FF;
	border-left: 50px solid #EAF8FF;
	border-bottom: 3px double #EAF8FF;
	border-right: 50px solid #EAF8FF;
}
#res h1{
	color: #3300cc;
	
}

#res a{
	color: #3300ff;
	text-decoration: none;
}

#res a:hover{
	background-color: #9EC9F8;
	border: 1px solid #ff0000;
}
#res p{
	font-size: 14px;
	margin: 0 10px;
}

#desc{
	position: static;
	margin-right: 2em;
	margin-left: 2em;
	padding: 2em 5em; 
	border-top: 3px double #EAF8FF;
	border-left: 50px solid #EAF8FF;
	border-bottom: 3px double #EAF8FF;
	border-right: 50px solid #EAF8FF;
}


#desc a{
	color: #3300ff;
	text-decoration: none;
}

#desc a:hover{
	background-color: #9EC9F8;
	border: 1px solid #ff0000;
}
#desc p{
	font-size: 14px;
	margin: 0 10px;
}

#leftcol{
	position: static;
	width: 13%;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 5px;
	float: left;
	border-right: 5px solid #EAF8FF;
	
	}

#leftcol a{
	color: #3300cc;
	text-decoration: none;
}
#leftcol h2, #leftcol h3{
	color: #ff6666;
}

#leftcol a:hover{
	background-color: #9EC9F8;
	border-bottom: 1px solid #EAF8FF;
}

#leftcol table{
	width: 100%;
	font-size: 12px;
}

#rightcol{
	position: static;
	margin-top: 0px;
	padding-left: 5px;
	float: right;
	width: 14%;
	border-left: 5px solid #EAF8FF;
	
}
#rightcol table{
	width: 100%;
	font-size: 12px;
}

#rightcol h2, #rightcol h3{
	color: #3300ff;
}
#rightcol a{
	color: #3300cc;
	text-decoration: none;
	
}


#rightcol a:hover{
	background-color: #9EC9F8;
	border-bottom: 1px solid #EAF8FF;
	
}
#rightcol p{font-size: 12px;}
#content{
	position: static; 
	font-size: 14px;
	margin-top: 1em; 
	margin-right:15%; 
	margin-left: 15%; 
	border: 1em solid #3300ff;
	padding: 2px 15px;
	z-index: 500;
}
#content h1{
	color: #3300cc;
	background-color: #F0F8FF;
	margin: 5px 0;
}

#content h2{

	color: #3300ff;
	background-color: #F0F8FF;
	margin-bottom: 2px;
}
#content h3{
	
	color: #3300cc;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #fff;
}
#content a{
	color: #3300ff;
	text-decoration: none;
}

#content a:hover{
	background-color: #9EC9F8;
	border: 1px solid #EAF8FF;
}
#content p{
	
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	
	
}
#content table{
	font-size: 14px;
	align: center;	
}



#attractions{
	position:static;
	font-size: 14px; 
	margin-top: 0px; 
	margin-right:0;
  	margin-left: 0; 
	padding-top: 10px;
	padding-right: 70px;
	padding-left: 70px;
	background-color: #EAF8FF;
	clear: both;
}
#attractions a{
	color: #3300cc;
	text-decoration: none;
}

#attractions a:hover{
	background-color: #9EC9F8;
	border: 1px solid #ff0000;
}


#attractions p{

	margin-top: 3px;
	margin-bottom: 10px;
	
}

#attractions h3{
	color: #3300ff;

}
img{
	border: 1px #003399;
}


.clearit{
	clear: both;
}


#a.enclosed{color: #3300ff;}


#footer{width: 1230px; margin: 0px auto; background-color: #0033ff; clear: both;}


.bkgndRed{background-color: #ff6666;}
.bkgndGray{background-color: #E0E0E0;}
.bkgndBlue{background-color: #EAF8FF}
.bkgndBeige{background-color: #ffffde}
#lefthook{visibility: hidden;}
.imgright{float: right; clear: both;}
.imgcenter{margin-left: auto; margin-right: auto;}
.pad{padding-top: 5px; padding-left: 5px; margin-bottom: -20px;}
.redborder{border: 3px double #ff6666;}
/***************************Navigation*******************************/
.chromestyle{
font-family: Tahoma, Arial, sans-serif;
color: #3300ff;
font-size: 14px;
width: 100%;
font-weight: bold;
margin-top: 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul{
border: 1px solid #3300ff;
width: 100%;
background-color: #EAF8FF;
padding: .1em 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li{
display: inline;
}

.menuleft{
color: #3300ff;
padding: .2em .3em;
margin: 0;
text-decoration: none;
border-right: 1px solid #3300ff;
}

.menuright{
color: #3300ff;
padding: .2em .3em;
margin: 0;
text-decoration: none;
}

.menuleft a:hover{
background-color: #ffffde; /*THEME CHANGE HERE*/
}
.menuright a:hover{
background-color: #ffffde; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #3300ff; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font: normal 11px Arial;
line-height:18px;
z-index:400;
background-color: #F0F8FF;
width: 12em;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
font-weight: bold;
color: #3300ff;
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #3300ff; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #ffffde;
background-color: #3300ff;
}
.menuright a{color: #3300ff;}
.menuleft a{color: #3300ff;} 
.menuright a:visited{color: #3300ff;}
.menuleft a:visited{color: #3300ff;}
.dropmenudiv a:visited{ /*THEME CHANGE HERE*/
color: #3300ff;
}