* { margin: 0; padding: 0; }

html { 	height:100% }

body {
	background-color:#000000;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	 
}
	 
/***************************************************
Links
***************************************************/

a:link {	
	color: #003300;
	text-decoration: none;
}

a:visited {
	color: #003300;
	text-decoration: none;
}

a:hover {
	color: #003300;
	text-decoration: underline;
}

a img {border: none; }

.image {
	width:200px;
}

a.image, a.image:link, a.image:visited, a.image:hover { 
	background: none;
	text-decoration: none;
	border:none ! important;
}
	 
/***************************************************
Layout
***************************************************/
	 
#wrapper {
	width:900px;
	background-color:#FFFFFF;
	margin:auto;
	padding:0 0 2px 0;
	border-left:solid 1px white;
	border-right:solid 1px white;
}

#menu {
	width:100%;
	height:24px;
	margin:auto;
	padding:0;
	background-image:url(/img/menu_bg.jpg);
	background-repeat:repeat-x;
	z-index:100;
}		
	  
#adminmenu {
	width:100%;
	height:24px;
	margin:auto;
	padding:0;
	background-image:url(/img/menu_bg.jpg);
	background-repeat:repeat-x;
	z-index:100;
}		

#head {
	width:100%;
	height:105px;
  margin:auto;
  padding:0;	
	background-image:url(/img/head_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:top;	
}
	  
#head img {margin-left:15px;}

#head1 {
	width:100%;
	height:140px;
	margin:auto;
	padding:0;
}
	  
#slide {
	width:100%;
	height:370px;
	margin:auto;
	padding:0;
	background-color: #fff;
	position:static;
}
	   
#content{
	width:100%;
	margin:auto;
	padding:5px 0 70px 0;
	background-color:white;
	background-image:url(/img/islandbg_admin.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#container {
	width:90%;
	color: #333333;
	margin:auto;
	text-align:left;
}

#container h1 {
	padding: 0 0 10px 0;
	font-size:18px;
}

#container h2 {
	padding: 0 0 10px 0;
	font-size:18px;
}

#news p {
	padding: 5px 0 5px 0;
}

#news h2 {
	padding: 15px 0 5px 0;
	font-size:18px;
}
			  
#content-list{
	margin:auto;
	/*padding:25px 0 70px 0;*/
	background-position:bottom;
	background-repeat:no-repeat;
	width:700px;
	text-align:left;
}

#myMap, #tools {
	margin: 10px 0 10px 0;
}
				   
#barra {
	width:100%;
	height:42px;
	margin:auto;
	padding: 0;
	background-color:white;
	background-image:url(/img/bg_barra.jpg);
	background-repeat:repeat-x;
	/*float:left;*/
}
	   
.title1 {
	color:#FFFFFF;
	font-size:16px;
	font-stretch: ultra-condensed;
	font-weight:bold;
	text-indent:15px;
	margin:0 0 30px 25px;
	line-height:40px;
	height:40px;
/*	float:left;*/
	text-transform:uppercase;
}
		 
.title2 {color: #FFFFFF;
	font-size:16px;
	font-stretch: ultra-condensed;
	font-weight:bold;
	margin:0 15px 0 100px;
	line-height:40px;
	text-align:right;
	/*float:right;*/ 
	text-transform:uppercase;
}
	  	   
#thumbs-area {
	width:100%;
	height:500px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image: url(/img/sea.jpg);
	background-position:top;
	background-repeat:no-repeat;
	clear:both;
}
			 
#area {
	width:49%;
	height:500px;
	background:none;
	float:left;
	border-right:dotted 1px #003300;
}
	 
#area1 {
	width:49%;
	height:500px;
	background:none;
	float:left;
}	 
			 
.thumbbox {
	width:330px;
	height:142px;
	margin:auto;
	background:none;
	padding:0;
	margin:15px 0 0 35px;
	float:left;
}

.thumbbox img {
	border:solid 3px white;
	float:left;
}

.thumbcontainer {
	width:150px;
	height:113px;
	float:left;
	margin:0 10px 0 0
}
			
.thumbbox p {
	font-size:10px;
	/*color: #666666;*/
}
						
.en_read, .es_read { 
	width:116px;
	height:28px;
	/*background:none;
	z-index:100;*/
	float:left;
	border:3px solid white;	
}

.en_read a {
display:block;
background-image: url(/img/en_read_more.jpg);
height:28px;
width:116px;
}

.es_read a {
display:block;
background-image: url(/img/es_read_more.jpg);
height:28px;
width:116px;
}

.en_read a:hover {
background-image: url(/img/en_read_more_over.jpg);
}

.es_read a:hover {
background-image: url(/img/es_read_more_over.jpg);
}

#info {
	width:100%;
	height:280px;
	background-color:#FFFFFF;
	background-image:url(/img/islandbg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}	 
	  
#info-area {
	width:95%;
	height:100px;
	margin:auto;
	padding:5px;
	background-image: url(/img/green.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.info-area-text {
	width:46%;
	margin:0 12px 0 12px;
	padding:1px;
	background:none;
	float:left;
}

.info-area-text h3 { 
	font-size:14px;
	color: #006600;
	text-transform:uppercase;					
}

.info-area-text p { 
	font-size:11px;
	color:#999999;
}

.info-area-text h4 { 
	font-size:12px;
	padding:10px 0;
	color:#999999;
}

	   
#flags {
	position:absolute;
	padding:6px;
	float:left;
}

#flags img {margin-right:10px;}

#footer { 
	width:900px;
	background-color: #006600;
	text-align:center;
	margin:auto;
	color:#FFFFFF;
	font-size:11px;
	padding:3px;
	background-image:url(/img/menu_bg.jpg);
	background-repeat:repeat-x;
 
}
	   
#photos {
	margin:20px 0;
	width:100%;
	min-height:210px;
}

.photothumb {
	display:inline;
	float:left;
	margin:10px 5px;
	height:90px;
	voice-family:inherit;
	width:100px;
}
	#floorplants {
	margin:20px 0;
	width:100%;
	min-height:210px;
}	 
#search {
	margin: 20px 0;
}

#search form dd input, #search  form dd select {
	margin: 5px 0;
	width:225px;
}

		 
/***************************************************
Menu
***************************************************/

#nav {
	float:right;
	width:750px; 
	padding:0; 
	list-style:none;
}

#nav ul {
	position:absolute; 
	margin:42px 0 0 0px;  
	width:700px;
	padding:0; 
	list-style:none; 
}

#nav a {
	text-align:center; 
	color:#FFF; 
	display:block; 
	padding: 5px 5px 0 5px;
	text-decoration:none;
}

#nav a:hover { 
	color:#00CC33; 
}

#nav li	{
	float:left; 
}

#nav li.main {
	text-align:left; 
	font-size:12px; 
	text-decoration:none;
}

#nav li ul {position:absolute; display:none; width:72px; left:-999cm; top:-23px; width:100px; z-index:999;}
#nav li:hover ul {left:auto; display: block; float:none;}
#nav li.sfhover ul {left:auto; display: block;}

#nav li li a {
	float:left; 
	text-align:left; 
	font-size:11px;
	background:#003300;
	color:#FFF; 
	text-decoration:none; 
	margin:0; 
	padding:4px 10px; 
	width:100px;
}

#nav li ul a {
	float:left; 
	text-align:left; 
	background:#003300; 
	color:#FFF; 
	text-decoration:none; 
	margin:0; 
	padding:4px 10px; 
	width:100px;
}

#nav li:hover ul a:hover {
	background:#003300; 
	color:#00CC33; 
	text-decoration:none;
}
	
#nav li.sfhover ul a:hover {
	background:#003300; 
	color:#00CC33; 
	text-decoration:none;
}

li > ul {top:auto; left:auto;}

/***********************/

#navcontainer {
	float:right;
	margin:0;
}

ul#navlist { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#navlist a {
	text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a {
	color: #ffffff;
	background:none;
	padding: 5px;
}

ul#navlist li a:hover {
	color: #00CC33;
	background:none;
}

/*ul#navlist li a:active {
	color: #cccccc;
	background-color: #003366;
	border: 1px #ffffff inset;
}
*/

ul#subnavlist { display: none; }
ul#subnavlist li { float: none;  }

ul#subnavlist li a {
	padding: 0px;
	margin: 0px;
	background-color:#003300;
	clear:both;
}

ul#navlist li:hover ul#subnavlist {
	display: list-item;
	position: absolute;
	font-size: 8pt;
	padding: 5px;
	background-color:#003300;
	clear:both;
}

ul#navlist li:hover ul#subnavlist li a {
	display: list-item;
	width: 10em;
	border: none;
	padding: 4px;
	background-color:#003300;
}

/***************************************************
form
***************************************************/
form dd input, form dd select, form dd textarea, form dd file {
	margin: 10px 0;
	width:325px;
}

.textarticle {
	margin: 10px 0;
}

.textarticle textarea {
	margin: 10px 0;
	width:770px;
}

form dt label {
	font-weight:bold;
}

/***************************************************
Misc
***************************************************/

.input textarea {
	width:700px;
	height:250px;
}

.input input {
	width:300px;
}

.input input.small {
	width:70px;
}

.content table tr td {
	padding:0;
	margin:0;
	border-right:none;
	text-align:left;
}

.content textarea {
	width:725px;
	height:250px;
}

.white {
	color:#FFFFFF;
	height:70px;
}

.gray {
	color:#666666;
	height:75px;
}

/***************************************************
Generic Table
***************************************************/
table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}

th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}

th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	/*text-align: center;*/
	vertical-align: top;
}

table tr.altrow td {
	background: #f4f4f4;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}

td.actions a {
	display: inline;
	margin: 0px 6px;
}

.cakeSqlLog table {
	background: #f4f4f4;
}

.cakeSqlLog td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	margin-top:10px;
	color: #ccc;
	margin-bottom: 2em;
}

div.paging div.disabled {
	color: #ddd;
	display: inline;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 60%;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}

fieldset legend {
	color: #2C6877;
	font-size: 160%;
	font-weight: bold;
}

form div {
	clear: both;
	/*margin-bottom: 1em;*/
	padding: 0 .5em .5em .5em;
	vertical-align: text-top;
}

form div.required {
	color: #333;
	/*font-weight: bold;*/
}

form div.optional, form div.input {
	color: #444;
}

form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	/*margin-left: 140px;*/
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

textarea {
	width: 100%;
}

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}

select[multiple=multiple] {
	width: 100%;
}

option {
	/*font-size: 120%;*/
	padding: 0 3px;
}

input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}

input[type=submit], input[type=file], input[type=button] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	font-size: 110%;
	vertical-align: bottom;
}

/* Notices and Errors */
#flashMessage {
	margin-left:20px;
}

div.message, p.error, div.error-message {
	color: #900;
	/*font-size: 140%;*/
	font-weight: bold;
	font-size: 11px;
	/*margin: 8px 0px;*/
}

div.error-message {
	clear: both;
}

div.error em {
	font-size: 140%;
	color: #003d4c;
}

span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}

/*  Actions  */
div.actions {
	clear: both;
	margin-top: .2em;
	text-align: left;
}

div.actions ul {
	margin: 0;
	padding: 0;
}

div.actions li {
	display: inline;
	list-style-type: none;
	margin: 0 2em 0 0;
	padding: 0;
}

div.actions ul li a {
	/*background: #fff;
	color: #003d4c;
	text-decoration: none;*/
}
div.actions ul li a:hover {
	/*background: #003d4c;
	color: #fff;*/
}


.s_tile{font-family:Arial, Helvetica, sans-serif;
        color:#006600;
		font-weight:bold;
		font-size:16px;
		line-height:20px;
		}
		
.s_textfield{border:solid 1px #006600;
             background-color:#FFFFFF;
			 color:#006600;
			 height:20px;
			 font-size: 14px;
			 line-height:20px;
			 }
			 
.s_textarea {border:solid 1px #006600;
             background-color:#FFFFFF;
			 color:#006600;
			 font-size: 14px;
			 line-height:20px;
			 }
.clear{clear:both;
		height:1px;
}