/*** lilyvillas.css ***/

/** clump styles **/

/* gallery styles for the clump galleries */

.hovergallery1{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
zz_height: 6000px;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
width: 470px;
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

a.default span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 40;
}

a.default span img{ /*CSS for enlarged image*/
width: 470px;
}

/** end of clump styles **/


/*** basic elements ***/
html
  {
  margin: 0;
  padding: 0;
  }
body 
  { 
  background-color:#e0f0ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  margin: 0; 
  padding: 0px; 
  padding-top: 0px;
  text-align: center; 
  } 
#centered
  { 
  background-color:#ffffff;
  width: 720px; 
  text-align: left;
  border: 0px; 
  padding: 0px;  
  margin: 0 auto; 
  } 

div.main
  {
  background-color:#ffffff;
  width: 700px; 
  text-align: left;
  border: 0px; 
  padding: 10px;  
  margin: 0 auto; 
  }

/* table for menu bar below banner */
#menubar1_table {
  display: inline-table;
  border: 0px solid white;
  width: 720px; 
  text-align: center;
  margin: 0 auto; 
  mac_background-color: #b49444;
  pc_background-color: #a08010;
  zz_background-color: #a08010;
  orange_background-color: #ff8040;
  blue_background-color: #8080c0;
  background-color: #ffa050;
  }
#menubar1_row  {
  display: table-row;
  }
#menubar1_left {
  display: table-cell;
  width: 240px; 
  text-align: left;
  font-size: 12pt;
  color: white;
  padding: 0px 0px 0px 0px;
  }
#menubar1_left b {
  text-decoration: none;
  color: black;
  background-color: white;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar1_left a:link {
  text-decoration: none;
  color: white;
  zz_background-color: #846414;
  background-color: #b06000;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar1_left a:visited {
  text-decoration: none;
  color: white;
  zz_background-color: #846414;
  background-color: #b06000;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar1_left a:active {
  text-decoration: none;
  color: white;
  zz_background-color: #846414;
  background-color: #b06000;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar1_left a:hover {
  text-decoration: none;
  color: #c0c080;
  zz_background-color: #846414;
  background-color: #b06000;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
  
  
/* table for 3 part menu bar below banner */
#menubar3_table {
  display: inline-table;
  border: 0px solid white;
  width: 720px; 
  text-align: center;
  margin: 0 auto; 
  background-color: #b49444;
  }
#menubar3_row  {
  display: table-row;
  }
#menubar3_left {
  display: table-cell;
  width: 240px; 
  text-align: left;
  font-size: 12pt;
  color: white;
  padding: 0px 0px 0px 0px;
  }
#menubar3_middle {
  display: table-cell;
  width: 240px; 
  text-align: center;
  font-style: italic;
  font-size: 12pt;
  color: white;
  padding: 0px 0px 0px 0px;
  }
#menubar3_right {
  display: table-cell;
  width: 240px; 
  text-align: right;
  font-size: 12pt;
  color: blue;
  padding: 0px 0px 0px 0px;
  }

#menubar3_left b {
  text-decoration: none;
  color: black;
  background-color: white;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_left a:link {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_left a:visited {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_left a:active {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_left a:hover {
  text-decoration: none;
  color: #c0c080;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }

#menubar3_right b {
  text-decoration: none;
  color: black;
  background-color: white;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_right a:link {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_right a:visited {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_right a:active {
  text-decoration: none;
  color: white;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }
#menubar3_right a:hover {
  text-decoration: none;
  color: #c0c080;
  background-color: #846414;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  padding: 0px 5px 0px 5px;
  }

#menubar_li ul {
  list-style-type: none;
  }
#menubar_li li {
  float: left;
  color: #0d2474;
  }

#tablist div{
background-color: #b49444;
  border: 0px solid white;
  width: 680px; 
  zztext-align: center;
  margin: 0 auto; 
padding: 0px 0;
margin-left: 0;
margin-bottom: 0;
zzmargin-top: 0.1em;
font: bold 12px Verdana;
zzborder-bottom: 1px solid gray;
}

#tablist ul{
background-color: #b49444;
  width: 680px; 
  text-align: left;
  margin: 0 auto; 
}

#tablist li{
list-style: none;
text-align: left;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
zzpadding: 3px 0.5em;
zzmargin-right: 3px;
zzborder: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: black;
background: lightyellow;
border-color: navy;
}

#tablist li a.current{
background: lightyellow;
}




#menubar_li div {
  text-align: center;
  width: 720px; 
  }

#google_map
{
    text-align: left;
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    height: 580px;
    float: right;
    margin: 0px 0px 10px 10px;
}

div.banner img
  {
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  border-radius: 0px;
  }

div.intro img
  {
  width: 300px;
  float: right;
  vertical-align: top;
  margin: 0px 5px 0px 5px;
  }

div.catalogue img
  {
  width: 200px;
  float: left;
  vertical-align: top;
  margin: 0px 5px 0px 0px;
  }

div.catalogue span
  {
  font-size: 14pt;
  font-weight: bold;
  color: blue;
  }

div.copyright
  {
  font-size: 8pt;
  text-align: center;
  color: gray;
  }
  
img
  {
  border-radius: 5px;
  zzborder-top-left-radius: 5px 5px;
  zzborder-top-right-radius: 5px 5px;
  }

/*** admin ***/

body.admin
  { 
  background-color:#e0e0e0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12pt;
  margin: 0; 
  padding: 0px; 
  padding-top: 0px;
  text-align: center; 
  } 
/* three column table for admin page */
#admin_table {
  display: table;
  width: 920px; 
  text-align: center;
  background-color: #ffffff;
  margin: 0 auto; 
  }
#admin_header  {
  display: table-row;
  vertical-align: text-bottom;
  font-size: 14pt;
  font-weight: bold;
  color: blue;
  }
#admin_row  {
  display: table-row;
  font-size: 10pt;
  }
#admin_left {
  display: table-cell;
  width: 100px; 
  text-align: left;
  color: black;
  padding: 0px 0px 0px 0px;
  }
#admin_main {
  display: table-cell;
  width: 800px; 
  text-align: left;
  color: black;
  padding: 0px 0px 0px 0px;
  }
#admin_right {
  display: table-cell;
  width: 12px; 
  text-align: left;
  color: black;
  padding: 0px 0px 0px 0px;
  }

#log_table {
  display: table;
  background-color: #f0f0a0;
  }
#log_header  {
  display: table-row;
  font-weight: bold;
  background-color: white;
  }
#log_row  {
  display: table-row;
  }
#log_col {
  display: table-cell;
  padding: 1px 1px 0px 0px;
  border-style: solid;
  border-color: white;
  }

#small {
  font-size: 8pt;
  }