/* 
Title:     Boa Vista
Author:    13th February 2008
Version:   1.1

Table of Contents

1.	general styles
2.	skip nav links
3.	headings
4.	images and text
5.	navigation
	5a.	top nav
	5b.	main nav
	5c. side nav
	5d.	footer nav
6.	page structure
7.	lists
8.	paragraph sytles
9.	forms
	9a. contact form
	9b. login
10. gallery
11.	search box
12. advertising 
13. page anchors

/*

/* 1. general styles 
-------------------------------------------------- */
* {border: 0; margin: 0; padding: 0;}
html {height: 101%;}
body {text-align: center;/*IE 5, 5.5 part 1 of 2 centering hack */
background: #ffd166 url(../logo/gradiant.gif) repeat-x;color: #000;}
ul {margin: 0; padding: 0; list-style: none;}
hr{visibility:hidden;margin: 0;padding: 0;clear:both;}
.hide{display: none;}
br{clear:both;}

/* 2. skip nav links
-------------------------------------------------- */
#skip_nav a, #skip_nav a:hover, #skip_nav a:visited{position: absolute;top: -500px;left:0;overflow:hidden;}
#skip_nav a:active, #skip_nav a:focus{position: absolute;top: 10px;left:10px;font-size: 1em;	color:#000000;}
#skip a:active, #skip a:focus{position:static;width:auto;height:auto;}

/* 3. headings
-------------------------------------------------- */
/*normalises font-size for headers */
h1, h2, h3, h4, h5, h6{font-size: 100%;}
h1 {position: absolute;top: -9999px;}

h2{font-size:1.1em;margin: 0;color: #ff6600;}
#main_content h2 {margin: 15px 0 0 0;padding: 0 15px 0 15px;}
#picture h2{text-indent:-99999px; line-height:0px;}
#infopage h2{text-align:center;font-size:2em;margin:0 0 20px 0;}

#middle_content h3{color: #B34700;font-size:1em;margin:10px 0 10px 0;padding:0;}
.forum h3{margin: 0 0 15px 0;color: #B34700;background: #FFD980;text-align:center; border:1px solid #B34700;padding: 2px 0 2px 0; font-weight:bold;}
.disclaimer h3, #randomimage h3, .currency h3, .cooking h3{color: #fff;background: #ffb200;text-align:center;margin:0;padding:0;}
#right_content h3{text-indent:-99999px; line-height:0px;}
#infopage h3{text-align:center;font-size:1.2em;margin-bottom:10px;}

ul#mainadverts .homead h4{font-size: 0.8em;margin: -60px 0 20px 0;padding: 0 0 0 5px; }
#middle_content ul.ads li.bars h4 {font-size: 0.9em;margin-top:10px;letter-spacing: 1px;color: #ff6600;}








/* 4. images and text
-------------------------------------------------- */
/*top picture of pages*/
#toppic, #toppicinfo, #toppicbeforeyougo, #toppicessential, #toppicleisure, #toppicproperty, #toppiccontact, #toppicgallery{position:absolute;width: 566px;height: 75px;top: -85px;right:15px;text-indent:-99999px; line-height:0px;}
#toppic{background: #FFECBF url(../images/sunrisea.jpg) no-repeat 0 0;}
#toppicinfo{background: #FFECBF url(../images/info.jpg) no-repeat 0 0;}
#toppicbeforeyougo{background: #FFECBF url(../images/before.jpg) no-repeat 0 0;}
#toppicessential{background: #FFECBF url(../images/arrival.jpg) no-repeat 0 0;}
#toppicleisure{background: #FFECBF url(../images/leisure.jpg) no-repeat 0 0;}
#toppicproperty{background: #FFECBF url(../images/property.jpg) no-repeat 0 0;}
#toppiccontact{background: #FFECBF url(../images/contact.jpg) no-repeat 0 0;}
#toppicgallery{background: #FFECBF url(../images/gallery.jpg) no-repeat 0 0;}

/*picture on home page
#picture {width: 740px;height: 180px;margin-top: -85px;margin-bottom: 0;
margin-right: auto; auto on both sides centers the wrapper in modern browsers*/
/*margin-left: auto;
background: #FFECBF url(../images/imagebanner.jpg) no-repeat 0 0;}*/

#introBlock{position:absolute;width: 564px;height: 155px;top: -85px;right:15px;border: 1px solid #ffb200; overflow:auto;}

#introBlock h2 {margin: 5px 0 10px 10px; }
#introBlock p {margin: 0 0 5px 10px; }

#translator {position:absolute;top:-20px;left:15px;width: 157px;height:73px;}

#homeleftmenu{float: left;width: 160px;margin: 80px 0 0 15px;padding:0;display: inline;/* IE double margin float*/}

#main_content{float: left; position:relative; width: 490px;display: inline;height:700px;}/* IE double margin float*/


      #scrollup {
       
	background:#FFECBF;
	position:absolute;
top: 0px;
left: 291px;
        overflow: hidden;
        border: 1px solid #000;
        height: 180px;
        width: 273px
      }
      .headline {
        position: absolute;
        top: 210px;
        left: 5px;
        height: 195px;
        width:190px;
      }

#updateblock {display:inline;
	background:#FFECBF;
/*	position:absolute;
top: 0px;
left: 290px;*/
float:left;
margin:80px -270px 0 15px;
	height: 180px;
	width: 274px;
	border: 1px solid #ffb200;
	/*border: 1px solid #FFD980;*/
	overflow:auto;
}


#inside {
height:180px;
}



#updateblock .scroll-pane h2{
padding: 5px 0 2px 8px;
color: #ff6600;
font-weight:bold;
font-size:1em;
margin:0;
}

#updateblock p{
margin: 0 8px 0 8px;

}

#updateblock p.updatepara{
margin-top: 3px;
border-top: 1px solid #b34700;
font-size:0.9em;
line-height:1.2em;
padding:3px 0 0 0;text-align:left;
}

#updateblock p.visit{
font-size:0.8em;
text-align:right;
color: #ff6600;
padding:0 0 2px 0;
}


/*#introBlock {	height:180px;	width: 244px;	margin: -85px 15px 0 0;	float:right;
	display:inline;	position:relative;	background:#FFECBF;	}*/




#middle_content img {float: left;margin: 10px 10px 0 0;padding:0;display: inline;}
#middle_content img.right{float: right;margin: 10px 0 0 10px;padding:0;display: inline;}
#middle_content img.none{float:none;margin: 0;padding:0;}
#middle_content .map{margin:10px 0 20px 0;float: none;width: 391px;}
#middle_content .ads .bars img{float:left;border: 1px solid #ffb200;margin: 0 8px 2px 0;padding:0;display: inline;width: 100px;height:75px;}



#infopage img.rightpic{float: right;margin: -270px 0 0 285px;padding: 0;width:360px;height:270px;display: inline;}
#infopage img.middlepic{margin:0 0 0 190px;}

#infomorena img.logo{ margin: 20px 0 0 20px;}
#infomorena img.displayleft {float: left;margin: 5px 15px 0 0;padding:0;display: inline;}
#infomorena img.displayright {float: right;margin: 5px 0 0 15px;padding:0;display: inline;}
#infomorena img.endpic{margin:0 0 0 5px}


/* 5. site navigation
-------------------------------------------------- */

/* default links */
a, a:link{color: #ff6600;background: #ffecbf;text-decoration: none;}
a:visited{color: #ff6600;background: #ffecbf;}
a:hover{color: #ff6600;background: #ffecbf;text-decoration: underline;}
a:active{color: #ff6600;background: #ffecbf;}

/* top navigation container*/
#navigation{position: relative;padding: 0;margin: 0;width: 770px;height:100px;}

/* 5a. top nav */
ul#topnav{position:absolute;right: 15px;top: -110px;background: #00b3b3;float: left;display: inline;}
ul#topnav li{float: left;height:24px;}
ul#topnav li a{display: block;float: left;padding: 0 0 0 9px;text-decoration: none;color: #fff;font-size: 0.8em;background: #00b3b3;}
ul#topnav li a:hover{text-decoration:underline;}
#topnav #topnavselect a:link, #topnav #topnavselect a:visited,#topnav #topnavselect a:hover, #topnav #topnavselect a:active {text-decoration:underline;}

/* 5b. main tab nav */
#tabmenu{position:absolute;bottom: 100px;left:auto;border-bottom: 1px solid #b34700;width: 770px;height:auto;}
#tabmenu .menutab ul{margin: 0;padding: 0;list-style: none;}
#tabmenu .menutab li{display: inline;white-space: nowrap;float: left;width: auto;}
#tabmenu .menutab a{text-decoration: none;padding: 6px 3px;margin-right: 2px;font-size: 0.95em;border: 1px solid #b34700;border-bottom: none;background: #ffecbf;color: #ff6600;width: auto;float: left;line-height: 100%;}
#tabmenu .menutab a:visited{color: #ff6600;background: #ffecbf;}
#tabmenu .menutab a:hover{background: #00b3b3;color: #80FFFF;}
#tabmenu .menutab a:active{color: #ff6600;background: #00b3b3;}
#tabmenu #selected a:link, #tabmenu #selected a:visited,#tabmenu #selected a:hover, #tabmenu #selected a:active {background: #00b3b3;color: #80FFFF;}

/* 5c. side nav */
#side_nav {float: left;width: 157px;margin: 0 0 0 -738px;display: inline;/* IE double margin float*/}
#side_nav ul{list-style: none;margin: 35px 0 0 0;font-size: 0.9em;}
#side_nav li a{text-decoration: none;display: block;color: #ff6600;font-weight: bold;text-align:right;padding: 0 15px 0 0;width: 142px;}
#side_nav li a:hover{padding: 0 15px 0 0;background: #FFD980 url(../images/arrowa.gif) no-repeat 100% 50%;}
#thispage a:link, #thispage a:visited,#thispage a:hover, #thispage a:active{
color: #fff;padding: 0 15px 0 0;background: #ffb200 url(../images/arrow.gif) no-repeat 100% 50%;}

/* 5d. footer nav */
#footer{clear: both;margin: 0;padding: 100px 15px 25px 15px;}
.footerright{float: right;display:inline;}
.footerleft {float: left;color: #FF6600;font-size:0.8em;display:inline;}
#footer .footerright a{color: #FF6600;background: #ffecbf;font-size:0.8em;}
#footer .footerleft a{color: #FF6600;background: #ffecbf;text-decoration:underline;margin:0 15px 0 0;}
#footer .footerleft a:hover, #footer .footerright a:hover{color:#FF6600;text-decoration:underline;}

/* 5a. flag nav */

#flagnav {display: inline;float:right;padding: 0 0 0 0;font-size:0.7em;}


/* 6. page structure
-------------------------------------------------- */
#wrapper {
font: 72%/1.5em verdana,tahoma,helvetica,arial,sans-serif;
width: 770px;
min-width: 770px;
margin-top: 0;
margin-bottom: 0;
margin-right: auto; /*auto on both sides centers the wrapper in modern browsers*/
margin-left: auto;
text-align: left; /*IE 5, 5.5 part 2 of 2 centering hack  - resets text-align default*/
border-bottom: 1px solid #B34700;
border-right: 2px solid #B34700;
border-left: 2px solid #B34700;
background: #ffecbf;
position:relative;
}

#branding{height: 110px;width: 770px;background: #00b3b3 url(../images/logo.gif) no-repeat 0 0;}

/*front page*/

#right_content{float: right;width: 244px;margin: 15px 15px 0 0;display: inline;/* IE double margin float*/}


/*three column pages*/
#middle_content{float: left;width: 391px;margin: 0 0 0 172px;padding: 0;display: inline;}/* IE double margin float*/
#advertising_content{float: left;width: 160px;margin: 30px 0 0 15px;padding:0;display: inline;/* IE double margin float*/}

#contentmanagement{float: left;width: 565px;margin: 0 0 0 172px;padding: 0;display: inline;}/* IE double margin float*/

#content_main{clear:both;margin: 10px 0 0 0;padding: 0 15px; height:101%}



/*separate page adverts*/
#infopage{clear:both;margin: -80px 0 0 0;padding: 0 15px; height:100%}
#infomorena{clear:both;margin: -85px auto 0 auto;padding: 0 15px; width:712px; background:#ffffff;border:2px solid #B34700;}

/*counter*/
#counter{clear:both;color: #ff6600;font-size:0.9em;font-weight:bold;text-align:center;margin-top:20px;}


/* 7. lists
-------------------------------------------------- */
.sitemap ul li { list-style:square; line-height:1.3em; margin:10px 0 5px 40px; padding:0; font-size:1em; font-weight:bold;}
.sitemap ul li ul li { list-style:square; line-height:1.3em; margin:5px 0 5px 50px; padding:0; font-size:1em; font-weight:normal;}
/*404 error page*/
ul.error li { list-style:square; line-height:1.3em; margin:0 0 5px 20px; padding:0;font-size:1em;}

/* main content lists */
#middle_content ul.ads li.bars{margin: 0;border-bottom: 1px solid #b34700;padding: 0 0 10px 0;}



/* numbered list */
#middle_content ol.list{list-style-type: decimal;padding:0 0 0 35px;margin:10px 0;}
#infomorena ul {list-style: none;}

.cooking a.youtube {
background: #FFD980;
font-weight:bold;
}
/* 8. paragraph sytles
-------------------------------------------------- */
#main_content p{font-size: 1em;line-height:1.5em;padding: 10px 0 0 15px;}
#advertising_content p, #content_main p, #infopage p{font-size: 1em;line-height:1.5em;padding: 10px 0 0 0;}
/*advert text*/
#middle_content .ads .bars p{margin: 2px 0 0 0;padding:0;line-height:1.4em;}
/*brown text for festivals*/
#middle_content p.beach{color: #ff6600;margin:10px 0 0 0;padding:0;font-weight:bold;}
#middle_content p.brown{color: #B34700;margin:10px 0 0 0;padding:0;font-weight:bold;}
/*text for property*/
#middle_content p.prop, #middle_content p#propcabrala, #middle_content p#propcabralb, #middle_content p#propcabralc, #middle_content p#propcabrald, #middle_content p#propcabrale, #middle_content p#propcabralf, #middle_content p#propcabralg, #middle_content p#propcabralh, #middle_content p#propcabrali, #middle_content p#propoasis, #middle_content p#propcabralj, #middle_content p#propcabralk, #middle_content p#propcabrall, #middle_content p#propsala, #middle_content p#propsalb, #middle_content p#propsalc, #middle_content p#propsald, #middle_content p#propsale, #middle_content p#propestorila, #middle_content p#propestorilb, #middle_content p#propestorilc, #middle_content p#propestorild, #middle_content p#propestorile, #middle_content p#propestorilf, #middle_content p#propestorilg, #middle_content p#propestorilh, #middle_content p#propestorili, #middle_content p#propestorilj, #middle_content p#propestorilk, #middle_content p#propestorill, #middle_content p#propestorilm, #middle_content p#propestoriln {color: #B34700;margin:15px 0 0 0;padding:10px 0 0 0;font-weight:bold;border-top: 1px solid #b34700;clear:both;}

#infopage p.imagetext{float: left;padding: 0;width:360px;color: #ff6600;font-weight:bold; text-align:center;margin:0;}
#infopage p.imagetextright{float: right;padding: 0;width:360px;color: #ff6600;text-align:center;margin:0;font-weight:bold;display:inline;}
#infopage p.topimagetext{clear:both;padding: 0;margin:20px 0 0 0;}

#infomorena p{margin:10px 20px 10px 20px; }

/* 9. forms
-------------------------------------------------  */
/*9a. contact form*/
#feedbackform fieldset{float: left;clear: left;width: 98%;margin: 1em 0 1.5em 0;padding: 0;
border: 1px solid #FFD980;display: inline;}
#feedbackform fieldset:hover{border:1px solid #ffb200;}
#feedbackform textarea.message:hover,#feedbackform input.text:hover{border:1px solid #FFD980;}
#feedbackform legend{margin-left: 1em;font-weight: bold;color:#fff;background: #ffb200;padding: 0 5px 2px 5px;font-size:0.9em;}
#feedbackform label{color: #B34700;font-weight:bold;font-size: 0.9em;}
#feedbackform fieldset ol{padding: 1em 1em 0 1em;list-style: none;}
#feedbackform fieldset li{width: 100%;padding-bottom: 0.8em;}

#feedbackform fieldset .sendEmail{color: #B34700;font-weight: bold;border: 1px solid #ffb200;background: #FFD980;cursor: pointer;}
#feedbackform fieldset .warning{color: #f00;padding-left: 1em;font-weight: bold;}
#feedbackform fieldset .text{border: 1px solid #ffb200;width:100%;}
#feedbackform fieldset .texta{border: 1px solid #ffb200;width:50%;float:left;margin:-15px 0 0 40%;}

#feedbackform fieldset .dropdown{border: 1px solid #ffb200;width:70%;}
#feedbackform p.thankyou{color: #f00;margin: 0 1em 0 1em;font-weight:bold;}
#feedbackform p.brown{margin: 1em 1em 0 1em;font-size:0.9em;}
#feedbackform fieldset .message{border: 1px solid #ffb200;overflow:auto;width:100%;height:120px;}
#feedbackform fieldset .dropdowna{border: 1px solid #003366;width:auto;}
#feedbackform img{margin:-15px 0 0 0; padding:0;float:right;}

/*9b. login*/


#loginform fieldset{border:1px solid #ffb200;width:200px;margin-top: 10px;
margin-bottom: 0;
margin-right: auto; /*auto on both sides centers the wrapper in modern browsers*/
margin-left: auto;
text-align: left;}
#loginform textarea .content{border:1px solid #ffb200;}
#loginform fieldset ol{padding: 1em 1em 0 1em;list-style: none;}
#loginform fieldset li{padding-bottom: 0.8em;}
#loginform fieldset .login, #loginform fieldset .newentry, #loginform fieldset .updateentry{color: #B34700;font-weight: bold;border: 1px solid #ffb200;background: #FFD980;cursor: pointer;}
#loginform fieldset .text{border: 1px solid #ffb200;width:190px;}
#loginform fieldset .update{border: 1px solid #ffb200;width:100%;}
#loginform p.brown{margin: 1em 1em 0 1em;font-size:0.9em;}
#loginform textarea.content{border: 1px solid #ffb200;}

/* 10. gallery
-------------------------------------------------  */
#content_main #gallery{width: 740px;text-align: center;float: right;height:500px;}
#content_main #gallery .prevnext a{font-size: 0.9em;border:none;}
#content_main #picCount{font-size:0.9em;color:#B34700;}
#thumbs{float: left;margin: 5px 0 0 0;}
#thumbs td{text-align: center;padding:0 5px 5px 0;}
#thumbs img{background-color: #eee;padding: 5px;}
#thumbs a{border-width: 1px;border-style: solid;border-color: #ddd #bbb #aaa #ccc;display: inline;float: left;}
#thumbs a:hover{border-color:#ffb200;padding: 0;}
#main_image{width: 408px;float:right;text-align:center;font-weight:bold;margin:10px 0 0 0;color:#ff6600;height:500px;}
#main_image #imagepic{float: right;background: url(../gallery/images/shadow.gif) bottom right no-repeat;}
#main_image #imagepic img{clear:both;margin: -8px 8px 8px -8px;display: block;position: relative;}

/* 11. search box 
-------------------------------------------------- */
/*home page search*/
.search {margin: 0 0 4px 0;border: 1px solid #00b3b3;}
/*all other and home page*/
#searchbox {clear:both;padding:0;margin: 0;width: auto;position:relative;}
.searchall {position:absolute;top:-95px;left:15px;width: 157px;height:73px;}
fieldset {margin: 5px 0 5px 0;padding:0;}
legend {padding: 0 0 2px 5px;color: #B34700;font-weight:bold;margin: 0;}
.search #atomz input, .searchall #atomz input{margin:0 0 0 5px;width:140px;border:1px solid #4d94d8;color: #B34700;padding:1px;}
.searchall #atomz input {margin:0 0 2px 0;width:155px;}
.searchall legend{margin:0;padding: 0;color: #B34700;font-weight:bold;font-size:0.9em;}
.search #atomz .submit, .searchall #atomz .submit{color: #B34700;font-weight: bold;border: 1px solid #b34700;background: #FFD980;cursor: pointer;width:auto;font-size: 0.9em;margin: 0 5px 0 0 ;}
.searchall #atomz .submit {float: left;margin: 0;width: auto;display: inline;}

/* 12.	advertising
----------------------------------------------*/
/*home page adverts*/
ul#mainadverts li{position: relative;width: 242px;height:auto;padding: 60px 0 20px 0;margin: 0 0 4px 0;border: 1px solid #00b3b3;background:#FFD980;}
ul#mainadverts li a:link, ul#mainadverts li a:visited, ul#mainadverts li a:active{background:#FFD980;color:#ff6600;}
ul#mainadverts li a:hover{text-decoration: underline;background:#FFD980;}
.homead img{position: absolute;top: 25px;left: 5px;border: 2px solid #B34700;}
.homeadvert img{position: absolute;top: 0;left: 0;margin:0; padding:0;}
ul#mainadverts .homead p {/*side bar contents*/
font-size: 0.8em;margin: -15px 5px 20px 0;padding-left: 114px;line-height: 1.2em;}

/*small adverts*/
#advertising_content ul.advertising li{float:left;width: auto;margin: 0 0 5px 0;display: inline;}
ul.advertising li a{float:left;border: 1px solid #ffb200;display: inline;}
ul.advertising li a:hover{border: 1px solid #00b3b3;}

/*currency advert*/
.currency{padding: 0; margin:0 0 4px 0; background:#FFD980;font-size:0.8em;border: 1px solid #ffb200;}
.currency a:link, .currency a:visited{background:#FFD980;border:none;text-decoration:underline;}
.currency a:hover{text-decoration: none;}
.cooking{padding: 0; margin:0 0 4px 0; background:#FFD980;border: 1px solid #ffb200;}


/*weather advert*/
#advertising_content ul.advertising li.weather{padding: 0;width: 155px;height:600px;}
.homeweather{width: 155px;margin: 4px 0 0 0;border: 1px solid #ffb200;background:#FFD980;overflow:hidden;}


/*left column boxes*/
.forum a, .forum a:hover, .forum a:visited{background:#ffd980;}
.disclaimer{width: 155px;margin: 4px 0 0 0;border: 1px solid #ffb200;background:#FFD980;overflow:hidden;}

.googleadwords{width: 155px;margin: 4px 0 0 0;border: 1px solid #ffb200;background:#FFD980;}

#randomimage{width: 155px;margin: 35px 0 0 0;border: 1px solid #ffb200;background:#FFD980;}
.disclaimer p, .cooking p{margin: 0 5px 10px 5px;}
#randomimage p{margin:10px 0 10px 0;text-align: center;}

/* 13. page anchors 
-------------------------------------------------- */
#middle_content p#turtle, #middle_content p#nightclub, #middle_content p#festival, #middle_content p#bird, #middle_content p#surfing, #middle_content p#diving, #middle_content p#fishing, #middle_content p#riding, #middle_content p#walking, #middle_content p#marathon, #middle_content p#ilheu, #middle_content p#negro, #middle_content p#mapa, #middle_content p#mapestoril, #middle_content p#mapcabral, #middle_content p#mapb, #middle_content p#mapc, #middle_content p#mapd, #middle_content p#maria, #middle_content p#viana, #middle_content p#cemetery, #middle_content p#landline,#middle_content p#mobile,#middle_content p#internet,#middle_content p#post, #middle_content p#television, #middle_content h3#hotels, #middle_content p#historyboa, #middle_content p#historyverde, #middle_content p#sal, #middle_content p#santiago, #middle_content p#saovicente, #middle_content p#santoantao, #middle_content p#saonicolao, #middle_content p#maio, #middle_content p#fogo, #middle_content p#brava, #middle_content p#transport, #middle_content p#taxi, #middle_content p#car, #middle_content p#scooter, #middle_content p#quadbike, #middle_content p#bicycle, #middle_content p#onfoot, #middle_content p#salreibar, #middle_content p#economycape, #middle_content p#economyboa, #middle_content p#propcabral, #middle_content p#propsal, #middle_content p#propestoril, #middle_content p#proprabil, #middle_content p#propchaves, #middle_content p#airport, #middle_content p#intflight, #middle_content p#localflight, #middle_content p#bookflight{
color: #B34700;margin: 0;padding:10px 0 0 0;font-weight:bold;border-top: 1px solid #b34700;clear:both;}

#middle_content h3#beachclubs, #middle_content p#rabilbar, #middle_content p#figueirasbar, #middle_content h3#guesthouse{
color: #B34700;margin: 0;padding:10px 0 0 0;font-weight:bold;clear:both;}

#middle_content a.top{float:right; clear:both;padding: 0 0 10px 0;}
#infopage a.top{clear:both;float:right; padding: 0 0 10px 0;}

/* anchor links */
#middle_content #submenu{margin:10px 0 0 0;padding:0;width:auto;}
#middle_content #submenu .col_left {float: left;width: 190px;display: inline;margin: 0 0 10px 0;}/* IE double margin float*/
#middle_content #submenu .col_right {float: right;width: 190px;margin: 0 0 10px 0;display: inline;/* IE double margin float*/}

#middle_content .mapkey a.cabralmarine {

}


#middle_content .mapkey ol{
width:360px;
margin:0 auto;
}


  
#middle_content .mapkey ol li
  {
  /* Stipulate the height of each item so that 
  vertical return = items * height */
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  }
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */
#middle_content .mapkey ol li.alisio
{
  margin-top: -12em;
}
#middle_content .mapkey ol li.scilla
{
  margin-top: -16.8em;
}

#middle_content .mapkey ol li.propcabraltwo
{
  margin-top: -8.4em;
}

#middle_content .mapkey ol li.propesperanza
{
 margin-top: -3.6em;
}

#middle_content .mapkey ol li.propboteto
{
 margin-top: -8.4em;
}


/* horizontal position of each column */
#middle_content .mapkey ol li.marine,
#middle_content .mapkey ol li.sabi,
#middle_content .mapkey ol li.oasis,
#middle_content .mapkey ol li.delfine,
#middle_content .mapkey ol li.dunas,
#middle_content .mapkey ol li.anemone,
#middle_content .mapkey ol li.solone,
#middle_content .mapkey ol li.soltwo,
#middle_content .mapkey ol li.cabraltwo,
#middle_content .mapkey ol li.cabralone,

#middle_content .mapkey ol li.shell,
#middle_content .mapkey ol li.barracuda,
#middle_content .mapkey ol li.daniela,
#middle_content .mapkey ol li.louisa,
#middle_content .mapkey ol li.gatas,
#middle_content .mapkey ol li.velha,
#middle_content .mapkey ol li.morada,
#middle_content .mapkey ol li.rstoril,
#middle_content .mapkey ol li.pedra,
#middle_content .mapkey ol li.boteto,
#middle_content .mapkey ol li.Refugio,
#middle_content .mapkey ol li.nicola,
#middle_content .mapkey ol li.amarela,
#middle_content .mapkey ol li.manduna,

#middle_content .mapkey ol li.propmarine,
#middle_content .mapkey ol li.propoasis,
#middle_content .mapkey ol li.propsabi,
#middle_content .mapkey ol li.propdelfine,
#middle_content .mapkey ol li.propdunas,
#middle_content .mapkey ol li.propanemone,
#middle_content .mapkey ol li.propsolone,

#middle_content .mapkey ol li.propolte,
#middle_content .mapkey ol li.propventi,
#middle_content .mapkey ol li.propazul,

#middle_content .mapkey ol li.proprelax,
#middle_content .mapkey ol li.propgatas,
#middle_content .mapkey ol li.propdaniela,
#middle_content .mapkey ol li.propmor,
#middle_content .mapkey ol li.proplele,
#middle_content .mapkey ol li.propmistrel,
#middle_content .mapkey ol li.propvelha
{
  margin: 0 0 0 35px;
}




		
#middle_content .mapkey ol li.alisio,
#middle_content .mapkey ol li.luz,
#middle_content .mapkey ol li.vista,
#middle_content .mapkey ol li.grisole,
#middle_content .mapkey ol li.salinas,
#middle_content .mapkey ol li.milagro,
#middle_content .mapkey ol li.boas,
#middle_content .mapkey ol li.creola,



#middle_content .mapkey ol li.scilla,
#middle_content .mapkey ol li.nicolathree,
#middle_content .mapkey ol li.boavista,
#middle_content .mapkey ol li.tortuga,
#middle_content .mapkey ol li.alisios,
#middle_content .mapkey ol li.submarine,
#middle_content .mapkey ol li.social,
#middle_content .mapkey ol li.torguga,
#middle_content .mapkey ol li.submarine,
#middle_content .mapkey ol li.alisios,
#middle_content .mapkey ol li.wind,
#middle_content .mapkey ol li.bahia,

#middle_content .mapkey ol li.propcabraltwo,
#middle_content .mapkey ol li.propcabralone,
#middle_content .mapkey ol li.propalisio,
#middle_content .mapkey ol li.propluz,
#middle_content .mapkey ol li.propgrisole,
#middle_content .mapkey ol li.propcreola,

#middle_content .mapkey ol li.propesperanza,
#middle_content .mapkey ol li.propsumaport,

#middle_content .mapkey ol li.propboteto,
#middle_content .mapkey ol li.propcondominio,
#middle_content .mapkey ol li.propamerela,
#middle_content .mapkey ol li.proppedro,
#middle_content .mapkey ol li.propestorilnicolo,
#middle_content .mapkey ol li.propbonita,
#middle_content .mapkey ol li.propcostasol
{
  margin-left: 240px;
}



#main_content a.orange, #middle_content a.orange{font-weight:bold;text-decoration:underline;}

/*backlink*/
#middle_content .logolink{margin:10px 0 0 0;font-size:0.9em;font-family:verdana,tahoma,helvetica,arial,sans-serif;width: 390px;}



/* tabbed boxheight:100px; */

.tabbed-box {
clear:both;
/*position:absolute;
top: 80px;
left: 15px; */
margin:80px 0 0 15px;
float:left;
    width: 273px;
    background: #ffecbf;
height:180px;
	border: 1px solid #ffb200; font-size:12px; display:inline;line-height:1.3em;
	}

.tabbed-box .tabs li {
    list-style: none;
    float: left;/*to line up horizontally*/ 
display:inline;
	}
.tabbed-box .tabs li a {
    display: block;/*allows whole tab to become clickable*/
    width: 90px;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	background: #ffecbf;color: #ff6600;
    border-left: 1px solid #ffb200;
    border-bottom: 1px solid #ffb200;
	}
.tabbed-box .tabs li:first-child a {
    border-left: none; }

.tabbed-box .tabs li a:hover {
    background: #00b3b3;color: #80FFFF; }
.tabbed-box .tabs li a:focus {
    outline: none; }
.tabbed-box .tabs li a.active {
color: #80FFFF;background: #00b3b3;
     }

.tabbed-content  #tl .floatright{
position:relative;
}	 

	 
.tabbed-content p{
width:94px;
height:130px;
float:left;
}

.tabbed-content p span
{
float:left;
margin:-130px 0 0 100px;width:150px;
}

.tabbed-content ul {
padding:5px 0 5px 5px;

}



#homeleftadvert {clear:both;
float:left;
width: 580px;
background: #ffecbf;
margin:15px 0 10px 15px;display:inline;
}

#homeleftadvert img.space {
margin: 0 15px 0 0;
}

#homeleftadvert p {
margin: 0 0 15px 0;
padding:0;
}

/*
#homeleftadvert {
position:absolute;
top:190px;
left:0;
width: 275px;
background: #FFD980;
}

#homerightadvert {
position:absolute;
top:190px;
left:290px;
width: 275px;
background: #FFD980;

}*/



/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 391px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(../images/itembar.jpg) no-repeat;
}
.message_head {
	padding: 0;
	cursor: pointer;
	margin:0 10px 0 10px;
}

.message_body {
	padding: 0;margin:0;height:auto;
}



.collapse_buttons a {
	margin-left: 15px;
	float: right;
}

.show_recent_only {
	padding-right: 12px;
}