/* Crescent Arms */

img, div { behavior: url(iepngfix.htc) }

body {
	background: #FFF url('../img/bg.jpg') top center repeat-x;
	margin:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#333;
}

#wrapper { margin: 0 auto; width:714px; }

#header { clear:both; }
#content { clear:both; }
#content #content_top { background: url('../img/ca_content_top.png') no-repeat; width:714px; height:11px; }
#content #content_mid {background: url('../img/ca_content_mid.png') repeat-y; width:714px; min-height:350px; }
#content #content_bot { background: url('../img/ca_content_bot.png') no-repeat; width:714px; height:16px; }
#content #content_mid #page_content { padding:0px 5px 3px 7px; }

#footer { clear:both; background: url('../img/ca_footer.png') no-repeat; width:714px; height:84px; color:#333; font-size:11px;  }
#footer a { text-decoration: none; color:#333; }
#footer a:hover { text-decoration:none; color:#F60 }
#footer #foot_left { float:left;  width:250px; margin:20px 0px 0px 20px; }
#footer #foot_right { float:right; width:250px; margin:20px 20px 0px 0px; text-align:right; }

ul { margin:0px; padding:0px; }
li { list-style-image: url('../img/star.gif'); margin: 5px 0px 5px 15px; }

.clear { clear:both; }

#home_left { width:300px; float:left; margin:20px; }
#home_right { width:300px; float:right; margin:20px; }

#subpage { padding:20px; }

#tour_image { float:left; width:360px; padding:10px; }
#tour_content { float:right; width: 250px; padding:10px; }
#tour_btn { clear:both; }
#tour_btn a { text-decoration:none; color:#F60; font-size:14px; }

#tour_nav { clear:both; width:100%; margin:10px auto; text-align:center; border-bottom: 1px #CCC solid; padding-bottom: 10px; font-size:14px; }
#tour_nav a { text-decoration:none; color:#F60; font-size:14px; }

#req_form { margin:20px; }
.field { margin-bottom:10px; }
.field label { display:block; font-size:12px; color:#333; }
.field input { width:230px; }
.field input.short { width:50px; }
.field input.mid { width:100px; }
.field textarea { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:100%; }
/* STYLES */

h1 { color:#F60; font-size:18px; font-weight:normal; margin:0px; padding:0px; }
h1.red { color:#F00;}
h1.green {
	color:#090;
}
h1.small { color:#F60; font-size:14px; font-weight:normal; margin:0px; padding:0px; }
h2 { color:#333; font-size:18px; font-weight:normal; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}