/* 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: 11px;
	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: #0033ff;
	scrollbar-darkshadow-color: #ffffff;
	text-align: center; //for IE5 that applies this to the wrapper instead.
	
}

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

a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
}
h1{
	font-size: 13px;
	color: #ff6666;
	margin-top: 5px;
	margin-bottom: 2px;
	
}
h2{
	font-size: 12px;
	color: #ff6666;
	margin-top: 0;
	margin-bottom: 0;
}
h3, h4{
	font-size: 12px;
	color: #ff6666;
	margin-top: 5px;
	margin-bottom: 0;

}

#lefthk{font-size: 60%; position: absolute; left: -400px; width: 300px; display: none;}
#wrapper{
	width: 95%;
	margin: 1% auto;
	text-align: left;
	border-right: 20px solid #0033ff;
	border-left: 20px solid #0033ff;
}

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

}

#header table{
	width: 100%;
	margin: 3px auto;
	
}
#header h1{font-size: 18px;}
#header h3{
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 3px;
}
#header a{
	font-size: 12px;
	color: #ffffde;
	padding: 0 2px 0 2px;
	text-decoration: none;
	text-align: center;


}

#header a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
}
#header a:visited{color: #ffffde;}
#header img{width: 18em; height: auto;}
.reservations{font-size: 14px; color:#ff0000; font-family: Times New Roman, Times, serif; font-style: italic; margin-left: 1.5em; margin-bottom: .2em;}
.travel{font-size: 12px; color:#ffffff; font-family: Times New Roman, Times, serif; font-style: italic; margin-left: 1.5em; margin-top: .2em;}

#desc{
	position: static;
	margin-top: 10px; 
	margin-right:20px;
	margin-left: 20px; 
	padding: 5px; 
	border: 5px double #EAF8FF;
}
#desc h1{
	font-size: 13px;
	background-color: #EAF8FF;
}

#desc p{
	font-size: 11px;
	margin: 0 10px;
	
}

#container{margin-top: 10px; margin-left: 10px; border-top: 5px double #9EC9F8; border-right: 5px double #9EC9F8; border-bottom: 5px double #9EC9F8; border-left: 5px double #9EC9F8; width: 240px; float: left;}

#leftcol{ 
	position: static;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	}
#leftcol h1{
	font-size: 12px;
	background-color: #ffffde;
}

#leftcol a{
	font-size: 11px;
	font-weight: medium;
	color: #0033ff;
	text-decoration: none;
}

#leftcol a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
	
}
#leftcol table{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;	
}

.texting{font-size: 1em;}
.boxsizing{width: 11em; font-size: 1em; width: 120px; height: 15px;  background-color: #ffffde;margin-left: 40px;}


.tablesizing{margin-left: 5%;}


#lowcol{
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	
	}
#lowcol h1{
	font-size: 12px;
	background-color: #EAF8FF;
}

#lowcol a{
	font-size: 11px;
	font-weight: medium;
	color: #0033ff;
	text-decoration: none;
	
	
}

#lowcol a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
	
}
#lowcol table{
	padding-left: 10px;
	font-size: 1em;	
}

#conwrap{position:static; margin: 10px 0px ; border-top: 5px double #9EC9F8; float: right;}


#searchwrap{
	position:static;
	margin: 5px 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color:#EAF8FF;
	
}
#searchwrap p{background-color: #fff; padding: 5px 10px;}
#searchbox{
	position:static;
	font-size: 12px; 
	margin-top: 0px; 
  	width:432px; 
	height:285px;
	margin-right: auto;
	margin-left: auto;
	
	}
#searchbox iframe{ width:432px; height:285px; margin-top: 1.3em auto;}
/***************************Rev*******************************/

/*Styles for /libro/ajax/ajaxPHPContent/index.html*/
#mainArea{color: #ff6666; margin-left: 15px;font-size: 1.1em;}

.description{position: static; border-top: 3px solid #EAF8FF; margin: 2px 10px; padding-top: 2px; background-color: #ffffde;}
.description h3{font-size: 12pxm; color: #ff6666; margin: 2px auto 3px auto;}
.description p{margin: 5px 15px;}

#mainAreaInternal{position: static; margin-left: 10px;
   margin-right: 10px; padding: 10px;
   background-color: #fff;border-right: 15px double #EAF8FF;border-bottom: 15px double #EAF8FF;border-left: 15px double #EAF8FF;}
.mainAreaInternal {
   position: static;
   margin-left: 15px;
   margin-right: 15px;
   background-color: #fff;
   overflow: auto;
	padding: 5px;
   z-index: 0;
 }
 .mainAreaInternal a{
	color: #0033cc;
	text-decoration: none;
}

 .mainAreaInternal a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
}

.colorde{background-color: #ffffde;}
.colorde h2{font-size: 12px;}
#hotels{
	position:static; 
	margin: 0px 10 0 0px;
	padding: 10px 10px 10px 20px;
	border-top: 5px double #9EC9F8;
}
#hotels a{
	color: #0033cc;
	text-decoration: none;
}

#hotels a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
}


#hotels p{
	margin-top: 0px;
	margin-left: 10px;
}

#hotels h1, #hotels h2{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #EAF8FF;
}
#hotels h3{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: .50em;
}
#hotels h4{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: .50em;
}

.bordering{border-left: 5px double #9EC9F8; margin-left: -5px;}/*!Important provides adjustments to the attractions div in index.htm*/

.bordering h1, .bordering h2{
	font-size: 1.1em;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #EAF8FF;
}
.bordering h3{
	font-size: 1.1em;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 7px;
}


#attractions{
	position:static; 
	margin: 0px 10 0 0px;
	padding-top: 10px; 
	padding-right: 10px;
	padding-left: 20px; 
	padding-bottom: 10px;
	border-left: 5px double #9EC9F8;
	border-top: 5px double #9EC9F8;
}
#attractions a{
	color: #0033ff;
	text-decoration: none;
}

#attractions a:hover{
	background-color: #9EC9F8;
	border-bottom: 3px double #ff0000;
}

#attractions p{

	margin-left: 3px;
}
#attractions p a{
	margin-left: 3px;
}
#attractions h1, #attractions h2{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #EAF8FF;
}
#attractions h3{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 7px;
}
#attractions h4{
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: .50em;
}
.pads{margin-left: 40px; }


.hicolimg{margin-left: 40px;}



#links{
	position:static; 
	margin-left: 300px; 
	margin-top: 30px; 
	margin-right: 10px;  
	border-top: 3px double #0033ff; 
	padding-left: 10px;
}
#links a{
	color: #3300ff;
	text-decoration: none;
}

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


#links p{
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;

}

#links h3{
	font-size: 1.2em;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #EAF8FF;
}




.enclosed{
	border: 1px solid #003399;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffde;
}
#footer{position: static; color: #9EC9F8; width: 100%; margin: 1em auto; background-color: #ffffde; border-top: 5px double #9EC9F8; padding: 5px auto 5px auto; clear: both;}
#footer a{font-size: 11px; font-weight: bold; color: #0033ff; text-decoration: none;}
#footer a:hover{background-color: #9EC9F8;	border-bottom: 1px solid #0000ff;}
#footer p{color: #3300ff; margin-right: auto; margin-left: auto;}

.imgright{float: right; margin-top: 10px; margin-right: 10px;}
.imgleft{float: left; margin-top: 10px; margin-left: 10px;}
.pad{padding-top: 5px; padding-left: 5px; margin-bottom: -20px;}
#lefthook{visibility: hidden;}
.bkgndRed{background-color: #0033ff;}
.bkgndGray{background-color: #D2D2D2;}
.bkgndBlue{background-color: #EAF8FF;}
.bkgndBeige{background-color: #ffffde}

/***************************Navigation*******************************/
.chromestyle{
font-family: Tahoma, Arial, sans-serif;
color: #3300ff;
font-size: 11px;
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: 3px double #ffffde;
width: 100%;
background-color: #3300ff;
padding: .1em .2em;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li{
display: inline;
}

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

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

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### 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;} 
.menuright a:visited{color: #3300ff;}
.menuleft a:visited{color: #3300ff;}
.dropmenudiv a:visited{ /*THEME CHANGE HERE*/
color: #3300ff;
}
