@import url(/_css/structure.css);
@import url(/_css/utilities.css);

/* ------ LINKS ------ */
a:link,
a:visited {
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
}

a:link {}

a:visited {}

a:link:active,
a:visited:active {}

a:link:hover,
a:visited:hover {}

/* ------ BASE FORMATTING ------ */
h1, h2, h3, h4, h5, h6, p, blockquote, li, dt, dd, address, label, legend, cite {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6, p, blockquote, q, ul, ol, dl, address, label, cite {
	margin: 1em 30px 0 30px;
}

/* ------ COMMONLY USED ELEMENTS ------ */

h1 {
	color: #FFF;
	font-weight: lighter;
	font-size: 24px;
	margin-left: 30px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #900;
	margin-bottom: .25em;
}


h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

h4 {}

h5 {}

h6 {}

h2+*, h3+* { margin-top: 0; }


p {
	font-size: 12px;
	line-height: 1.5;
}

blockquote {
	font-size: 12px;
	font-style: italic;
	margin-left: 115px !important;
	text-indent: -4px;
}

cite {
	font-size: 12px;
	font-style: normal;
	display: block;
}

blockquote cite {
	font-size: 12px;
	font-style: normal;
	display: block;
	margin-left: 20px !important;
}

cite:first-line { font-weight: bold; }

blockquote cite,
q+cite {
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-left: 0;
	margin-top: 0;
}

blockquote cite:before {
	content: '\2014';
}

address {
	font-style: normal;
}

address a:link,
address a:visited {
	color: inherit;
}

q {
	display: block;
	font-size: 14px;
}

html>body abbr[title],
* html abbr {
	border: 0;
	cursor: help;
}

em {}

strong {}

img {
	border: 0;
	display: block;
}

/* ------ LISTS ------ */
ul { margin-left: 45px; }

li { font-size: 12px; }

ul li { list-style: square; }

ol { margin-left: 45px; }

ol li {}

dl {}

dt {}

dd {}

/* ------ FORMS ------ */

form {}

fieldset {}

legend {}

label {}

textarea {}

button {}

input {}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {}

input[type="checkbox"],
input[type="radio"] {}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {}

select {}

option { padding-right: 5px; }

/* ------ TABLES ------ */
table {}

tr {}

th {}

td {}

caption {}

/* ------ LESS COMMONLY USED ELEMENTS ------ */

pre {}

sup {}

sub {}

del {}

ins {}

code {}

dfn {}

kbd {}

samp {}

var {}

big {}

small {}

/* ------ CONTEXTUAL STYLES ------ */

#header .leftcol h1 { display: none; }

#header .rightcol div * {
	color: #FFC;
	font-size: 12px;
}

#header .rightcol img { margin-top: 1em; }

#header h1 {
	position: absolute;
	bottom: 10px;
}


#header address {
	margin-right: 10px;
	margin-left: 10px;
}

#header a:link:hover,
#header a:visited:hover {
	text-decoration: underline;
}

/* NAVIGATION STYLES */

#nav {
	width: 126px;
	margin-left: 71px;
	margin-top: 30px;
	margin-right: 0;
	padding-bottom: 20px;
}

#nav li {
	list-style: none;
	border-bottom: 1px solid #CC6;
}

#nav a:link,
#nav a:visited {
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 1.2;
	padding: 5px 0 5px 15px;
}

#nav a:link:hover,
#nav a:visited:hover,
#nav a.current:link,
#nav a.current:visited {
	color: #900;
}

#nav a.current:link,
#nav a.current:visited {
	background-color: #FFF;
/*
	background-color: #C00;
	color: #FFF;
*/
}
/* CONTENT STYLES */

#content_frame .centercol *:first-child { margin-top: 0; }

#content_frame .centercol a:link,
#content_frame .centercol a:visited {
	color: #930;
	text-decoration: underline;
}

#content_frame .centercol a:link:hover,
#content_frame .centercol a:visited:hover {
	color: #F00;
}

#content_frame .rightcol * {
	color: #963;
	margin: 10px 10px 0 10px;
}

#content_frame .rightcol * *,
#content_frame .rightcol img {
	margin: 0;
}

#content_frame .rightcol p {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/* FOOTER STYLES */

#footer * {
	/*	margin-left: 222px;*/
	font-size: 11px;
}

#footer * * { margin: 0; }

#footer p,
#footer address,
#footer div,
#footer a:link,
#footer a:visited {
	color: #C96;
	margin-top: 0;
}

#footer p.first {
	padding-top: 30px;
}

#footer address { font-weight: bold; display: inline;}

#footer a:link , 
#footer a:visited { color: #C60; }

#footer a:link:hover,
#footer a:visited:hover {
	color: #900;
}



#validators {
	margin-left: 30px;
	margin-top: 2em !important;
	color: #CC9 !important;
}

#validators a:link,
#validators a:visited {
	color: #CC9;
}

/* CUSTOM & UTILITY STYLES */

.intro {
	font-size: 14px !important;
	color: #630;
	/*
	font-style: italic !important;
	font-style: italic;
	*/
	color: #900;
	line-height: 1.2;
}

.callout {
	color: #900;
	font-size: 14px !important;
	line-height: 1.1;
	text-align: center;
	font-style: italic !important;
}

.margin-top {
	margin-top: 2em !important;
	border-top: 1px dotted #C96;
	padding-top: 2em !important;
}


#header .phone { font-size: 14px; }
#footer .phone { font-weight: bold; }

.inlineheader {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 10px !important;
}

.spaced { letter-spacing: 1px; }

.nobullet { margin-left: 30px; }

.room {margin-top: 1em;}


/* ---- GALLERY STYLES ---- */

.gallery {
	margin: 0 20px;
	padding: 0;
	border-spacing: 10px;
}

.gallery td {
	background-color: #DEDEDE;
	padding: 5px 5px 6px 5px;
	border: 1px solid #CCC;
}


.gallery img {
	margin: 0;
	display: inline;
	border: 1px solid #FFF;
}

.gallery a {
	margin: 0;
}

.gallery td.empty {
	background-color: transparent;
	border: 0;
}

.gallery td.new {
	background-color: #C90;
	border-color: #930;
}

.inquiry-link a:link, .inquiry-link a:visited {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #900;
	font-size: 10px;
	line-height: 1.2;
border: 1px dotted #900;
background-color: #FFC;
font-family: Verdana, Arial, Helvetica, sans-serif;

margin-left: 40px;
margin-right: 0px;
padding: 3px;

	}
	
	
	.inquiry-link a:hover, .inquiry-link a:visited:hover {
	color: #000;
	}
	
	/* ========== FORMS ========== */



fieldset {
	margin: 10px;
	background-color: transparent;
	background-image: url(../_img/bg-30white.png);
	background-repeat: repeat;
	background-position: left top;
	}

legend {
	padding: 0 10px;
	font: 18px/1.0 Arial, Helvetica, sans-serif;
	}

label {
	margin: 0 !important;
	
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {}

input[type="checkbox"],
input[type="radio"] {
	margin-top: 0;
	}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	}

textarea {}

button {}

input { vertical-align: middle; }

select {}

option {}

/* ========== CUSTOM FORM STYLES ========== */

/* Generally for State abbreviation entry form elements (CA, OR, etc) */
input.twochar,
select.twochar { width: 2em; }

/* Can hold approx 12 chars (phone numbers, zip codes) */
input.tiny { width: 100px; }

/* 19 characters (credit card numbers) */
input.small,
select.small { width: 160px; }

/* good for names, addresses, and anything 2-5 words long */
input.medium,
select.medium { width: 225px; }

/* good for keyword lists, short descriptions, and short sentences */
input.large { width: 400px; !important}

/* good for two line addresses */
textarea.twoline {
	width: 225px;
	height: 2em;
}

/* good for brief comments and keyword lists */
textarea.brief {
	width: 225px;
	height: 5em;
}

/* good for a single paragraph */
textarea.paragraph {
	width: 400px;
	height: 10em;
}

/* good for multiple paragraphs or copy/pasted documents */
textarea.essay {
	width: 400px;
	height: 25em;
}



.form_controls{
	margin-left: 75px !important;
	}

.registration_form {}


.registration_form .form_controls {
	margin: 5px 0 0 0px !important;
}


#form label {
	margin:0 !important;
}

#form_error{
	margin: 10px 0;
}

input.form_input, textarea.form_input{
	background-color: #FFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}


ul.form_inputs li {

	list-style: none;
	margin-bottom: 0.5em;
	clear: both;
	color: #ffff99;

}

form#email_form label {
	float: left;
	display: inline;
	text-align: left;
	padding-right: 5px;
	width: 80px;
	font-weight: bold;
	color: #000066;
}

form#email_form li div { display: inline; }
form#email_form div label { float: none; width: auto !important; }

.form_controls{
	margin-left: 80px !important;
}

#form {
	margin-left: 50px;
	margin-top: 20px;
}

#form ul {

	margin-top: 20px;
}

#form li {
	list-style: none !important;
	clear: both;
	margin-bottom: 5px;
}


.contact_form {
	margin-left: 0 !important;
	margin-top: 20px;
	}

.contact_form label {
	color: #000066 !important;
	}



.bullet li {
	list-style: circle !important;
	margin-left: 30px !important;
	}



body#email fieldset {
	border: none !important;
	}




/*  HOMEPAGE CALLS TO ACTION  */

.clearBoth {
	clear: both;
	}

#reservation_inquiry {
	width: 124px;
	height: 75px;
	float: right;
	}

	#reservation_inquiry a {
		display: block;
		width: 124px;
		height: 75px;
		background: url(../_img/reservation_inquiry.gif) no-repeat 0 -75px;
		}
		
		#reservation_inquiry a:hover {
			background-position: 0 0;
			}
			
		#reservation_inquiry a span {
			display: none;
			}
			
#tell_a_friend {
	padding-top: 20px;
	width: 130px;
	height: 22px;
	float: right;
	}
	
	#tell_a_friend a {
		display: block;
		width: 130px;
		height: 22px;
		background: url(../_img/tell_a_friend.gif) no-repeat 0 -22px;
		}
		
		#tell_a_friend a:hover {
			background-position: 0 0;
			}
			
		#tell_a_friend a span {
			display: none;
			}
			
.mothers{float:right; width:200px; border: 1px solid #ccc; margin: 13px 30px 10px 30px; cursor:pointer;}
.mothers:hover{border-color:#FF0000; color:#FF0000;}
.mothers div{padding:10px 10px 0 10px; text-align:center;}
.mothers div p{padding:0 0 10px 0; margin:0;  font-size:15px}