/* CSS Document */

body {
	font-family: sans-serif;
	font-size: 83%;
	vertical-align: top;
	padding: 1.5em;
	margin: 0em;
}

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

.main-costabrava {
	background: url(images/main.jpg) no-repeat top center;
	padding: 0em 2em 4em 2em;
	margin-right: 15.1em;
	border: 1px #CDCDCD solid;
	color: #196764;
}

.main-costabrava p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;

}

.main-costabrava h1 {
font-family: trebuchet, "Times New Roman", Times, serif;
font-size: 2.5em;
font-weight: normal;
font-style: italic;
margin: 0em;
}

.main-costabrava h2 {
font-family: "Times New Roman", Times, serif;
font-size: 1.9em;
}

.main-costabrava h3 {
font-family: "Times New Roman", Times, serif;
font-size: 1.7em;
}

.main-costabrava h4 {
font-family: "Times New Roman", Times, serif;
font-size: 1.4em;
}


.captionright {
float: right;
border: 1px gray dashed;
padding: 0.3em;
margin: 0.3em;
text-align: right;
}

.captionrightnofloat {
border: 1px gray dashed;
padding: 0.3em;
margin: 0.3em;
text-align: right;
}


.captionleft {
float: left;
border: 1px gray dashed;
padding: 0.3em;
margin: 0.3em;
text-align: left;
}

.captionright p, .captionrightnofloat p, .captionleft p{
font-size: 0.8em;
color: Teal;
display: inline;
clear: none;
}

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

#navigation {
	color: #6A006A;
	text-align: center;
	width:15em;
	padding-top: 3em;
	padding-bottom: 3em;
	margin: 0em;
	background: url(images/navback.jpg) no-repeat center center;
}

#navigation ul {
	display: block;
	padding: 0em;
	margin: 0em;
}

#navigation li {
	list-style: none;
	padding: 0em;
	margin: 0.6em;
}

#navigation a {
	padding: 0.2em;
	border: 1px #D6D6D6 solid;
	text-decoration: none;
	margin: 0em;
	color: #2F4F4F;
	font-weight: bold;
	font-size: 0.8em;
}

#navigation a:hover {
border: 1px #222222 solid;
text-decoration: none;
color: #414141;
background-color: #FFFBE3;
}

#rightside{
	float: right;
	text-align: center;
}

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

#bottomnav {
font-size: 0.8em;
}

#bottomnav a {
color: gray;
text-decoration: none;
}

#bottomnav a:hover {
background-color: #FFFFAE;
}

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

.clearall{
	clear: both;
}

table {
	border: 1px solid Black;
	margin-left:auto;
	margin-right:auto;
}


td, th{
	text-align:center;
	padding:0.2em;
	margin: 0.2em;
	border: 1px solid black;
}

.banda{
	background-color: #FFFFE3;
}
.bandb{
	background-color: #EAE8FF;

}
.bandc{
	background-color: #FFEBD9;
}
.bandd{
	background-color: #EAFFEA;
}

.bande{
	background-color: #F3CDDA;
}

.bandf{
	background-color: #B9FEFF;
}

.bandg{
	background-color: #FFE966;
}

.avail{
	width:90%;
}
.key{
	width: 75%;
}

.sail{
	color: #595BFF;
}