html {height:100%}

BODY {min-height: 100%; height:100%; margin-top:0; margin-left:0; margin-bottom:0; margin-right:0; font: 11px "Trebuchet MS", Verdana, serif; font-size: 11px; color: #333333 ; background-color: #1a2662}

.top {height:100px; border-bottom: #ffd881 1px solid; font: 11px "Trebuchet MS", serif; color:#ffd881; padding-left: 22px; background-image: url(graphics/diachroniki_gallery_header.jpg); background-repeat: no-repeat;}
.footer {height:39px; font: 11px "Trebuchet MS", serif; color:#ffffff; padding-left: 22px; background-image: url(graphics/diachroniki_gallery_footer.gif); background-repeat: no-repeat; text-align: center; vertical-align: bottom;}

H1.header {font: 11px "Trebuchet MS", Verdana, serif; color: #ffd881 }

.centreL {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; width:600px; padding-left:20px; padding-right:10px; padding-top:20px; padding-bottom:5px; border-left: 2px solid #ffd881; vertical-align: top; text-align: left; background-color: #ffd881}
.centreR {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; width:250px; padding-left:50px; padding-right:20px; padding-top:20px; padding-bottom:5px; border-right: 2px solid #ffd881; vertical-align: top; text-align: left; background-color: #ffd881}

.scroller { padding-left:20px; padding-right:10px; padding-bottom:5px; border-left: 2px solid #ffd881; vertical-align: top; text-align: left; background-color: #ffd881}
.content {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; }
.content_gray {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #ffee95; }
.menu {border-left:2px solid #fdd881; border-right:2px solid #fdd881;; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

.formfield {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #222159; }
.formlabel {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #222159; text-align: right; padding-right: 10px ; padding-left: 10px ;vertical-align: top;}

.tablerow1 {background-color: #ffee95;}
.tablerow2 {background-color: #FFFFcc;}

a:link {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; text-decoration: none;color:#946100}
a:visited {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; text-decoration: none;color:#946100}
a:active {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; text-decoration: none;color:#946100}
a:hover {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; text-decoration: underline; color:#000000}

a.lkcolor:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;color:#222159}
a.lkcolor:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;color:#222159}
a.lkcolor:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline;color:#222159}
a.lkcolor:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#bb922e}

a.lkwhite:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;color:#ffffff}
a.lkwhite:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;color:#ffffff}
a.lkwhite:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline;color:#ffffff}
a.lkwhite:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#222159}



.catNames {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color:#cc3300; padding-top: 10px; padding-bottom: 10px; vertical-align: top; text-align: center }
.content_center {font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #222159; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px ; text-align: center}
.photo { text-align: center; ; padding-top: 20px; font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #cc3300;}
.celSmall {width: 30px }
.celBig {width: 210px; font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #222159; }
.gb_header { font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #CC3300; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: left;}
.gb_content { font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color: #222159; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: left; border-bottom: #222159 1px dotted;}

.bottomL {width: 235px; height: 40px}
.bottomM {text-align: center; font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; color:#cc3300}
.bottomR { width: 200px; border-bottom: #222159 1px solid; font: bold 11px/20px "Trebuchet MS", serif; text-align: right; padding-right: 40px; background-image: url(images_default/villa_stone_2.jpg); background-repeat: no-repeat; color: #CC3300}


.picL {  float: left; margin-right: 10px; margin-bottom: 5px}

#wrap {
min-height:100%;
position:relative;
}
* html #wrap {height:100%}


/* =Nav
----------------------------------------------- */
#nav {
  border-bottom:1px solid #fdd881; background-color:#bdbcff;
  float:left;
  width:100%;
  font-family: "Trebuchet MS", Verdana, serif; font-size: 11px;
  }
.home #nav {
  background-position:0 -70px;
  }
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:100%;
  text-transform:lowercase;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0
  }
#nav a, #nav strong {
  border-left:0px solid #fdd881; border-right:1px solid #fdd881; border-top:0px solid #fdd881; border-bottom:0px solid #fdd881; display:block;
  color:#946100;
  text-decoration:none;
  white-space:nowrap; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:6px
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:2%;
  }
#nav #current strong, #nav #current a {
  background-repeat:no-repeat;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#5b3000;
  }
#nav a:hover {
  background-repeat:no-repeat;
  background-color: #FFFF99;
  }
#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }

  /* =Footer
----------------------------------------------- */
#clearfooter {
clear:both;
height:10px;
overflow:hidden;
}

#footer {
position: absolute;
height:10px;
background-color: #ffd881;
width:100%;
bottom:0px;
color:#ffffff;
border-bottom: #98bde0 1px solid;
vertical-align: middle;
}.centre { font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; padding-left:20px; padding-right:10px; padding-top:20px; padding-bottom:5px; border-left: 2px solid #ffd881; vertical-align: top; text-align: left; background-color: #ffd881 }
.centreL_contact { font-family: "Trebuchet MS", Verdana, serif; font-size: 11px; width:600px; padding-left:20px; padding-right:10px; padding-top:20px; padding-bottom:5px; border-left: 2px solid #ffd881; vertical-align: top; text-align: left; background-color: #ffd881 ; background-image: url(graphics/diachroniki_gallery.jpg); background-repeat: no-repeat; background-position: right bottom}