@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote,fieldset{ margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul{ margin: 0 0 15px 0; }
h1 { font: 17px/18px "Times New Roman", Times, Georgia, serif; font-variant: small-caps; color: #ffffff; }
h2 { font: 14px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #aaaaaa; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
html { background: #26745a url('../media/htmlback.gif') repeat-x; }
body { margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:center; }
a { color: #ffffff; text-decoration: underline; }
a:hover { color: #aaaaaa; }
a:visited { color: #aaaaaa; }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper { width:760px; margin: 0 auto; background: url('../media/wrapperBack.gif') no-repeat; padding: 0 20px; text-align:left; }
#masthead { background: url('../media/headerBack1.jpg') no-repeat; height: 220px; }
#style1 #masthead { background: url('../media/headerBack1.jpg') no-repeat; }
#style2 #masthead { background: url('../media/headerBack2.jpg') no-repeat; }
#style3 #masthead { background: url('../media/headerBack3.jpg') no-repeat; }
#style4 #masthead { background: url('../media/headerBack4.jpg') no-repeat; }
#header img { float: left; margin: 7px 0 0 18px; }
#content { width:760px; background-color:#f9f0e7; display: absolute; }
#sidebar { float: left; padding:30px; width:215px; }
#mainArea { float: left; position: relative; width: 395px; top: -40px; background: #42403d; padding: 20px 30px 10px 30px; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
#footer { clear:both; padding:5px; background-color:#42403d; height: 58px; }
#footer img { float: left; margin: 3px 10px 0 13px; }
#footer img#meetingstreet { margin-top: 0; }
#footer div { float: left; color: #ffffff; }
#footer div p { clear: left; display: block; margin-bottom: 0; padding-top: 15px; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li { margin:0; padding:0; list-style:none; text-align:center; }
ul#navigation { float: right; padding:17px 24px 0 5px; }
ul#navigation li{ display:inline; padding:0 6px; }
ul#navigation li a { color:#ffffff; text-decoration:none; font: 13px "Times New Roman", Times, Georgia, serif; font-variant: small-caps; }
ul#navigation li a:hover{ color:#000; }

ul#subNavigation { float: left; }
ul#subNavigation li { float: left; margin-right: 8px; list-style: none; }
ul#subNavigation li a { color: #ffffff; text-decoration: none; }
ul#subNavigation li a:hover { text-decoration: underline; }

ul#contact { float: right; color: #ffffff; margin: 0; }
ul#contact li { list-style: none; padding: 0 0 2px 0; }
/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
#mainArea fieldset { margin-bottom: 20px; }
#mainArea fieldset legend { font: 18px/18px Georgia, serif; font-variant: small-caps; color: #ffffff; position: relative; left: -3px; padding-bottom: 5px;}
#mainArea fieldset label { clear: left; float: left; display: block; width: 100px; }
#mainArea fieldset label.checkbox { clear: none; width: 260px; margin-top: 6px; margin-bottom: 8px; }
#mainArea fieldset input, #mainArea fieldset select { float: left; width: 288px; font-size: 12px; margin-bottom: 5px; padding: 3px; border: 0; background-color: #aaaaaa;}
#mainArea fieldset input#personStayArrival, #mainArea fieldset input#personStayDeparture { width: 100px; }
a.showCalendar { display: block; width: 25px; float: left; padding-right: 15px; }
a.showCalendar img { padding: 4px 0 0 5px; }
#mainArea fieldset input.checkbox { width: 13px; margin: 8px 12px 8px 100px; background: none;}
#mainArea fieldset input.readonly { color: #ffffff; font-size: 11px; background: #42403d; }
#mainArea fieldset input.submit { margin: 0 0 0 100px; width: 285px; }
#mainArea fieldset textarea { float: left; width: 288px; border: 0; padding: 3px; background-color: #aaaaaa; }

dl dt { clear: left; float: left; text-align: center; margin-bottom: 25px; }
dl dd { float: left; width: 320px; margin: -4px 0 25px 15px; padding: 0; }

img#cooperRun { float: right; margin-right: 20px; }

#map { width: 395px; height: 300px; margin-bottom: 20px;}
/*
	----------------------------
	Form error message
	____________________________
*/
div#warningMessage { margin: 0 0 10px 0px; display: none; height: 20px; overflow: hidden; padding: 0; }
div#warningMessage.show { display: block; }
div#warningMessage.hide { display: none; }
div#warningMessage img { float: left; }
div#warningMessage p { margin: 0; padding: 0; position: relative; left: 5px; font-size: 12px; color:red;}
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{
	overflow:hidden;
	height:1px;
	clear:both;
}
a.property { margin-top: 10px; float:left; isplay: block;  }
a.events { display: block; float: left; height: 80px; }
a.first { margin-bottom: 21px; }
p.clear { clear: both; padding-top: 15px; }
.error{ color: red; }