@charset "UTF-8";
/* CSS Document */

body {font-family:"Times New Roman", Times, serif; padding:10px; font-size:12px; color:#333; line-height:17px;}

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

img {border:none}

h1, h2, h3, h4, h5 {margin:0; padding:0; color:#660000; font-weight:normal;text-transform:uppercase }

h1 {font-size:17px; font-weight:bold; margin-bottom:20px}
h2 {font-size:14px;  margin-bottom:17px}
h3 {display:block; background:#660000 url(../images/offerBG.jpg) repeat-y; color:#fff; font-size:14px; text-align:center; margin-bottom:20px; padding:2px;}
h4 {padding:3px 6px; border:solid 1px #660000;font-size:12px; font-weight:bold;  display:inline}

.clear {clear:both}
.red {color:#660000;}

p {margin:0 0 20px 0; padding:0; text-align:justify}

#container {width:900px; margin:0px auto;}

#header {}
#nav {margin:0px; padding:3px; font-size:14px; background:url(../images/navbg.jpg) repeat-x; color:#fff; text-align:center; text-transform:uppercase}
#nav a {color:#fff;}
#nav ul {margin:0; padding:0}
#nav ul li {list-style:none;display:inline; margin:0px 10px; padding:0}

#shadow {height:7px; background:url(../images/mainshadow.jpg) repeat-x;}

#mainPanel {margin:0; padding:0; }
#mainPanel a{color:#660000;}
#mainPanel #contentBlock1 {}
#mainPanel #contentBlock2 {}

#maincontent {min-height:300px; padding:20px; margin:0}

#maincontent #one {width:323px; float:left;}

#newspage #one {width:175px; float:left; padding: 20px 20px 0px 0px; }
#maincontent.layout_news #two {width:350px; margin-left: 0px; float:left; border-left: 1px solid #ccc; padding: 0px 0px 0px 30px; border-right: none; }
#maincontent.layout_news #three {float:right; width:300px; }

#maincontent #one #thumbs {text-align:justify; width:100%; margin-top:10px;}
#maincontent #two {}
#maincontent.layout1 #two {width:300px; border-right:1px solid #ccc; margin-left:360px; padding:0 20px 0 0;}
#maincontent.layout1 #three {width:150px; float:right; font-size:11px;}
#maincontent.layout1 #three h3 a {color:#fff;}

#maincontent.layout2 #three {width:300px; float:right;}
#maincontent.layout2 #two {width:150px; margin-left:360px;padding:0 20px 0 0; border-right:1px solid #ccc;}

#maincontent.layout3 #three {width:0; float:right; display:none}
#maincontent.layout3 #two {width:450px; margin-left:370px;padding:0 20px 0 0; }

#maincontent.layout3 #two p.right {width:190px; float:right}
#maincontent.layout3 #two p.left {float:left; width:190px;}
#maincontent.layout3 #two p.middle {margin-left:200px; width:45px;} 

#maincontent.layout3 #two.contact {background:url(../images/map.jpg) right no-repeat; min-height:320px; padding:0; width:520px; margin-left:350px}
#maincontent.layout3 #two.contact ul {margin:-10px 0 0 10px; padding:0;list-style-type:disc;}


ul.rooms {font-size:14px; font-weight:bold; color:#333; margin:0 0 20px 10px; padding:0}

#maincontent.layout2 #two ul.rooms li a {color:#333;}
#maincontent.layout2 #two ul.rooms li.selected a {color:#660000;}

ul.places {font-size:12px; font-weight:bold; color:#333; margin:0 0 20px 10px; padding:0}

#maincontent.layout2 #two ul.places li a {color:#333;}
#maincontent.layout2 #two ul.places li.selected a{color:#660000;}

ul.news {list-style:none; margin:0; padding:0}
ul.news li .newstitle {font-weight:bold}

ul.right {width:42%; float:right; padding:0; margin:0 0 10px 10px}
ul.left {width:42%; padding:0; margin:0 0 10px 10px}

table.rates {font-size:13px; font-weight:bold}
table.rates td {padding-bottom:8px;}

.small {font-size:11px; }
.lowercase {text-transform:none;}

#footer {border-top:2px solid #999; padding:5px; text-align:right; font-size:12px; color:#660000; }



.formcontainer table { width: 445px; }
.formcontainer form { margin: 0px; padding: 0px 0px 10px 0px;}
.formcontainer form .formtitle { font-weight: bold;}
.formcontainer form .formsectionhead {font-weight: bold; color: #555; text-align:right;}
.formcontainer form {padding-top: 5px; margin-top: 0px; }
.formcontainer form .label {text-align: right;}
.formcontainer form .field {font-size:10px; }
.formcontainer form .field input { border: 1px #999 solid; font-size:10px;}
.formcontainer form .field select { border: 1px #999 solid; font-size:10px;}
.formcontainer form .field textarea { border: 1px #999 solid; font-size:10px; font-family: Arial; }
.formcontainer form .field .checkbox { border: none; }
.formcontainer form .field .star {color: #f00; margin-left: 3px;}
.formcontainer .message_error { color: #f00; font-weight: bold; font-size: 11px; margin: 20px 0px 0px 0px; }