/*

CSS for Luz Holiday Rentals Limited

*/

body {

  font-family: Verdana, Helvetica, Arial, sans-serif;

  background-color: #e2edff;

  line-height: 125%;

  padding: 0;

  margin: 0;

}



h1, h2, h3 {

  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

}



h1 {

  font-size: x-large;

  background-color: navy;

  color: white;

  padding-top: 2em;

  padding-bottom: .2em;

  padding-left: .4em;

  margin: 0;

}



h2 {

  color: navy;

  font-size: 130%;

  font-weight: normal;

  padding-top: 15px;

}



li {

  font-size: small;

  list-style-type: none;

}



p {

  font-size: small;

  color: navy;

}



#tagline p {

  font-style: italic;

  font-family: Georgia, Times, serif;

  border-top: 3px solid #7da5d8;

  border-bottom: 3px solid #7da5d8;

  padding-top: .2em;

  padding-bottom: .2em;

  padding-left: .8em;

  margin: 0;

  background: #bed8f3 url(images/tagline-fade.jpg) repeat-y right;

}



#navigation {

  width: 180px;

  height: 484px;

}



#navigation p, #navigation h2 {

padding-left: 5px;

}



#footer {

	clear: both;

  	border-top: 3px solid #7da5d8;

  	border-bottom: 3px solid #7da5d8;

	background-color: #bed8f3;

	color: #626262;

	font-size: 90%;

	padding: 1em 1em 1em 1em;

	margin: 0;

}



#footer p {

	margin: .5em 0 1em 2em;

	padding: 0;

}



em {

  text-transform: uppercase;

}



a {

  font-weight: bold;

}



a:link {

  color: black;

}



a:visited {

  color: navy;

}



a:hover {

  text-decoration: none;

  color: white;

  background-color: navy;

}



a:active {

  color: aqua;

  background-color: navy;

}



#useful_links a:link {

	background-color: transparent;

}



#useful_links a:visited {

   	background-color: transparent;

}



#useful_links a:hover {

 	background-color: transparent;

}



#useful_links a:active {

  	background-color: transparent;

}



p.comments {

	background: white;

	font-style: italic;

	color: black;

	padding: 5px 5px 5px 5px;

	margin-right: 20px;

}



.fun {

  color: #339999;

  font-family: Georgia, Times, serif;

  letter-spacing: 0.05em;

  text-align: justify;

  margin-right: 15px;

}



blockquote.fun {

  font-style: italic;

}



#header {

  border-top: 3px solid #7da5d8;

}



#navigation

{

width: 12em;

border-right: 1px solid #000;

padding: 0 0 1em 0;

margin-bottom: 1em;

font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;

background-color: #90bade;

color: #333;

}



#navigation ul

{

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#navigation li

{

border-bottom: 1px solid #90bade;

margin: 0;

}



#navigation li a

{

display: block;

padding: 5px 5px 5px 0.5em;

border-left: 10px solid #000000;

border-right: 10px solid #508fc4;

background-color: #2175bc;

color: #fff;

text-decoration: none;

width: 100%;

}



html>body #navigation li a { width: auto; }



#navigation li a:hover

{

border-left: 10px solid #606060;

border-right: 10px solid #5ba3e0;

background-color: #2586d7;

color: #fff;

}



ul.side-images{

	list-style:none;

	margin:5px;

	padding:0;

	width:254px;

	float:right;

}



ul.side-images img{display:block;border:none;float:none;}

ul.side-images li{margin:0 0 1em 0}



img.feature {

  float: right;

  margin: 10px;

  border: 1px solid navy;

}



img.mindsheet {

	width: 95%;

}



img.mindsheet p {

	font-style: italic;

	font-weight: bold;

	font-size: small;

}



img.left {

	float: left;

	margin: 10px;

	border: 1px solid navy;

}



img.key {

	border: 1px solid navy;

}



table.apartment, table.rates, table.location, table.interests, table.links {

border-collapse: collapse;

margin-right: 10px;

}



table.location {

	clear: both;

}



table.rates {

	height:43px;

}



table.apartment caption, table.rates caption, table.location caption,

table.interests caption, table.links caption {

text-align: left;

font-size: small;

color: #000066;

padding-bottom: 5px;

font-weight: bold;

}



table.apartment td, table.apartment th,

table.rates td, table.rates th,

table.location td, table.location th,

table.interests td, table.interests th,

table.links td, table.links th {

border: 1px solid #000066;

padding: 4px;

text-align: left;

color: #000066;

padding-top: 0;

padding-bottom: 0;

padding-left: 2px;

padding-right: 2px;

}



table.apartment td , table.rates td, table.location td,

table.interests td {

font-size: small;

background: #e2edff url(images/td.jpg) repeat-x top;

}



table.apartment th , table.rates th, table.location th,

table.interests th, table.links th {

font-size: x-small;

background: #241374;

color: #ffffff;

}

table.rates th {
	line-height: 1.5em;
}

table.links td {

	width: 280px;

	height: 55px;

	text-align: center;

}



table.location td {

	width: 350px;

}

table.rates {
	width: 65%;
}

.galleryphoto p {

font-size: 85%;

font-weight: bold;

margin-top: 0;

width: 500px;

line-height: 1.4em;

}



.photocredit {

font-weight: normal;

color: gray;

}



.galleryphoto {

padding-bottom: 20px;

border-bottom: 1px solid navy;

margin-bottom: 10px;

}



/*

This section deals with the position of the gallery menu choices across the

of the screen and is used on each of the gallery_x.html files

*/



ul#nav_top {

	padding: 0;

	margin: 0;

	list-style-type: none;

	width: 100%;

	color: #fff;

	background-color: #036;

}



ul#nav_top li {

	display: inline;

}



ul#nav_top li a{

	float: left;

	width: 10em;

	color: #fff;

	background-color: #306;

	padding: 0.2em 1em;

	text-decoration: none;

	border-right: 1px solid #fff

}



ul#nav_top a:hover {

	background-color: #369;

	color: #fff;

}



/*

This section deals with the position of items on the screen.

It uses absolute positioning - fixed x and y coordinates measured from the

top-left corner of the browser's content display.

*/



#header {

  width: 100%;

}





#bodycontent, #header, #navigation {

  position: absolute;

}



#bodycontent, #navigation {

  top: 107px;

}



#bodycontent {

	left: 230px;

	padding: 3px;

}



#bodycontent {

	font-size: small;

}



/*Pasting active calendar css content below this*/



.year {

	border-style: outset;

	border-width: 1px;

	background-color: #e4e4e4;

	text-align: center;

}

.month {

	border-style: none;

	background-color: #e4e4e4;

	text-align: center;

}

.yearname {

	text-align: center;

	font-size: 18px;

	font-weight: bold;

}

.monthname {

	text-align: center;

	font-size: 13px;

	font-weight: bold;

	background-color: #DADADA;

	color: #5D5D5D;

	border-style: outset;

	border-width:1px

}

.dayname {

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	background-color: #3E97CF;

	color: #ffffff;

	border-style: outset;

	border-width:1px

}

.weeknumtitle {

	text-align: center;

	font-size: 12px;

	font-weight: normal;

	background-color: #e9e9e9;

	border-style: outset;

	border-width:1px

}

.weeknum {

	text-align: center;

	font-size: 10px;

	height:20px;

	width:20px;

	color: #000099;

	background-color: #e9e9e9;

}

.yearnavigation {

	font-size: 12px;

}

.datepicker {

	background-color: #e4e4e4;

}

.datepickerform {

	margin: 0px;

}

.monthnavigation {

	font-family: Tahoma, Arial, sans-serif;

}

.monthpicker {

	font-size: 11px;

	background-color: #eeeeee;

}

.yearpicker {

	font-size: 11px;

	background-color: #eeeeee;

}

.pickerbutton {

	font-size: 11px;

	background-color: #eeeeee;

	border-style: solid;

	border-color: #000000;

	border-width: 1px;

}

.nomonthday {

	text-align: center;

	font-size: 10px;

	height:20px;

	width:20px;

	color: #aaaaaa;

}

.monthday {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	background-color: #E4E4E4;

	color: #384955;

	height:20px;

	width:20px;

}

.today {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	background-color: #ffff99;

	color: #000000;

	height:20px;

	width:20px;

}

.selectedday {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	background-color: #66ff66;

	height:20px;

	width:20px;

}

.sunday {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: #667171;

	height:20px;

	width:20px;

}

.sunday a {

	color: #667171;

}

.saturday {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: #667171;

	height:20px;

	width:20px;

}

.saturday a {

	color: #667171;

}

.event {

	text-align: center;

	text-decoration: underline;

	font-size: 11px;

	font-weight: bold;

	color: black;

	background-color: #5cb5c7;

	height:20px;

	width:20px;

}

.event a {

	background-color: #5cb5c7;

	color: black;

	text-decoration: underline;

}

.selectedevent {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: red;

	background-color: #ffff99;

	height:20px;

	width:20px;

}

.selectedevent a {

	background-color: #ffff99;

	color: red;

}

.todayevent {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: red;

	background-color: #ffff99;

	height:20px;

	width:20px;

}

.todayevent a {

	background-color: #ffff99;

	color: red;

}

.eventcontent {

	font-size: 10px;

	border-style: outset;

	border-width: 1px;

	width: 100%;

}