/* 2012 */

@import url(dropdown.css);
@import url(minimenu.css);
@import url(contactable.css);

* {
	margin:0;
	padding:0;
}

html {
	text-align:center;
	background:#f3f3f3;
	background:#fff url(/media/images/myback.gif) repeat-x 100% top;
}



body {
	font:62.5% Verdana, Arial, Helvetica;
	text-align:left;
	color:#333;
	width:85em;
	margin:2em auto;
	background:#FFF;
	padding:1.3em;
	background:#fff url(/media/images/body_bg.gif) repeat-x 50% bottom;
	border:solid 0.1em #eaeaea;
	
}

p { color: gray; font: 1.5em/1.5em georgia; margin:1em 0; }

a { color:#004d85; text-decoration:none;  /* padding-bottom: 0.1em;
 
 /* border-bottom: 1px dotted #99b4c7; */  }

/* a { color:#004d85; text-decoration:none;  }  */

p a, td a, th a {
	/*background:url(/media/images/link_underline.gif) bottom repeat-x;
	padding-bottom:0.1em; */
}

ul {
	list-style:none;
}

.linkbox {

    font-size:1.0em;
	line-height:1.5em;
	margin:1em 0;
	
}
.linkbox p{ text-align: left;  }
.linkbox ul{ list-style:none; font-size:0.8em; text-align: left; }

.biglink {
	font-size:1.5em;
}

.floatRIGHT { float: right; }
.floatLEFT { float: left; }

#ADDbutton { margin-top: 0.1em; margin-bottom: 0.3em; margin-left: 0; padding: 0; }
#toolbar { width:100%; height:2em; position:relative;  margin-bottom:0.4em; padding-top: 2px; padding-bottom: 2px; }

#toolbarsearch input .text  { text-align: left; width: 5em; }
#toolbarsearchform input.button    { background-color: #92b4f0; width: 5em; }

/*Logo area for logo PLUS header/headlines */
#logo { position: relative; top: 2em; float: left; margin-left: 3em; }
#logo img { width: 100px; height: 100px; float: left; }
#logo h1 { font-size:3em; font-family:"trebuchet ms"; color:white; height: 2.5em; margin-top: 1em; float: left; text-shadow: 2px 2px 1px #333;}

/* image control */
#headerphoto { width: 13em; margin-top: 0.5em; margin-right: 1em; padding: 5px; border: solid 1px white; }
.launchmap { width: 30em; margin-top: 2.5em; margin-right: 1em; padding: 5px; border: solid 1px silver; }
div.launchmap.copyright { width: 30em;font-size:0.2em; }

#masthead {
	width:100%;
	height:18em;
	position:relative;
	/* margin-bottom:0.3em; */
	background:url(/media/images/masthead_bg.gif) repeat-x;
}

#masthead h2 { clear:both; font-size:1em; color:white; margin-top: 1em; margin-bottom: 0; margin-left: 25em; text-shadow: 2px 2px 1px #333; }
#masthead h4 { font-size:1.2em; font-family:"trebuchet ms"; color:white; margin: 1em 0.5em 0 1.5em; padding-bottom: 0.1em; }
#masthead p { font-size:0.9em; font-family:"trebuchet ms"; color:white;  }

#masthead logo h1 a {
	color:#FFF;
}

#masthead sup {
	font-size:0.5em;
}

#mastheadBox {
	background:url(/media/images/masthead_box.gif) left center no-repeat;
	z-index:11;
	position:absolute;
	height:8em;
	top:50%;
	margin-top:-5em;
	right:2em;
	width:43.5em;
	padding:1em 1em 1em 3.5em;
}

#mastheadBox h2 {
	line-height:1em;
	color:#F60;
	font-size:1.2em;
}

#mastheadBox p {
	padding:1em 0 0;
	margin:0;
}
#breadCrumbs {
	clear:both;
	padding:0.5em 2em;
	margin-top:0.3em;
	background:#EAEAEA url(/media/images/breadcrumbs_bg.gif);
	
	list-style:none;
}
#breadCrumbs li {
	display:inline;
}

#breadCrumbs li a {
	margin-right:0.5em;
	padding-right:1em;
	background:url(/media/images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
}

#breadCrumbs li a:hover, #footer li a:hover {
	text-decoration:underline;
}

#quicklinkscont  { float: right; margin-bottom: 2px; }
#quicklinkscont a img  {
	
}

#quicklinkscont a  {
	text-decoration:none;
}

#quicklinks  { margin-right: 0.05em; margin-left: 0.05em; padding: 0; }
#quicklinkscont a img  {
  	float: right; margin-bottom: 2px;
}

#quicklinkscont a  {
	text-decoration:none;
}



/* Main Column */

#mainContent { padding:2em 0; float:left; width:62em; margin-top: 20px; }

#mainContent h1 { color:#444; font-size:2em; margin-top: 1.9em; }
#mainContent h1.main { color: #444; font-size:1.25em; width: 50%; margin-top: 0.2em; margin-bottom: 0.3em; padding-bottom: 0.1em; border-bottom: 1px solid silver; }

#mainContent h2 { color: #444; font-size: 1.5em; }
#mainContent p + h2 {
	margin-top:1.5em;
}

#mainContent h3 { color: #444; font-size:1.25em; width: 50%; margin-top: 0.4em; padding-bottom: 0.1em; border-bottom: 1px solid silver; }

#mainContent blockquote {
	padding:0 2em;
	font-style:italic;
	font-size:1em;
	color:#444;
	border-left:4px solid #bab60e;
}

#mainContent ul {
	color:#F90;
}

#mainContent li {
	/* background:url(/media/images/li_bullet.gif) left center no-repeat; */
	font-size:1.2em;
	padding-left:1em;
	margin:0 0 0.5em 1em;
	color:#333;
}
#suckerfish {
	width:100%;
	height:10em;
	font-family:monaco, courier;
}

/* Main Column Table */

#mainContent table {
	margin-top:1.5em;
}

#mainContent thead th {
	background:#EAEAEA;
}

#mainContent td {
	padding:0em;
	/* background:#F4F4F4; */
}

#mainContent td:hover {
	/* background:#EAEAEA; */
}

#mainContent th {
	padding:0.5em;
	background:#F4F4F4;
	color:#004D85;
}

#mainContent th strong {
	color:#F60;
}

/* Form Styling*/

fieldset {
	padding:1em 1em 0.5em;
	border:1px solid #EAEAEA;
	margin-top:2em;
	background:#F7F7F7;
}

label {
	display:block;
	padding-bottom:0.5em;
	font-weight:bold;
}

input, textarea {
	border:1px solid #CCC;
	padding:0.25em;
	width:20em;
}

textarea {
	width:28em;
	height:5em;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:#999;
}

#submit {
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	width:auto;
	background:#F90 url(/media/images/nav_bg.gif) bottom repeat-x;
}

input#submit:hover {
	border-color:#F60;
}

/* Side Column */



#secondaryContent { color: #333; font-size: 0.9em; width:13em; padding:0.1em; float:left; margin-top: 60px; margin-left: 5px; }

#secondaryContent h2, #secondaryContent p { font-size:1.2em; text-align: justify; width: 100%; margin-right: 1px; margin-left: 1px; padding: 0; }

#secondaryContent h2 { color:#f60; font-size: 1.8em; }
#secondaryContent h3 { font-size: 1.2em; margin-top: 0.6em; margin-bottom: 0.3em; }
#secondaryContent IMG { padding: 2px; border: solid 1px silver; }
.secondaryContentBox {
	border:1px solid #EAEAEA;
	background:#F7F7F7;
	padding:1em 1em 0.5em;
	margin-bottom:2em;
}

.secondaryContentBox span {
	color:#F60;
	font-weight:bold;
}

#secondaryContent blockquote {
	font-style:italic;
	font-size:0.9em;
	padding:0.5em 0 0 2em;
	background:url(/media/images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
	background:url(/media/images/right_quote.gif) right bottom no-repeat;
	padding-bottom:1em;
}

#secondaryContent blockquote span {
	margin-left:2em;
}

#secondaryContent .source {
	text-align:right;
	margin:-0.5em 0 2em;
	font-size:1em;
}

/* footer styling */

#footer {
	text-align:center;
	clear:both;
	padding:1em 0 0;
	background:url(/media/images/footer_hr.gif) repeat-x;
}

#footer li {
	display:inline;
	margin:0.5em;
}



#wordsleft { background: #efd; margin: 5px; padding: 5px; top: 100px; left: 150px; width: 150px; height: 200px; float: left; border: solid 1px #000; }
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

#menorcainpictures{ margin-top: 50px; margin-left: auto; }

span.highlight { display: block; color: #333; font-size: 1.2em; font-weight: bold; background-image: url(/online/myimages/graphics/icons/iconInfo.png); background-repeat: no-repeat; background-position: 5px 8px; padding: 5px 5px 5px 35px; background-color: #bad6f9; text-align: left; width: 70%; border:solid 1px #cfdfec; margin:5px 0 15px; }


.weather {
				background:#EEF2F6;
				padding:4px;
				margin-bottom:2px;
				width:400px;
				overflow:hidden;
			}			
.weather img {
				vertical-align:middle;
				float:left;
				margin-right:4px;
			}
			
			
ul.popularhotels > li .hotel { list-style-type: none; }
ul.popularhotels > li img { background-position: 0 center; border-width: 0; }

ul.popularhotels > li > div {  }


div.hotelthumb,div.popdescription {float:left;}
div.hotelthumb {width:15em;}
div.popdescription {width:60em;}
div.popdescription p {margin-top:0.1em;}


#shortcutcontainer { margin-top: 2em; margin-right: auto; margin-left:auto; }
#shortcutcontainer > div.shortcuts { margin:0 0 0 20px; padding:0; float:left; }			
#shortcutcontainer > div.shortcuts  div.LHS { background-image: url(/media/images/graphics/shortcutLHS.gif); background-repeat: no-repeat; height: 26px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; display:inline; }
#shortcutcontainer > div.shortcuts > a.shortcutlink { color: white; font-size: 1em; font-weight: bold; background-image: url(/media/images/graphics/shortcutMIDDLE.gif); background-repeat: repeat-x; height: 26px; margin-right: 0; margin-left: 0; padding-top: auto; padding-bottom: auto; display:inline; }
#contentplaces > div.shortcuts > div.RHS { background-image: url(/media/images/graphics/shortcutRHS.gif); background-repeat: no-repeat; height: 26px; margin-left: 0; padding-left: 0; display:inline; }


.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.textshadow{

text-shadow:1px 1px 2px rgba(48,80,82,0.8);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#305052')";

}
#MyPLACEScontent > div.photostrip3 {margin-left:2em; }
#MyPLACEScontent > csobj > div .photostrip3 { margin-left: 2em; }
#MyPLACEScontent > div.photostrip4  {margin-left:2em; }
#MyPLACEScontent > csobj > div .photostrip4 { margin-left: 2em; }
#MyPLACEScontent > h2  {margin-left:2em; }
#MyPLACEScontent > h4 {margin-left:2em; }
#MyPLACEScontent > h5 {margin-left:2.1em; }

#MyPLACEScontent > p  { margin-left: 2em; }
#MyPLACEScontent > csobj  { margin-left: 2em; }
#MyPLACEScontent > csobj > p  { margin-left: 2em; }
#MyPLACEScontent > csobj > h5 { margin-left: 2em; }
#MyPLACEScontent > csobj > h3 { margin-left: 2em; }

#MyPLACEScontent > csobj > h4 a { margin-left: 2em; }


/* visual links */

a.fatlinks{ background:  teal url(morelink.gif) no-repeat 2px 2px; display: inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; -opera-border-radius: 2px; border-radius: 2px; font-weight: bold; padding: 3px 10px 3px 25px; text-decoration: none; color: #fff; font-size: 1.2em; margin: 2px 20px 20px 30px; }

a.morelink{ display: inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; -opera-border-radius: 2px; border-radius: 2px; font-weight: bold; padding: 3px 10px 3px 25px; text-decoration: none; color: blue; font-size: 1.2em; background-image: url(smallmorelink.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; margin: 2px 0 20px; }

	
a.fatlinks details {
		background:  url(/media/icons/vcard.gif) no-repeat 2px 2px; 	
	}	
a.fatlinks contact {
		background:  url(/media/icons/vcard.gif) no-repeat 2px 2px; 	
	}	
a.fatlinks a.availability {
		background:  url(/media/icons/vcard.gif) no-repeat 2px 2px; 	
	}	
	
a.fatlinks:visited{
		color: #fff;
		text-decoration: none;
		font-weight: normal;
	}

a.fatlinks:hover{
		background-color: #390;
		color: #fff;
	}
	
/* Miscelaneous */


#toTop {width:100px;z-index: 10;border: 1px solid #333; background:#121212; text-align:center; padding:5px; position:fixed; bottom:0px; right:0px; cursor:pointer; display:none; color:#fff;text-transform: lowercase; font-size: 0.9em;}