@charset "utf-8";
/* CSS Document */
.all {
background-color:#FFFFCC;
}
.main {
width: 882px;
text-align: center;
margin: 0 auto;
background-color:#FCF3C5;
}
.header {
background:url(Li_River_Retreat.jpg) no-repeat;
height: 123px;
padding: 0px;
position:relative;
clear:both;
}
.header h1 {font-family: "Brush Script MT" ; color: #FFFF00; padding-top:40px; padding-left:30px; padding-bottom: 0px;  margin: 0px;
font-size: 300%;
}

.nav {background-color: blue; position:relative; clear:both; padding:0px; margin: 0px;
}
.nav ul {line-height: 1.7em; padding-top: 0px; margin-top:2px; margin-bottom: 2px;}
.nav li { list-style:none; display: inline; padding:0 5px 5px 5px;  margin-top: 5px; background-color: #0000FF; border-right: 1px  #FFFFFF Solid; line-height: 1.8em; padding-bottom: 0px;}
.nav li a {text-decoration:none;  color: #FFFFFF;}
.nav li a:hover {color: #FFFF00; background-color: #0099FF;}

.nav2 { position:relative; clear:both; padding:0px; margin: 0px;
}
.nav2 ul {line-height: 1.8em; padding-top: 0px; margin-top:2px; margin-bottom: 2px;}
.nav2 li { list-style:none; display: inline; padding: 5px;  padding-top: 0px; border-right: 1px Blue Solid; line-height: 1.8em; padding-bottom: 0px;}
.nav2 li a {text-decoration:none; color: #FFFFFF;}



.maincenter{position:relative; float:left; padding-bottom:10px;}

.maincontainer{width:880px;}
.maincontainer h1 { text-align:center; font-size:130%; background-color:#33CC99; padding: 0px; margin-top: 0px; margin-bottom:5px; }
.maincontainer h2 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 110%; padding:0px; margin-top:0px; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}
.maincontainer h3 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 100%; padding:5px 0 0 0; margin-top:0; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}
.maincontainer h4 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 80%; padding:5px 0 0 0; margin-top:0; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}
.maincontainer p { float: none; padding:3px 8px 0px 8px; font-size:80%; text-align:justify; margin:0 0 0 10px; z-index:1; }
.maincontainer-leftimg {float:left; padding:5px; border:0;}
.maincontainer-rightimg {float:right; padding:5px; border:0;}
.maincontainer img {padding:5px; border:0;}
.leftcontainer { width: 200px; border-right: 1px solid blue; position:relative; float: left; padding: 0px; margin:0px; border-bottom: 1px solid blue; margin-right:5px; margin-bottom: 10px; padding-bottom:5px;
}
.leftcontainer-round { position: absolute; z-index:100; display:inline;margin-left: 91px; width:10px; margin-top:0px; height:10px;  background:url(images1/top_right.gif) no-repeat; padding:0px;}
.leftcontainer-roundleft { position: absolute; z-index:100; display:inline;margin-left: -100px; width:10px; margin-top:0px; height:10px;  background:url(images1/top_left.gif) no-repeat; padding:0px;}
.leftcontainer-round2 { position: absolute; z-index:100; display:inline;margin-left: 667px; width:10px; margin-top:0px; height:10px;  background:url(images1/top_right.gif) no-repeat; padding:0px;}
.leftcontainer-roundleft2 { position: absolute; z-index:100; display:inline;margin-left: -5px; width:10px; margin-top:0px; height:10px;  background:url(images1/top_left.gif) no-repeat; padding:0px;}
.leftcontainer h1 { padding:0px; background:#6CF url(images1/top_right.gif) no-repeat top right; color: white; font-size: 130%; margin-top: 0px; margin-bottom: 0px;  position: relative; float: none;}
.leftcontainer p { font-family:Arial, Helvetica, sans-serif; padding-top: 0px; margin: 5px; text-align:justify; font-size: 80%; color: #006699;}
.leftcontainer li a { clear:both; cursor: pointer; z-index:100; position:relative; float: none; padding-bottom:3px;}
.leftcontainer li a:hover {text-decoration:underline;}
.leftcontainer a {color:rgb(70,122,167); font-weight:bold; text-decoration:none; margin:0px;}
.thetable td img {padding:2px; margin:0px;}
.thetable tr {padding:2px; margin-top:2px;}
.photo {position: relative float:none; z-index:200;clear:none;}
.main h3 {color:#0099CC; font-weight:bold; padding:5px;}
.photo img  {clear:both; padding:0; margin-left:-2px; border:0; text-decoration:none; z-index:101; position:relative; float:none; cursor:pointer; display:block; border:none;}
.photo a {border:0; text-decoration:none;}
.leftcontainer h2 {padding:0 0 5px 0; margin: 0 0 0 5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#6495ED;}
.leftcontainer li {position:relative; float:none; text-align:left; list-style: none; padding-left:0; margin-left:-25px;}



.centercontainer { padding:0;  text-align:left; margin-left:0px; margin-top:0px; }
.centercontainer h1 { text-align:center; font-size:130%; background-color:#33CC99; padding: 0px; margin-top: 0px; margin-bottom:5px; }
.centercontainer h2 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 110%; padding:0px; margin-top:0px; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}
.centercontainer h3 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 100%; padding:5px 0 0 0; margin-top:0; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}
.centercontainer h4 { display: block; position:relative; float:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 80%; padding:5px 0 0 0; margin-top:0; margin-left:10px; text-decoration: none; color: #6495ED; margin-bottom: 0px;}

.centercontainer p { float: none; padding:3px 8px 0px 8px; font-size:100%; text-align:justify; margin:0 0 0 10px; z-index:1; }
.centercontainerleft { padding:0px; padding-left:5px; margin:0px; margin-right:3px; margin-top:0px; position:relative; float:right;}
.leftimg { padding:5px; padding-left:5px; margin:0px; margin-left:3px; margin-top:0px; position:relative; float:left;}
.footer { clear:both; width: 882px; position:relative; border: 1px solid blue; background-color:#6699CC; float:none; margin-top:10px;}
.footer p {padding:0px; margin:0px;}
.forma {padding:0px; margin:0px;}
.forma select {padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:justify;}

.contactform { position:relative; float:left; width:438px; margin:1.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); margin-left:70px;}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:90%;}
.contactform input.field {width:245px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:90%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:90%;}
.input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:90%;}
.input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.red {
	color: Red;
	text-align: center;
	}
.red2 {
	color: Red;
	font-size: 100%;
	text-decoration: underline;
}
.button {text-align:center; padding:2px; margin: 5px 20px 2px 0px; border: 1px solid blue; background-color: blue; color:white; z-index:5;}
.button:hover {background-color:#33CC99;cursor: pointer;}

.centercontainer li {position: relative; float: none; padding:5px; margin-left:5px;  list-style-position: inside; color:#0066CC;}
.centercontainer ul  { position:relative; float:none; margin:0px; color:#000000; padding:0;}
.top  { text-align:center;  color: #0000FF;}
.top a {text-align:right; text-decoration: underline;font-size:110%; margin-left:380px;}
.centercontainer table { border:dotted 1px #0099FF; border-collapse:collapse; margin-top:5px; padding-left:35px;}
.centercontainer td { border:dotted 1px #33FFFF; text-align:center;}
.top1 { background-color:#0099FF;}
.roomstyle {position:relative; float:left; width:170px; border: 1px solid #0066CC; background-color: #FFF; color:#0066CC; margin-right:5px;}
.roomstyle img {padding:0 0 0 5px; margin:0;}
.roomstyle li {padding:3px 0 0 0;}
.rooms li {padding:3px 0 0 0;}
.rightimg {position:relative; float:right; margin-left:5px;}
.hclear h2 {clear: both; padding-top:8px;}
.current {text-align:center; color:#FFFFFF; background-color: #F2B068 ; font-size:120%; height:20px; padding:5px;}
.other {text-align:center; color:#00CCFF; background-color:#B6D2D3; font-size:110%; height:20px;  padding:5px;}
.availabletable table {text-align:center; width:700px; border-collapse:collapse; border:1px solid #0066FF;}

.availabletable td {text-align: center; }
.wow p {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:110%;}
.oops {text-align:center; padding:5px; background-color:#FF0000; color:#FFFFFF; font-size:110%;}
.dates table {text-align:center; width:700px; border:none;}
.dates tr {background-color:#00CC66;}
.roomtype {background-color:#CCCCFF; }
.roomdates {background-color: #CCCCFF; border:1px solid #0000CC;padding-right: 2px;}
.roomdate { border:1px solid #0000CC; color:#000000;}
.roomdatesy {background-color: #00CC00; border:1px solid #0000CC; color:#FFFFFF;}
.roomdatesn {background-color: #FF0000; border:1px solid #0000CC; color:#000000;}
.enterdetails {display:block; width:130px; text-align:right; color:#0099FF;}
.enterfield {float:left; display:block; width:150px; text-align:left;}
.enterfield1 {float:left; display:block; width:320px; text-align:left;}
.enteremail {float:left; display:block; width:250px; text-align:left;}

.booking {text-align:left;}
.confirmed {background-color:#00CC33; width:200px;}
.notconfirmed {background-color:#FFFF00;width:200px;}
.hidden {display: none; background-color:#009999;}
.unhidden {display:inline;}
.credit {margin-bottom:3px;}
.special {background-color: yellow; color: blue; font-weight: bold; padding: 25px 0; font-size: 1.5em;}
.oldprice {text-decoration: line-through;}
.roomdetails{text-align: left;line-height: 1.2em;}
.roomdetails p {padding: 0; margin: 0;}