#container {
  font-size: 1em;
  text-align:center;
  width:90%;

  }

  /* for internet explorer */
* html body {
  padding:0px 0 0px 0;
  }

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 20px;
  font-size:1em;
  width:780px;

}

a {text-decoration: none;}
a:hover{text-decoration: underline;}
img a {text-decoration:none;}




#footer p{
  font-size:.7em;
  color:gray;
  font-family: Arial, Helvetica, sans-serif;

  border-top-color: gray;
  border-top-style: solid;
  border-top-width: 1px ;
  margin:0;
  padding:.5em;
  width: 450px;
}


#title{


}

#title h1{
    font-size:1.2em;
    color:#6666cc;
    margin-bottom:.2em;
}

#title h2{
    font-size: .8em;
    color:#6666cc;
    margin:0;
    margin-bottom:2em;
}

#title h3{
    font-size: .7em;
    color:#6699CC;
    margin:0;
    margin-bottom:2em;
}



#rent_tab {
  position: absolute;
  top: 0;
  left: 650px;
  margin:0;
  padding-bottom:.8em;
  width:150px;
  padding-top:.5em;
  background-color: #6666cc ;
  background-color: #0066cc
}

#rent_tab h2 {
    font-size:.8em;
    color:white;
    width: 120px;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0;
    padding-top:0em;
    margin:.0em;

}

#rent_tab p {
    font-size:.8em;
    color:white;

    padding-left: 1.1em;
    padding-right: 1em;
    padding-bottom: .1em;
    padding-top:.1em;
    margin:.0em;

}



/*section heading*/

#section {

  float:left;
  margin:0 1em;

  width:300px;
  display:block;
  font-family: Arial, Helvetica, sans-serif ;
  border: thin solid #FF00cc
}

#section h2{
  margin-left:0;
  margin-bottom:.4em;

  text-align:left;
  font-size: .8em;
  font-weight:bold;
  color: #6666cc;

  }

#section p{
  margin-left:0;
  text-align:left;
  font-size: .8em;
  font-weight:normal;
  color: black;

  }

#section ul{
  margin:0;
  padding-left:0;
  display:inline;

}


#section ul li{
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  list-style-type: none;
  display: inline;
  margin-left: 0.4em;
  padding-left: 0em;
  font-size: .75em;

}

#section img{
  display: block;
  padding-bottom: .5em;
}


#section a, #section a:visited {
  color: #FFFFFF;
  color: yellow;
  color: green;
}

#intro{
  font-size:.8em;
  width:100%;
  margin-top: 1em;

  text-align:left;
 font-family: Arial, Helvetica, sans-serif;

}

#intro p{
  width:60%;
  text-align:justify;
  margin:0;
  padding-bottom:1em;
}

#intro #important {
  font-size:.8em;
  color:gray;
  float:right;
  width: 150px;
}

#intro #important h4{
  font-size:1em;
  float:right;
  width: 150px;
}

#intro #important p{
  width: 150px;
  text-align: left
}








img.myimg{
  border:none;
  margin:0;
     width: 150px;
    height: 110px;
}

img.rollover{
  border:none;
  margin:0;
     width: 150px;
    height: 110px;
}

#plan1{

 text-align:left;
 padding:0;
 margin:0;
 margin-top:1em;
 width:100%;

}

#plan1 img{

 float:right;
  display:inline;
  margin-right:0;
}



#plan1 #text{
  font-family: Arial, Helvetica, sans-serif;
}


#plan1  #text ul{
  margin:0em;
  margin-bottom: 2em;
  line-height:1.2em;
  padding-left:0;
  text-align:left;
  margin-bottom:1em;
  width:300px;
  margin-left:160px;
  padding-left: 1em;

}


#plan1 #text  ul li{
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  list-style-type: square;


  margin-left: 0em;
  padding-left: 0em;
  font-size: .8em;
  font-weight:normal;
  color:black;
  line-height: normal;
}

#plan1 #text p{
  margin:0;
  margin-bottom:.5em;
  font-size: .7em;

  color:#6699CC;
  color:black;
  line-height:1.2em;
  padding-left:0;
  width:300px;
   margin-left:160px;
   font-family: Arial, Helvetica, sans-serif;

}

#plan1 #text h3{

  margin:0;
  font-size: 1em;
  color:#6666ff;
  color:#6666cc;
  line-height:1.3em;
  padding-left:0;
  font-family: Arial, Helvetica, sans-serif;
   margin-left:160px;

  width:300px;
}





/*menu bar*/
#menu_bar {
  margin:0;
  margin-bottom:.5em;
  width:100%;

}


#menu_bar ul{
  margin:0;
  line-height:.9em;
  padding-left:0;
  text-align:right;
}


#menu_bar ul li{
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  list-style-type: none;
  display: inline;
  margin-left: 0em;
  padding-left: 0em;
  font-size: .8em;
  font-weight:bold;
  color: #858585
}

#menu_bar #section_title ul li{
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  list-style-type: none;
  display: inline;
  padding-left: .2em;
  font-size: 1.1em;
  font-weight:normal;
  color: #6666cc
}

#menu_bar a, #menu_bar a:visited {
  color: #666666
}

#loginbar{
  /*position:absolute; top:160px; left:0; */
  /*background-color: #A5B6C6; */
  background-color: #5A799C;
  width:100%;
  margin:0em;
  padding: 0em 1em 0em 1em;
  border-bottom-color: #cccccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}



#loginform label{
margin: 0;
padding:0;
color:white;
font-weight:normal;
font-size: 0.8em;

vertical-align:baseline;
}

#loginform.welcome{
font-size:0.7em;
padding-top: .4em;
}

#searchform fieldset{

    border:0em;
    margin:0em;
    padding :0em;
    padding-bottom:.1em; 
}

#loginform fieldset{
    float:left;
    border:0em;
    margin:0em;
    padding :0em;
}


#loginform {
font-size:0.8em;
text-align:left;
padding:0;
margin:0;
padding-left:0em;
float:left;
}

#loginform #username, #loginform #password {
font-size: 0.7em;
border:1px solid #ddd;
background:#fff;
margin:2px;
}

#searchform .searchtext {
font-size: 0.8em;
border:1px solid #ddd;
background:#fff;
margin:2px;
}

#searchform {
font-size:0.8em;
padding:0em;
margin:0em;
text-align:right;
}

#searchform label{
margin: 0;
padding:0;
color:white;
font-weight:normal;
font-size: 0.8em;
vertical-align:baseline;
}

#loggedbar {
  background-color: #999999;
  border-bottom-color: #cccccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: .0em 1em .0em 1em;
  margin:0;
  width:100%;
}

#loggedbar a, #loggedbar a:visited {
   color: #FFFF99;
}

#menu_bar a:visited {
   color: gray;
}

#imagemenu{
float:right;;

}


#accommodation_images, #facilities_images, #locality_images{
    float:right;
    text-align:right;
    padding:0;
    margin:0;
}


#accommodation_menu, #facilities_menu, #locality_menu{
  margin: 0.0em 0em 0em 0em;
  margin-bottom:1em;
  padding-bottom:1em;

}

#accommodation_menu a, #facilities_menu a, #locality_menu a{
  color:gray;
  font-weight:bold;
}

 #facilities_menu, #locality_menu{
  display:none;
}



#accommodation_menu h2, #facilities_menu h2, #locality_menu h2{
  margin: 0.em 0em 0em 0em;
  padding:0;
  text-align:left;
  float:left;
  font-size:0.8em;
  color: #6666cc;
  margin-right:.6em;
  font-family: Arial,Verdana,  Helvetica, sans-serif;
}

#accommodation_menu ul, #facilities_menu ul, #locality_menu ul{
  margin: 0.em 0em 0em 0em;
  padding:0;
  text-align:left;
  float:left;
  font-size:0.8em;
  color: black;
}

#accommodation_menu ul li, #facilities_menu ul li, #locality_menu ul li{
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  list-style-type: none;
  display: inline;
  padding-right: 0.1em;
  padding-left: 0em;
  font-weight: normal;
}



#contact {
text-align: left;
padding: .0em 1em .0em 1em;
margin-top:.8em;
margin-bottom:10em;
width: 60%;
font-size:.8em;
font-family: Arial, Helvetica, sans-serif;
}

#contact h2{
color:#6666cc;
  margin:0;
  font-size: 1em;
  color:#6666ff;
  line-height:1.3em;
  padding-left:0;
}

#contact .email {
  font-size:0.7em;
  color: green;
  padding-bottom:0em;
  padding-left:15px;
  margin:0em;
  background-image: url(/images/i_email.gif);
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: scroll;
  display: inline;
}

/*usefull general classes*/
.left {float:left;}
.right {float:right;}