/* CSS Document */
body {margin: 0; padding: 0; background-image: url(images/bckgrnd.gif); background-repeat: repeat-x; color: #20201F; font-size: 12px; font-family:"Arial", Lucida, Verdana, sans-serif;}
a img {border: 0;}
h1, h2, h3, h4 {font-family: "Times New Roman"; margin: 0; padding: 0; color: #096EB7; font-weight: normal;}
hr {border: 0; border-top: 1px solid #ccc; height: 1px; clear:both;}
table, td, tr {font-size: 12px;}

#frame {width: 960px; margin: 0 auto 0 auto; /*background-color: Pink;*/}


/* TOP NAV */


#nav {line-height: 30px; text-align: right; color: #fff; background-color: #20201F;}
#nav a {color: #fff; text-decoration: none; margin: 0 10px 0 10px;}


/* BLUE LOGO AREA */


#header {height: 105px; text-align: right; background-color: #096EB7;}
#header p {color: #fff; font-size: 14px; padding: 30px 10px 0 0; margin: 0;}
#header span {font-size: 18px;}
#header a {color: #fff; text-decoration: none;}
#header img {float: left; margin: 10px 0 0 10px;}


/* SECOND NAV */


#nav2 {height: 35px; background-color: #E8E8E8;}
#nav2 ul {margin: 0; padding: 0;}
#nav2 li {line-height: 35px; float: left; list-style: none; border-left: 1px solid #ccc; padding: 0 20px 0 20px;}
#nav2 a {color: #20201F; text-decoration: none;}
.bord {border-right: 1px solid #ccc;}


/* INTRO SPLASH AREA */


#intro {padding: 10px 0 0 0; /*background-color: Aqua;*/}
#intro img {float: right;}
#intro h1, #intro p {margin: 10px 0 0 20px; width: 400px;}
#intro h1 {font-size: 22px;}
#intro a {color: #096EB7; text-decoration: none;}


/* HOMEPAGE BOXES */


.roomtype {width: 255px; height: 280px; margin: 20px 10px 20px 10px; float: left; padding: 20px; background-image: url(images/roomtype.gif); background-repeat: no-repeat;}
.roomtype h2 {font-size: 20px; margin: 20px 0 0 0;}
.roomtype h2 span {font-size: 14px;}
.roomtype p {margin: 10px 0 0 0;}
.roomtype a {color: #096EB7; text-decoration: none; font-weight: bold;}
.promo {margin: 0 16px 20px 10px; float: left;}
.marg {margin: 20px 15px 0 15px;}
.weather {float: left; margin: 0 12px 20px 5px;}
.rss {float: left; width: 294px; height: 58px; background-image: url(images/rss.gif); background-repeat: no-repeat; margin: 0 0 0 10px;}
.rss h2 {font-size: 17px; font-weight: bold; margin: 0; color: #20201F; font-style: italic; font-weight: normal;}
.rss table {margin: 9px 0 0 10px; padding: 0;}
.rss td {margin: 0; padding: 0;}
.rss img {margin-right: 10px;}

.weather2 {width: 295px; height: 320px; margin: 20px 10px 20px 10px; float: left; }


/* CONTENT PAGE */


#content {width: 614px; float: left; margin: 20px 0 20px 10px; /*background-color: Lime;*/}
#content h1{font-size: 22px; margin: 0 0 20px 0;}
#content h2 {font-size: 18px; margin: 20px 0 20px 0;}
#content h3 {font-size: 14px; margin: 20px 0 20px 0;}
#content a {color: #096EB7; text-decoration: none;}

/* SIDE BAR */

#sidebar {width: 294px; float: left; margin: 20px 0 20px 20px; /*background-color: Aqua;*/}
#sidebar h1 {margin: 0 0 20px 0;}
#sidebar h2 {margin-top: 30px;}
#sidebar a {color: #096EB7;}
.fieldsml {width: 150px;}

/* FOOTER AREA */


#footer {background-image: url(images/footer.gif); clear: both; height: 398px; margin: 20px 0 0 0; background-repeat: repeat-x;}
#socialnet {width: 940px; height: 271px; margin: 0 auto 0 auto; padding: 15px 10px 0 10px;}
#socialnet h2 {font-size: 18px; font-weight: bold; margin: 0 0 20px 0; color: #20201F;}
.flickr img {border: 1px solid #ccc; padding: 5px; background-color: #fff; width: 76px; height: 74px;}
.box {width: 295px; float: left; margin: 15px 0 0 0;}
.box ul {margin: 0; padding: 0;}
.box li {margin: 5px 0 5px 15px; color: #096EB7; list-style-image: url(images/arrow.gif); list-style-position: outside;}
.box li a {color: #20201F;}
.social {margin: 0 0 20px 0;}
.social img {margin: 0 12px 0 0;}
.boxmarg {margin: 15px 25px 0 25px;}
.blue {color: #1B6DB6;}
.pink {color: #CE4E9C;}
#foot {width: 960px; line-height: 112px; margin: 0 auto 0 auto; color: #fff;}
#foot p {margin: 0; padding: 0;}
#foot a {color: #fff; text-decoration: none;}
#foot a:hover {text-decoration: underline;}


/* DETAILS PAGE */


.thumb, .mainimage {float: left; border: 1px solid #ccc; padding: 5px; background-color: #fff; margin: 20px 20px 0 0;}
.thumb img {width: 100px; height: 75px;}
.colortable {width: 100%;}
.blueback {background-color: #00529B; color: #fff;}
.yellowback {background-color: #fafafa;}
.yellowdarkbark {background-color: #e6e6e5;}
.colortable td {padding: 3px 10px 3px 10px;}


/* CLASSES & SHIIIII */


.right {float: right;}
.animoto {float: right; margin: 15px 16px 0 0;}


/* CALENDAR */


.key {float: right;}
.key table {width: 0; margin: 0; padding: 0;}

#calendar table.month{width: 145px; float: left; background-color: #00529B;}

.monthheader{line-height: 21px; text-align: center; background-color: #00529B; vertical-align: middle; font-weight: bold; color: white;}

#calendar tr.header {font-weight: bold; color: black;}

#calendar td.today {
	font-weight: bold;
	background-color: #0DB14B;
	color: white;
	vertical-align: middle;
	height: 20px;
}
#calendar td.public {
	font-weight: bold;
	background-color: #7E3B33;
	color: #fff;
	vertical-align: middle;
	height: 20px;
}
#calendar td.booked {
	background-color: #FFCC00;
	color: #096EB7;
	vertical-align: middle;
	height: 20px;
}
#calendar td.bookedstart {
	background-image: url(/images/booked_start.jpg);
	color: #096EB7;
	vertical-align: middle;
	height: 20px;
	background-color: white;
}
#calendar td.bookedend {
	background-image: url(/images/booked_end.jpg); color: #096EB7; vertical-align: middle; height: 20px; background-color: white;
}
#calendar td.available {
	color: #096EB7;	background-color: #Fff; vertical-align: middle;	height: 20px;
}
#calendar td.booked a, #calendar td.public a, #calendar td.today a{
	color: white; text-decoration: none;
}
#calendar td.booked a:hover, #calendar td.public a:hover, #calendar td.today a:hover{
	color: white; text-decoration: underline;
}
#calendar a{
	color: #096EB7;	text-decoration: none;
}
#calendar a:hover{
	color: #096EB7;	text-decoration: underline;
}
.error
{    border: 2px solid red;width:37px;}


/*RESULTS PAGE*/


.results {}
.results img {float: left; width: 200px; height: 150px; border: 1px solid #ccc; padding: 5px; background-color: #fff; margin: 0 20px 20px 0;}
.price {font-weight: bold;}

.picleft {float: left; margin: 0 20px 0 0;}
.margg {margin-bottom: 10px; margin-top: 10px;}

/* FORM */

    .form textarea {/*height: 200px;*/}
    .capcha {width: 110px;}
    
    .form2 {width: 250px; padding: 0; margin: 0 10px 20px 0; float: left; /*background-color: Lime;*/}
    .formfield {width: 260px;}
    .form2 textarea {height: 100px;}