/* Lanz Villa Owners Stylesheet */
/* by KevBod@KevBod.com */
/* created January 2006 */

h1, h2, h3, h4, h5, p, a, ul, ol, table, form {
	font-family:Verdana, sans-serif, Arial, Helvetica;
}
	
body {margin:20px 20px 0px 20px;}

#header { position:relative; margin-left:1em; height:9em; }
#header #lvm_logo { float:left; width:119px; height:100px; background:url('images/flower_small.png') 0 0 no-repeat; }
#header #lvo_logo { float:left; }
#header #lvo_logo #lvo_villas { width:450px; height:60px; background: url(images/lvo_masthead.jpg) 0 0 no-repeat; }
#header h2 { margin:0; padding:0; color:#008; }
#header #contact { position:absolute; right:2em; top:0.5em; font-size:70%; color:#666; margin:0; padding:0; }
#header #contact p { margin:0; padding:0; }

#header #menu { font-size:70%; background-color:#eee; border:1px solid #000088; padding:2px 10px; margin:5px 0 0 0; }
#header #menu a, #header #menu a:visited { color:#000088; text-decoration:none; display:inline-block; padding-left:0.5em; padding-right:0.5em; }
#header #menu a:hover { color:#c2dbf8; background-color:#888; }


/* *********************************** */
/* ******** Villa listings *********** */
/* *********************************** */ 

#leftCol { 
  float:left;
  width:11em;
  background:#fff;
  margin-top:1em;
  border-right:2px solid #c2dbf8;
}

#villaList {
  font-size:70%;
}
#villaList ul {
  list-style:none;
  margin:0 0 0 0.75em;
  padding:0;
}
#villaList ul li{
  margin:0 0 0 0.75em;
  padding:0.1em 0 0.15em 0;
}
* html #villaList ul li{
  padding:0;
}
#villaList ul li.here {
  background-color: #e5f6ff;
  color: #0066ff;
  text-align:right;
  padding-right:1em;
}
#villaList ul li.here a:hover, #villaList ul li.here a:visited {
  color: #0066ff;
}
#villaList ul li a, #villaList ul li a:visited {
  display:block;
  width:95%;
  color:#008;
  text-decoration:none;
}
#villaList ul li a:hover {
  color:#0066ff;
  background-color:#e5f6ff;
}
#villaList ul li.noShowClass, #villaList ul li.noShowClass a, #villaList ul li.noShowClass a:visited {
  background-color: #fac0c0;
  color: #d3d;
}
#villaList p.town {
  font-weight:bold;
  color:#444;
  margin:0;
  padding:1px;
  background-color:#eee;
}

/* *********************************** */
/* ***** End of Villa listings ******* */
/* *********************************** */ 

#main {
  margin-left:10em;
  color:#008;
  background:#fff;
}
* html #main {
  height:1%;
}

#main #advert {
  float:right;
  width:230px;
  text-align:center;
  border:1px solid #000088;
  background-color:#c2dbf8;
  margin:10px 0px 10px 10px;
}

#main #advert a, #main #advert a:visited {
  display:block;
  text-decoration:none;
}

#main #advert p {
  color:#008;
  font-size:70%;
  margin:0;
  padding:0;
  margin-top:3px;
  padding-left:0.2em;
  padding-right:0.2em;
  }
#main #advert hr {
  width:80%;
  color:#fff;
  background-color:#fff;
}

#main h3 {
  font-size:99%;
  color:#008;
}

#main p, #main ol {font-size:75%;}

.askhead {
  font-size:70%;
  color:#444;
  font-weight:bold;
  text-align:left;
  padding-bottom:0;
  margin:0;
}

#ask {
  width:94%;
  background-color:#eee;
  border:1px solid #000088;
  padding:2px 10px;
  margin:20px 5px 0 5px;
}
#ask .asknames {
  font-size:70%;
  padding:0;
  margin:0;
  margin-left:2em;
}
#ask .asknames a, #ask .asknames a:visited {
  display:inline-block;
  text-decoration:none;
  font-weight:normal;
  color:#000088;
}
#ask .asknames a:hover {
  color:#c2dbf8;
  background-color:#888;
}	
	
div.float {
float:left;
margin:0 0 4px 4px;
}
.legend {
font-size:0.6em;
margin-left:0.5em;
margin-right:8em;
margin-bottom:0.4em;
}

p.subhead {
  font-weight:bold;
  margin-top:0;
  margin-bottom:0.25em;
  padding:2px;
  color:#000088;
  background-color:#c2dbf8;
  text-align:center;
}

#footer {
position:relative;
border-top:1px solid #008;
margin-left:2em;
margin-right:2em;
padding-top:1em;
color:#1a5c40;
text-align:left;
font-family:Arial, sans-serif;
font-size:0.6em;
}

* html #footer {
width:100%;
w\idth:100%;
}

#footer a, footer a:link, footer a:visited {
color:#008;                                      /* was gold #b99f5f; */
text-decoration:none;
}
#footer a:hover {
  color:#888;
}
#footer .kevbod {
  position:absolute;top:1em;right:1em;
}

p.clear {
 font-size:1px;
 clear:both;
}
p.image {
float: right;
font-size: 0.50em;
text-align: center;
color: #7d6340;
padding:0.25em 0.25em 0.25em 1.25em;
}

p.imageLeft {
float: left;
font-size: 0.50em;
text-align: center;
color: #7d6340;
padding: 0.25em 1.25em 0.25em 0.25em;
}

p.image img, p.imageLeft img {
display: block;
}

a, a:visited {color:#00f }
a:hover {color:#555;}

/* *********************************************** */
/* ******* Styles for all forms used ************* */
/* *********************************************** */

.spacer {clear:both;height:1px;font-size:1px;margin:0;padding:0;}

form {margin-left:2em; margin-top:1em; width:400px; font-weight:normal; font-size:90%;}
* html form {margin-left:3em; ma\rgin-left:2em; width:350px; w\idth:400px;}
form#reserve {width:560px;}
form {background:#c2dbf8; padding:10px; border:1px solid #00f;}
form fieldset {border:1px solid #fff; padding:10px; margin-bottom:0.5em; line-height:1.5em; font-size:70%;}
form legend {font-family:verdana, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; text-align:center; width:254px; background:#fff url(images/form.gif) repeat-x center left;}
form label.accent {width:2em; font-size:210%; color:#cc0000; background:transparent; clear:right;}
form label {clear:left; float:left; width:70px; text-align:right; padding-right:10px; margin-bottom:0.25em;}
form label.l2 {clear:none; float:left; background:transparent;}
form label.yn {clear:none; float:left; background:transparent; width:2em; text-align:left;}
form label.enquiry {width:100px; clear:none; float:left; background:transparent;}
form label.note {text-align:left; width:60%; clear:both; background:transparent;}
form label.help {text-align:left; width:150px; clear:both; background:transparent;}
form input {float:left; border:1px solid #fff; background:#c2dbf8; padding-left:0.5em; margin-bottom:0.6em;}
form select {float:left; border:1px solid #fff; background:#c2dbf8; padding-left:0.5em; margin-bottom:0.6em;}
form textarea {font-family:verdana, sans-serif; font-size:100%; color:#00f; width:310px; height:6em; border:1px solid #fff; margin-left:2em; padding:0.5em; overflow:auto;}
form #submit, form #reset {float:none; color:#c00; background: url(images/form.gif) repeat-x top left; padding-left:0.5em; cursor:pointer; width:150px; margin-left:2em;}
* html form #submit, * html form #reset {margin-left:8px;}
form #submit:hover, form #reset:hover {background-position:center left; color:#000;}

form#villaSetup, form#forumedit {width:500px;}
form#villaSetup label {width:120px;}
form#villaSetup label.two {clear:none;width:78px;}
form#villaSetup label.three {clear:none;text-align:center;padding-right:4px;width:70px;}
form#villaSetup label.four {clear:none;text-align:left;width:90px;}
form#villaSetup input {display:inline-block;}

form#userForm label {width:125px;}
form#userForm .radio {float:none;}
