@charset "UTF-8";
body  {
	font: 62.7% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#CFE7F3 url(../images/background-pattern4.gif) 16px 9px repeat;
}
a { outline:none!important;}
#body_background {
	width:100%;
	height:100%;
	padding:45px 0 4em 0;
	background:url(../images/background-transparency7.jpg) left top repeat-x;
}
p {
	font-size:1.2em; /* 12px */
	line-height:1.65;
}
#navigation li, #header h1, #mainContent h1, #footer, #header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.twoColFixRtHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FDFBEF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 
.twoColFixRtHdr #container p {
}

/* @group Header */

.twoColFixRtHdr #header {
/*	background: #D0E7F4;*/
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:150px;
	position:relative;
}

.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	position:absolute; top:-35px;
	width:481px;
	height:26px;
	color:white;
	font-size:4em;
	font-weight:normal;
	font-family:"Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive;
	margin-bottom:0;
	color:#ffffff;
	background:url(../images/headlines/willow_ridge3.gif) left top no-repeat;
	text-indent:-9999px; font-size:1px; float:left;
	cursor:pointer;
/*	text-shadow:2px 2px 6px #333399;*/
}
#header a { width:100%; height:150px; display:block; float:left; border:none; background-image:none; position:absolute; left:0; top:0px; text-decoration:none; background-color:transparent!important; z-index:0;}
#header a:hover h1 {background-color:transparent; border:none;  background-position:0px -48px;}

#header h2 {
	font-size:2em;
	height:1em;
	display:block;
	position:absolute;
	right:0;
	top:-1.3em;
	margin:0;
	padding:0;
	color:white;
	font-weight:normal;
}

#indexpage #header {
	background:url(../images/banner/9.jpg) right bottom no-repeat!important;
}
#faqpage #header {
	background:url(../images/banner/6.jpg) right bottom no-repeat!important;
}
#aboutpage #header {
	background:url(../images/banner/2.jpg) right bottom no-repeat!important;
}
#activitiespage #header {
	background:url(../images/banner/8.jpg) right bottom no-repeat!important;
}
#vendorspage #header {
	background:url(../images/banner/4.jpg) right bottom no-repeat!important;
}
#gallerypage #header {
	background:url(../images/banner/3.jpg) left top no-repeat!important;
}
#ratepage #header {
	background:url(../images/banner/5.jpg) left top no-repeat!important;
}
#contactpage #header, #directionspage #header {
	background:url(../images/banner/7.jpg) left top no-repeat!important;
}



/* @end */
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	margin-top: 20px;
}
.twoColFixRtHdr #mainContent {
	margin: 0 335px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right:1px solid #F2EED9;
	background:url(../images/top_decoration.gif) left top no-repeat;
	position:relative;
} 
#contentWrapper { 
	background:url(../images/bottom_decoration.gif) right bottom no-repeat;
}

div.breadcrumbs { position:absolute; right:0; text-align:right; top:0; font-size:1.2em; width:99%; z-index:1; /*border:1px solid brown; border-top:none; border-right:none;*/ background:url(../images/dither-tan2.gif) left top repeat; padding:.4em 0 .3em 0;  padding-right:1%; margin-bottom: 5px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#mainContent p {
	margin-top: .5em;
}
#mainContent ul, div#sidebar1 ul.links, #mainContent ol { 
	margin:.25em 0; 
	margin-bottom:1.5em; 
	padding:0;
	font-size:1.2em; /* 12px */
	line-height:1.65;
}


#mainContent ul li, #mainContent ol li, #sidebar1 li {
	margin:.25em 0em .25em 1em;
}
#sidebar1 li, #mainContent ol li { margin-left:1.4em;}

#mainContent ul li {
	padding-left:1.4em;
	list-style:none;background:transparent url(../images/bullet-small.gif) 0px .55em no-repeat;
}
#mainContent ul ul, div#sidebar1 ul ul { font-size:1.0em;}

#mainContent ul ul li, div#sidebar1 ul ul li { font-size:1.0em;
	background:none;
	list-style-image:none;
	list-style-type:circle;
	list-style-position:inside;
	padding-left:0;
}

#mainContent ul.time li { 
	font-weight: bold;
	 list-style:none;
	 background-image:none;
	 padding-left:0;
}
#mainContent ul.rental_block li { font-weight:normal; list-style:none; min-height:21px; overflow:visible; clear:left; }
#mainContent ul.rental_block li span.time {
	width:27px; overflow:hidden; text-indent:-9999px; float:left; display:block;
}
#mainContent ul.rental_block li span.price { font-weight:bold; color:#4B343C; /*clear:left; float:left; padding-left:27px;*/}
#mainContent ul li span.time.daytime {background:url(../images/bullet-sun.gif) 0px 0px no-repeat; height:21px; }
#mainContent ul li span.time.evening { background:url(../images/bullet-moon.gif) 0px 0px no-repeat; height:21px; }

dl.addresses { font-size:1.2em;}
dl.addresses dt { font-weight:bold; margin-top:1em;}
dl.addresses dd { margin:0; padding:0; padding-left:1em;margin:.25em 0em .25em 0;}
span.description { clear:left; width:100%; float:left;}
div.image a { float:left;  text-align:center;}
div.image { text-align:center; margin:.5em auto 5px auto; width:105px;}
div.fltlft.image { margin-right:20px!important;}
div.fltrt.image { margin-left:20px;}
.description p {
	line-height: 1.2em;
	font-size:1em;
	margin-bottom:0;
}

span.topper { display:block; width:100%; text-align:right;}

ul#formFields li { list-style:none; background-image:none; padding-left:0; margin:0px;}
ul#formFields li label {line-height:1em;}
label.tam { margin-bottom:0;}


.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
	background:url(../images/ul_background.jpg) repeat #763642;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* tags */

#sidebar1 acronym, #maincontent acronym { cursor:help; border:none; text-decoration:none; border-bottom:1px dotted;}


/* ALL PURPOSE CLASSES */
/*.nospace {margin:0; padding:0; text-indent:0;}*/
.nomargin {margin:0!important;}
.margin20 { margin:20px 0 10px !important;}
.marginBottom20 { margin-bottom:20px;}
.padding20 { padding:20px 0 10px !important;}
.margin10 { margin:10px 0 5px !important;}
.padding10 { padding:10px 0 5px !important;}
.bordertop { border-top:1px solid #DAD8C2;}
.borderbottom { border-bottom:1px solid #DAD8C2;}
.alignright {text-align:right!important;}
.fancy { font-family: "Adobe Caslon Pro", "Book Antiqua", Garamond, Palantino, "Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive; color:#333; font-size:1.1em; font-weight:normal; z-index:9999;}
.serif { font-family:Georgia, "Times New Roman", Times, serif!important;}
.amp {font-size: 110%; font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic;} /* Thanks, Dan! */
.newwindow {background:url(../images/new-window.gif) 0em 0em no-repeat; min-height:14px;}



#sidebar1 h3 { float:left; width:100%; margin:0;font-family: "Adobe Caslon Pro", "Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive;  font-family: "Adobe Caslon Pro", "Book Antiqua", Garamond, Palantino, "Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic"; color:#333; font-size:1.6em; font-weight:normal; margin-bottom:0em!important; z-index:9999; display:block; background-position: right bottom; background-repeat:no-repeat; height:21px; text-indent:-9999px; line-height:1px; font-size:1px;}

#sidebar1 h3.vendors { background-image:url(../images/headlines/hotels_and_restaurants.gif);}
#sidebar1 h3.activities { background-image:url(../images/headlines/area_activities_side.gif);}
#sidebar1 h3.relevant { background-image:url(../images/headlines/relevant_pages.gif); height:19px;}
#sidebar1 h3.sidebar_contact { background-image:url(../images/headlines/sidebar_contact.gif); height:19px;}
#sidebar1 h3.news { background-image:url(../images/headlines/news.gif); height:25px; float:none!important; margin-top:0; padding-top:0;}
#sidebar1 h4 { font-size:1.2em; margin-top:0; padding-top:1em; margin-bottom:0; padding-bottom:.5em; line-height:1; color:#333; text-align:center; border-bottom:1px solid #ccc;}
#sidebar1 p {margin-top:.5em; padding-top:0; margin-bottom:.25em; padding-bottom:0;}

/* @group Navigation */

/* NAVIGATION */
div#navigation { position:relative; bottom:0; left:0;}
#navigation ul, #navigation li {
	margin: 0px;
	padding: 0px;
	list-style:none;
	float:left;
}
#navigation ul { width:100%; background:url(../images/ul_background.jpg) repeat-x #CCB6B6; font-size:small; clear:both; display:block;
}
#navigation li {
	display:block;
	background:url(../images/bullet-nav.gif) right center no-repeat;
	padding:0em 0em;
	padding-right:10px;
	padding-right:15px;/* addded without home link */
}
#navigation li.last { background:none;}
#navigation li a {
	padding:0em;
	color:white;
	text-decoration:none;
	display:block;
}

/* ---- */

/* @end */

#navigation li a {
	background: -4px 2px no-repeat transparent;
	text-indent:-9999px;
	float:left;
	font-size:1px;
	height:22px;
	width:229px;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:4px;
	margin-left:4px;
	margin-left:10px;/* addded without home link */
}

#navigation li#home a {
	width:48px;
	background-image:url(../images/navigation/home.png);
	margin-left:5px;
}
#navigation li#photo_gallery a {
	width:126px;
	background-image:url(../images/navigation/photo_gallery.png);
	background-position: -4px 1px;
	margin-left:11px; /* addded without home link */
}
#navigation li#photo_gallery a:hover, #navigation li.active#photo_gallery a {
	background-position: -4px -24px;
}
#navigation li#rates a {
	width:50px;
	background-image:url(../images/navigation/rates.png);
}
#navigation li#faq a {
	width:40px;
	background-image:url(../images/navigation/faq.png);
}
#navigation li#about_the_manor a {
	width:154px;
	background-image:url(../images/navigation/about_the_manor.png);
}
#navigation li#area_activities a {
	width:135px;
	background-image:url(../images/navigation/area_activities.png);
}
#navigation li#contact_us a {
	width:104px;
	background-image:url(../images/navigation/contact_us.png);
	background-position: -4px 4px;
	padding-right:0;
}
#navigation li#contact_us a:hover,  #navigation li#contact_us.active a {
	background-position: -4px -21px;
}

#navigation li a:hover, #navigation li.active a { background-position:-4px -23px; /*background-color:#FDFBEF;*/}

/* END NAVIGATION */



#sidebar1 div.box { background:url(../images/border-rope-vert-light.gif) left top repeat-x; width:100%; float:left; padding-top:8px; border-left:1px solid #DAD8C2; border:1px solid #EAE9D4; border-top:none; margin-bottom:20px!important; text-align:center; margin:0 auto; clear:both;}
#sidebar1 div.box, #sidebar1 div.box.gallery { margin-bottom:20px;}
#sidebar1 ul.links { font-size:1.3em; text-align:left; margin:0; padding:0; padding-bottom:1px;}
#sidebar1 .links li { list-style:none; float:left; clear:both; margin:0; width:100%; padding:0; }
#sidebar1 .links li a { margin:0px; background:url(../images/bullet-four_square.gif) 5px .65em no-repeat; display:block; float:left; width:100%;  text-indent:7%; padding:.4em 0;}
#sidebar1 .links li a:hover {  background-color:#F6F5EB;}

div.gallery a {  margin-top:0; display:block!important; padding:0;}

/*
a#phonesupport { margin-top:0; display:block!important; padding:0; width:242px; height:36px; text-indent:-9999px; font-size:1px; background:url(../images/phone-support6.gif) 0px -43px no-repeat transparent; display:block; margin:10px auto 5px auto;}

a#phonesupport:hover {
	background:url(../images/phone-support6.gif) 0px 90px no-repeat  transparent;
	background-position: 0px 10px;
}*/

a#phonesupport { margin-top:0; display:block!important; padding:0; width:242px; height:36px; text-indent:-9999px; font-size:1px; background:url(../images/phone-support7.gif) 0px -49px no-repeat transparent; display:block; margin:10px auto 5px auto; }
a.external { background:url(../images/external_link.gif) right center; padding-right:14px;}

a#phonesupport:hover { background:url(../images/phone-support7.gif) 0px -147px no-repeat  transparent;}

div#header a#phonesupport {
	float:right;
}

div.gallery a#googlemap { width:241px; height:84px; text-indent:-9999px; font-size:1px; background:url(../images/map.gif) left top no-repeat; display:block; margin:10px auto 5px auto;}
div.gallery a#activitymap { width:241px; height:84px; text-indent:-9999px; font-size:1px; background:url(../images/map.gif) 0px -84px no-repeat; display:block; margin:10px auto 5px auto;}
/*div.gallery a#googlemap:hover { background-position:0px -84px; }*/

div.gallery a img, div.gallery a#googlemap, div.gallery a#activitymap, div.image a img{ border:3px solid;}
div.gallery a{ margin-top:10px; float:none; }
div.gallery li a { margin:5px 4px 5px 4px; float:left;}
div.gallery li { margin:0!important; padding:0!important;  float:left; list-style:none!important; background:none!important;}
div.gallery ul {  padding:0!important; float:left; width:100%;}
#maincontent div.gallery ul {margin:10px 0 20px 0!important;}
#sidebar1 div.gallery ul { margin:10px 0 0 0!important; }
div.gallery li { list-style:none; text-indent:0; width:auto;}

#mainContent h1 {
	padding-top: 20px;
	margin-top:0;
	text-indent:-.2em;
	z-index:3;
}
#mainContent h3 { 
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color:#111;
}
#mainContent h2 {
	font-size:1.8em;
	font-style:italic;
	color:#4B343C;
	margin-top: 1em;
	margin-bottom: .5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:left;
	border-bottom:1px solid #DAD8C2;
	width:99%;
}

/* @group Page Headlines */

#mainContent h1.pageHeadline {
	font-size:1px;
	font-weight:normal;
	font-family:"Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive;
	margin-bottom:0;
	color:#4B343C;
	text-indent: -9999px;
	height: 50px;
}
#indexpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/welcome2.gif) 0px 20px no-repeat;
}
#aboutpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/about.gif) 0px 20px no-repeat;
}
#faqpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/faq.gif) 0px 20px no-repeat;
}
#gallerypage #mainContent h1.pageHeadline {
	background: url(../images/headlines/photo_gallery.gif) 0px 20px no-repeat;
}
#ratepage #mainContent h1.pageHeadline {
	background: url(../images/headlines/rental_information.gif) 0px 20px no-repeat;
}
#activitiespage #mainContent h1.pageHeadline {
	background: url(../images/headlines/area_activities.gif) 0px 20px no-repeat;
}
#contactpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/contact_us.gif) 0px 20px no-repeat;
}
#directionspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/directions.gif) 0px 20px no-repeat;
}
#vendorspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/vendors.gif) 0px 20px no-repeat;
}
#directionspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/directions.gif) 0px 30px no-repeat;
	height: 60px;
}

/* div#frontpage { background: url(../images/frontpage/0256b.jpg) left top no-repeat; width:400px; height:228px;} */

.hide { float:left; position:absolute; left:-9999px; width:10px; top:0; display:block; height:.2px;}




/* @end */


a:link { color:#353A82; color:#143A82; color:#002974; color:#0032AA;}
a:visited { color:#76217E; color:#780878; color:#8234BE; color:#99087D;}
a:hover { color:#82341E; color:#402200; color:#992C08; color:#7E2500; color:#820000; text-decoration:none; background-color:#F0F0E7; background-color:#F6F5EB;}
a:active { color:#353A82; text-decoration:none;}

div.gallery a:link, div.gallery a:link img { border-color:#999966 ; color:#CCCC99; color:#999966 }
div.gallery a:visited, div.gallery a:visited img { border-color:#FDFBEF ; color:#FDFBEF;}
div.gallery a:hover, div.gallery a:hover img { border-color:#820000 ; color:#820000; background-color:transparent;}
div.gallery a:active, div.gallery a:active img { border-color:#0032AA ; color:#353A82; color:#0032AA;}

/* FAQ */
.faq dt {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 0em;
	padding-bottom: 0px;
}
ul.faq {margin-bottom:1em;}



/* FOOTER */
strong {
	color: #4B343C;
}

/* @group Footer */

#footer li { text-align:center; list-style:none; color:white; display:inline; line-height:1.5; padding:0px 4px 0px 5px; border-right:1px solid #666; font-size:1.2em;}

#footer a:visited { text-decoration:underline; color:#F6EFB3;}

#footer a { color:white;}

#footer ul { margin:0 auto; padding:0; text-align:center; padding:7px 0 0px 0;}

#footer a:link { text-decoration:underline;}
#footer a:hover { text-decoration:none; background-color:transparent;}
#footer a:active { text-decoration:none; color:#ccc;}
#footer li.last { border:none;}

#kwd { font-size:1.1em;}
#kwd, #kwd a { font-weight:normal!important;}

/* @end */


#imageContainer {
	position:relative;
	margin:auto;
	width:400px;
	margin:0; padding:0;
	margin-top:10px;
	height:266px;
	overflow:hidden;
}

.marginTop0 {margin-top:0; padding-top:0;}

#indexpage #body_background #kwd {
	margin-top:5px;
	color:#666666;
}
#indexpage #body_background #kwd a:link {
	color:#642A33;
}

/*


WUFOO 


*/

#form3 { z-index:1; margin:.75em 0 0 0; padding-top:.75em;
	border-top:1px dotted #ccc;}
#sidebar1 #form3 { text-align:left!important; border:none!important;}
#sidebar1 #submit { margin-left:10px; margin-bottom:10px;}
/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */

.wufoo{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.wufoo li{
	width:62%;
}
#sidebar1 #form3 li {
	width:90%!important;
}
form ul{
	margin:0!important; 
	padding:0!important;
	list-style-type:none;
	width:100%;
}
form li{
	margin:0!important;
	padding:4px 5px 2px 9px!important;
	position:relative;
	float:left;
	list-style:none;
	background:none;
}
form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
form li, .buttons {display:inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

form li div, form li span{
	margin:0 5px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
form li span{
	float:left;
}
form li div.left{
	display:inline;
	float:left;
	width:48%;
}
form li div.right{
	display:inline;
	float:right;
	width:48%;
}
form li div.left .medium, form li div.right .medium{
	width:100%;
}

.clear{
	clear:both;
}

form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:.9em;
	line-height:.9em;
	color:#444;
	display:block;
}
#sidebar1 form li div label, #sidebar1 form li span label{
	font-size:1em;
}
form li .icon{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
}


/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	margin:0 0 1em 0;
	border-bottom:1px dotted #ccc;
}
.info[class]{
	display:block;
}
.info h2{
	clear:left;
	font-size:1.6em;
}
.info p{
	margin:0 0 1em 0;
	font-size:1.2em;
}

/* ----- SECTIONS ----- */

form hr{
	display:none;
}
form li.section{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	width:96%;
}
#sidebar1 form li.section{
	border-top:none!important;
}
form ul li.first{
	border-top:none;
	margin-top:0px;
	padding-top:1px;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:130%;
	margin:0 0 2px 0;
}
form .section p{
	font-size:85%;
	margin:0 0 1em 0;
}

/* ----- BUTTONS ----- */

.button{
	cursor:hand !important;
}
input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 4px 1px 0;
	border:none;
	color:#444;
	display:block;
	font-size:95%;
	font-weight:bold;
}
#sidebar1 label.desc { font-size:100%;}
input.text, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(http://wufoo.com/images/fieldbg.gif) repeat-x top;
	color:#333;
}
input.text{
	padding:2px 0 2px 0;
}
input.currency{
	text-align:right;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	color:#444;
	width:90%;
}

textarea.textarea{
	margin-top:1px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
select.select{
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}
input.tags{
	width:315px;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

form li.error{
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	background-color: #FFDFDF;
	margin:3px 0;
}
li.error label.desc, form label.error{
	color:red !important;
}
form p.error{
	clear:both;
	color:red;
	margin:0 0 5px 0;
	font-size:1em;
	font-weight:bold;
}
#errorMsgLbl{
	margin:5px 0 2px 0;
	font-size:110%;
	color:red;
}
#errorMsg{
	color:#222;
	font-size:85%;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:red;
	font-weight:bold;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
}
form .instruct{
	display:none;
	position:absolute;
	top:0;
	left:100%;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
}
form .instruct small{
	font-size:100%;
}
form li.focused .instruct, form li:hover .instruct{
	display:block;
}
.noI form li{
	width:96% !important;
}
.noI .instruct{
	display:none !important;
}
/* ----- CUSTOM THEME ----- */

-->