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

html { 	height: 100%; }
body { 	font: 100% Arial, Helvetica, sans-serif; padding: 0; text-align: center; margin: 0 auto; height: 100%; background-image: url(Images/backgroundGradient.gif); background-repeat: repeat-x; background-color: #333333; }
#wrapper { position: relative; margin: 0 auto; width: 1000px; }
#header { margin: 0 auto; width: 1000px; height: 317px; background-image: url(images/header.jpg); }
#navigation { margin-left: 15px; width: 220px; }
#navigation img { border: none; }
#navigation a { text-decoration: none; }
#contentWrapper { width: 1000px; background-color: #faeeb6; }
#contentTable { width: 1000px; }
#contentTable td { vertical-align: top; }
#contentTable tr { width: 1000px; }
#footer { width: 1000px; background-color: #94bcef; margin-top: 20px; height: 80px; background-image: url(images/footer.gif); }
#roomsImg { float: left; margin: 0px 10px 10px 10px; width: 153px; height: 130px; }
#description { width: 650px; margin: 0px 0px 0px 20px; text-align: left; }
#description2 { width: 300px; margin: 0px 0px 20px 170px; text-align: left; }
#roomsButtons { float: right; width: 200px; text-align: right; height: 130px; }
#roomsButtons img { border: none; }
#roomsButtons a { text-decoration: none; }
#gallery { width: 740px; margin: 0 auto; }
#photoFrame { float: left; width: 450px; height: 450px; background-image: url(images/gallery.jpg); margin: 10px 0px 0px 30px; }
#photo { width: 400px; height: 300px; margin: 110px 0px 0px 22px; }
#photo img { width: 400px; height: 300px; border: medium solid black; }
#thumbnailsRight { text-align: center; float: right; width: 120px; margin: 0px 0px 0px 0px; }
#thumbnailsRight img { width: 100px; height: 75px; border: medium solid black; margin: 0px 0px; }
#thumbnailsLeft { text-align: right; float: left; width: 120px; margin: 0px 0px 0px 0px; }
#thumbnailsLeft img { width: 100px; height: 75px; border: medium solid black; margin: 0px 0px; }
#thumbnailsMiddle { text-align: center; width: 700px; margin: 15px auto 0px auto; }
#thumbnailsMiddle img { width: 100px; height: 75px; border: medium solid black; margin: 0px 0px; }
#thumbnailsTop { text-align: center; width: 700px; margin: 15px auto 0px auto; }
#thumbnailsTop img { width: 100px; height: 75px; border: medium solid black; margin: 0px 0px; }
#galleryHeader { width: 700px; height: 115px; background-image: url(images/galleryHeader.gif); margin: 0 auto; font-size: 18px; font-weight: bold; text-align: center; }
#contactForm { width: 700px; height: 358px; background-image: url(images/contactForm.jpg); margin: 20px 0px 0px 0px; }
#location { width: 700px; height: 300px; background-image: url(images/location.jpg); margin: 20px 0px 0px 0px; }
#roomHeader { width: 700px; height: 450px; margin: 0 auto; }
#reservations { width: 700px; height: 262px; margin: 0 auto; background-image: url(images/availability.jpg); }

#rooms { padding: 0px 10px; }
#rooms a { font-size: 20px; color: black; } 
#roomsTop { width: 700px; height: 102px; margin: 0 auto; background-image: url(images/roomsTop.jpg); }
#roomsMiddle { width: 700px; margin: 0 auto; background-image: url(images/roomsMiddle.jpg); background-repeat: repeat-y; }
#roomsBottom { width: 700px; height: 14px; margin: 0 auto; background-image: url(images/roomsBottom.jpg); }
#roomsMiddle2 { width: 700px; margin: 0 auto; background-image: url(images/roomsMiddle2.gif); background-repeat: repeat-y; }
#roomsBottom2 { width: 700px; height: 14px; margin: 0 auto; background-image: url(images/roomsBottom2.gif); }
#roomsTitle { font-size: 20px; font-weight: bold; text-align: left; margin-left: 10px; margin-bottom: 10px; }
#historyTop { width: 700px; height: 102px; margin: 0 auto; background-image: url(images/historyTop.jpg); }

.blackFrame { background-image: url(images/blackBackground.gif); width: 191px; height: 310px; background-repeat: repeat-y; text-align: center; }
.text1 { text-align: left; font-size: 14px; font-weight: bold; font-family: "Times New Roman", Times, serif; }
.whiteText { text-align: left; font-size: 14px; color: white; font-weight: bold; font-family: "Times New Roman", Times, serif; }
a { font-size: 16px; color: #9d0101; text-decoration: none; font-weight: bold; }
h1 { font-size: 26px; font-weight: bold; margin: 0px; }
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4A6CAC;
}
