body{
font-family:georgia;
font-style:italic;
background-color:#e5e5e5;
color:#0D0551;
}

p:first-letter{
font-weight:bold;
font-size:110%;
}

li{
font-size:90%;
font-style:normal;
color:#111;
}

img{
border:none;
}

a{
color:#009;
text-decoration:none;
border-bottom: 1px #999 dotted; 
}

abbr{
border-bottom:none;
}

hr{
width:500px;
margin:10px;
text-align:left;
padding:0px;
}

/* content ====================*/
#content{
margin-left: auto;
margin-right: auto;
width: 761px;
border-right: 3px;
border-left:2px;
border-left-style:groove;
border-right-style:solid;
border-left-color:#eee;
border-right-color:#ccc;
border-bottom:none;
border-top:none;
border-bottom: 1px solid #777;
background-image:url('menuBackground.jpg');
}

/* headers =================== */
h1,h2,h3,h4{
font-size:140%;
font-style:italic;
margin:0px;
padding:0px;
color:#000;
letter-spacing:.1em;
clear:both;
}

h2{
font-size:115%;
border-bottom:1px solid #aaa;
margin:20px 0px 10px 0px;
}

h3{
font-size:100%;
margin:15px 0px -13px 0px;
letter-spacing:0px;
}

h4{
margin:15px 0px -15px 0px;
font-size:110%
}


#header{
background-image:url('/header.jpg');
height:215px;
}

#leftPanel{
float:left;
width:515px;
background-color:#fff;
padding:10px;
}

#menu{
position:relative;
float:right;
width:200px;
}

#menu ul{
margin:25px 0px 55px 0px;
padding-left:5px;
list-style: square outside url('arrow.gif')
}

#menu li{
margin-bottom:7px;
font-family:georgia;
font-size:100%;

}

#menu a{
color:#000;
letter-spacing:.1em;
font-weight:bold;
font-size:100%;
text-decoration:none;
}

#menu a:hover, #headerArea a:active {
color:#550;
}

.address{
position:relative;
top:-120px;
left:540px;
width:200px;
color:#222;

}

.address a{
color:#000;
text-decoration:underline;
}



#footer{
clear:both;
height:40px;
padding:10px;
margin-bottom:20px;
font-size:80%;
}

#features{
text-transform:uppercase;
font-size:80%;
padding-left:10px;
}

table{border-collapse:collapse;font-size:75%;float:left;margin:0px 7% 15px 0px;width:40%}
td{border:1px solid #777;width:1em;padding:0px;margin:0px;text-align:center;}
th{font-weight:normal;background-color:#000080;color:#fff;font-family:garmond;width:2em;}
caption{font-size:110%;letter-spacing:.3em;}
#calendarRange{font-size:75%}
.cal{clear:both}
#calendarPrevNext a{text-decoration:none}
#calendarPrevNext{float:right;margin-right:10px}
#cal2,#cal3{display:none}
#calPrev{color:#000}


.noX{
background-color:#fff;
}

.X{
background-color:#fff68f;
}

.noVacancies{
background-image:url('x.gif');
background-repeat:no-repeat;
background-position: 50% 10%; 
text-align:center;
}

#formReservation{
border:1px solid #aaa;
clear:both;
margin:5px;
padding:5px;
background-color:#f0f0f0;
margin-bottom:40px;
}