/* design notes -------
xhtml and css by:		zero_ohm for VIA Studio
project began:			2006.08.12
last updated:			2007.02.26
------- design notes */

/* ------- style_layout/position_begin ------- */

/* root */
html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	color:#000000;
	background-color:#ffffff;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.area-zero {
	margin:20px auto 0 auto;
	width:971px;
}
div.area-one {
	width:971px;
	border:solid #3366cc;
	border-width:6px 7px;
}
div.area-two {
	background:url(../images/bgi/area-two.jpg) repeat-y scroll 0 7px;
}
/* root */

/* header */
div.header {
	padding-left:5px;
	height:151px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:6px solid #3366cc;
}
a.logo_lake-forest {
	width:534px;
	height:151px;
	background:url(../images/nav/lake-forest_logo.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
}
a.logo_lake-forest:hover {
	background:url(../images/nav/lake-forest_logo.jpg) no-repeat scroll 0 -151px;
}
img.header_left {
	margin:0;
	float:left;
}
/* header */

/* content */
div.column-matrix {
}
div.column_left {
	width:197px;
	float:left;
}
a.resident_log-in {
	width:197px;
	height:70px;
	background:url(../images/nav/resident_log-in.jpg) no-repeat scroll 0 0;
	display:block;
}
a.resident_log-in:hover {
	background:url(../images/nav/resident_log-in.jpg) no-repeat scroll 0 -70px;
}
div.nav_left {
	background:url(../images/bgi/nav_left.jpg) no-repeat scroll 0 0;
}
div.nav_left-brace {
	width:1px;
	height:490px;
	background:url(../images/bgi/nav_left.jpg) no-repeat scroll 0 0;
	float:left;
}
div.nav_left table {
	width:190px;
}
/* nav_left */
ul.left_nav {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.left_nav li {
	margin:0 5px 0 10px;
	padding:3px 0;
	text-align:left;
	font:bold 10pt arial, sans-serif;
	color:#000000;
	background-color:transparent;
}
ul.left_nav a:link, ul.left_nav a:visited, ul.left_nav a:active {
	text-decoration:none;
	color:#ffffff;
	background-color:transparent;
}
ul.left_nav a:hover {
	text-decoration:underline;
	color:#a3cd4d;
	background-color:transparent;
}
ul.left_nav li.sub-page {
	margin:0 5px 0 20px;
	padding:3px 0;
	text-align:left;
	font:bold 10pt arial, sans-serif;
	color:#dddddd;
	background-color:transparent;
}
ul.left_nav li.sub-page a:link, ul.left_nav li.sub-page a:visited, ul.left_nav li.sub-page a:active {
	text-decoration:none;
	color:#dddddd;
	background-color:transparent;
}
ul.left_nav li.sub-page a:hover {
	text-decoration:underline;
	color:#92bc3c;
	background-color:transparent;
}
/* ypslideout */
div.yp_wrapper {
	margin:0;
	padding:0;
	position:relative;
}
div.left_nav_ypslideout {
	margin:0;
	padding:0;
}
ul.yp_menu {
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:2px solid #548c07;
	border-right:2px solid #437b06;
	border-bottom:2px solid #326a05;
	border-left:2px solid #437b06;
}
ul.scheduling {
	color:#eeeeee;
	background:#326a05 url(../images/bgi/nav_left.jpg) repeat-y scroll 0 -300px;
}
ul.architectural {
	color:#eeeeee;
	background:#326a05 url(../images/bgi/nav_left.jpg) repeat-y scroll 0 -315px;
}
ul.directors {
	color:#eeeeee;
	background:#326a05 url(../images/bgi/nav_left.jpg) repeat-y scroll 0 -335px;
}
ul.governing_documents {
	color:#eeeeee;
	background:#326a05 url(../images/bgi/nav_left.jpg) repeat-y scroll 0 -355px;
}
ul.yp_menu li {
	margin:0;
	padding:2px 0 2px 10px;
	font:bold 10pt arial, sans-serif;
	color:#eeeeee;
	background-color:transparent;
}
ul.yp_menu li a:link, ul.yp_menu li a:visited, ul.yp_menu li a:active {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#eeeeee;
	background-color:transparent;
	display:block;
}
ul.yp_menu li a:hover {
	text-decoration:none;
	color:#92bc3c;
	background-color:transparent;
}
/* ypslideout */
/* nav_left */

div.column_right {
	width:774px;
	color:#000000;
	float:right;
}
/* nav_top */
div.nav_top {
	height:39px;	
}
a.nav_why-lake-forest {
	width:153px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
}
a.nav_why-lake-forest_x {
	width:153px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll 0 -40px;
	float:left;
	display:block;
}
a.nav_why-lake-forest:hover, a.nav_why-lake-forest_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll 0 -80px;
}
a.nav_faq {
	width:70px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -153px 0;
	float:left;
	display:block;
}
a.nav_faq_x {
	width:70px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -153px -40px;
	float:left;
	display:block;
}
a.nav_faq:hover, a.nav_faq_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll -153px -80px;
}
a.nav_how-to-get-here {
	width:154px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -223px 0;
	float:left;
	display:block;
}
a.nav_how-to-get-here_x {
	width:154px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -223px -40px;
	float:left;
	display:block;
}
a.nav_how-to-get-here:hover, a.nav_how-to-get-here_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll -223px -80px;
}
a.nav_virtual-tour {
	width:129px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -377px 0;
	float:left;
	display:block;
}
a.nav_virtual-tour_x {
	width:129px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -377px -40px;
	float:left;
	display:block;
}
a.nav_virtual-tour:hover, a.nav_virtual-tour_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll -377px -80px;
}
a.nav_photo-gallery {
	width:142px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -506px 0;
	float:left;
	display:block;
}
a.nav_photo-gallery_x {
	width:142px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -506px -40px;
	float:left;
	display:block;
}
a.nav_photo-gallery:hover, a.nav_photo-gallery_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll -506px -80px;
}
a.nav_contact-us {
	width:126px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -648px 0;
	float:left;
	display:block;
}
a.nav_contact-us_x {
	width:126px;
	height:40px;
	background:url(../images/nav/top.jpg) no-repeat scroll -648px -40px;
	float:left;
	display:block;
}
a.nav_contact-us:hover, a.nav_contact-us_x:hover {
	background:url(../images/nav/top.jpg) no-repeat scroll -648px -80px;
}
/* nav_top */
h1.main-header {
	margin:0;
	padding:0 0 0 10px;
	height:40px;
	width:764px;
	font:bold 18pt arial, sans-serif;
	color:#809bdd;
	background:url(../images/bgi/h1_main-header.png) no-repeat scroll;
}
div.content_area {
	margin:0 25px 0 20px;
}
p.faq_question {
	margin:0;
	padding:5px 30px 0 10px;
	text-align:left;
	font:bold 12pt arial, sans-serif;
	color:#336600;
	background-color:transparent;
}
p.faq_answer {
	margin:0;
	padding:0 30px 5px 10px;
	text-align:left;
	font:10pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
/* content */

/* footer */
div.footer {
	background:url(../images/bgi/footer.jpg) no-repeat scroll 197px 0;
	height:100px;
}
div.footer-left {
	position:relative;
	top:13px;
	left:16px;
	width:165px;
	height:63px;
	display:block;
}
div.nav_bottom {
	position:relative;
	top:15px;
	left:190px;
	width:770px;
	height:20px;

}

* html div.nav_bottom {
	width: 550px;	
}
/* nav_bottom */
p.bottom_nav {
	margin:0;
	padding:2px 0;
	text-align:right;
	font:bold 8pt arial, sans-serif;
	color:#ffffff;
	background-color:transparent;

}
p.bottom_nav a:link, p.bottom_nav a:visited, p.bottom_nav a:active {
	text-decoration:none;
	color:#ffffff;
	background-color:transparent;
}
p.bottom_nav a:hover {
	text-decoration:underline;
	color:#a3cd4d;
	background-color:transparent;
}
div.nav_bottom_left {
	position:relative;
	float:left;
	margin:14px 0 0 6px;
	font-weight:normal;
}
/*
div.nav_bottom_left p.bottom_nav {
	font-weight:normal;
}
*/
/* nav_bottom */
/* footer */

/* ------- style_layout/position_end ------- */

/* ------- style_element_begin  ------- */

/* div */
div {
	position:static;
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
div.float_clear {
	height:0px;
	clear:both;
}
div.float_clear-left {
	height:0px;
	clear:left;
}
div.float_clear-right {
	height:0px;
	clear:right;
}
div.ender {
	height:20px;
}
/* div */

/* anchors */
a:link, a:visited, a:active {
	text-decoration:underline;
	color:#333333;
	background-color:transparent;
}
a:hover {
	text-decoration:underline;
	color:#999999;
	background-color:transparent;
}
a span {
	display:none;	
}
/* anchors */

/* text */
/*
h1 {
	margin:0;
	padding:0;
	height:40px;
	width:774px;
	color:#000000;
	background-color:transparent;
}
h1 span {
	display:none;
}
h2 {
	margin:0;
	padding:10px 0px 5px 0px;
	font:bold 14pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
h2 span {
	margin:0;
	padding:10px 0px 5px 0px;
	text-align:right;
	font:8pt arial, sans-serif;
	color:#666666;
	background-color:transparent;
}
h3 {
	margin:0;
	padding:10px 0px 5px 0px;
	font:bold 12pt arial, sans-serif;
	color:#636363;
	background-color:transparent;
}
*/
p {
	margin:0;
	padding:5px 0px 5px 0px;
	text-align:left;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
p.left {
	margin:0;
	padding:5px 0px 5px 0px;
	text-align:left;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
p.center {
	margin:0;
	padding:5px 0px 5px 0px;
	text-align:center;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
p.right {
	margin:0;
	padding:5px 0px 5px 0px;
	text-align:right;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
p.justify {
	margin:0;
	padding:5px 0px 5px 0px;
	text-align:justify;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
/* text */
p.help {
	font-size: 70%;
    width: 100%;
}

li.help {
	font-size: 70%;
    width: 100%;
}

/* lists */
ul {
	margin:0;
	padding:0;
	list-style-type:disc;
}
li {
	margin:0 30px;
	padding:2px 0;
	text-align:left;
	font:12pt arial, sans-serif;
	color:#333333;
	background-color:transparent;
}
/* lists */

/* imgs */
img {
	margin:0;
	padding:0;
	border:0;
}
img.aligned {
	margin:5px 10px;
	border:1px solid #aaaaaa;
}
img.right {
	margin:10px 10px 15px 10px;
	float:right;
	border:1px solid #aaaaaa;
}
img.left {
	margin:10px 10px 15px 10px;
	float:left;
	border:1px solid #aaaaaa;
}
img.frame {
	border:1px solid #aaaaaa;
}

/* imgs */

/* forms */
fieldset {
	margin:0;
	padding:0;
	border:0px solid #333333;
}
label {
	font:12pt arial, sans-serif;
}
table {
	font:12pt arial, sans-serif;
}
/* forms */

/* ------- style_element_end  ------- */

/* other styles */
.question, .questionform {
  border: 1px #888 solid;
  padding: 0 5px;
  margin: 10px;
  background: #eef;
}

.clearbox, #introduction {
  border: none;
  padding: 0 5px;
  margin: 10px;
  background: none;
}


div#details {
  background: #fee;
}

.questiontext {
  font-weight: bolder;
  font-size: 110%;
}

.questionnumber {
  /* display: none; */
}

form {
  margin: 0;
  padding: 0;
}

textarea {
  width: 99%;
}

/*mailform*/
.mailwrapper {
	text-align: left;
	margin-top: 20px;
}
.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a {
	color: #900;
}
.maildiv h2 {
	color: #900;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #900; 
}
.maildiv fieldset {
	padding:5px;
	margin-bottom: 10px;
	color:#000000;
	background-color:#eeeeee;
	border:1px solid #aaaaaa;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
}
.maildiv .fmrequired {
	color: #900;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #900;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #900;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}
/*mailform*/

/* other styles */
.survey_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.takelink {
	font-weight:bold;
}
.resultslink {
	font-style:italic;
}
div.notice {
	margin:1em;
	padding:0.8em;
	border:1px solid #BFE0E2;
	background-color:#f2f2f2;
}
div.warn {
	margin:1em;
	padding:0.8em;
	border:1px solid #D78D96;
	background-color:#EBC6CB;
}
.ccnote {
	font-size:80%;
	font-style:italic;
}
label.required {
	font-weight:bold;
}
.required_red {
	color: #FF0000;
}
label.invalid {
	font-weight:bold;
	color:darkred;
}
form td span.style1 {
	display:block;
	padding-right:8px;
	text-align:right;
}
form td span.heading {
	display:block;
	padding-bottom:8px;
	text-align:center;
	font-size: 110%;
}


/**
* From the "editor.css"
*/
h1, .h1 {
	display:block;
	margin:0;
	padding:1.3em 0 5px 0;
	font-size:1.5em;
	line-height:1.8em;
	font-weight:bold;
}
h2, .h2 {
	display:block;
	margin:0;
	padding:1.1em 0 5px 0;
	font-size:1.35em;
	line-height:1.6em;
	font-weight:bold;
}
h3, .h3 {
	display:block;
	margin:0;
	padding:1em 0 5px 0;
	font-size:1.15em;
	line-height:1.5em;
	font-weight:bold;
}
h4, .h4 {
	display:block;
	margin:0;
	padding:0.9em 0 5px 0;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}
h5, .h5 {
	display:block;
	margin:0;
	padding:0.8em 0 5px 0;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:bold;
}
h6, .h6 {
	display:block;
	margin:0;
	padding:0.7em 0 5px 0;
	font-size:0.8em;
	line-height:1em;
	font-weight:bold;
}
/* lodge reserveration ledgend */
div#RevLegend {
	float:left;
    margin-right:330px;
    margin-bottom:10px;
}
div#RevLegend div.block	{
	float:left;
	margin:1px;    
	padding:6px 10px;
	font-size:0.8em;
	font-weight:normal;
	border:1px solid #666666;
}
.day_cell { 
background-color:#ffffff; 
text-decoration:underline; 
}
.past_cell			{ background-color:#FFFFF0; }
.blocked_cell		{ background-color:#DEDCD9; }
.empty_day_cell		{ background-color:#F3F5F2; }
.today_cell			{ background-color:#F0FFF0; } /* green */
.special_cell		{ background-color:#fdea81; } /* yellow */

.help_area {   
   padding-left: 20px;
}

#highlight-box {
    font-size: 110%;
    border: 1px solid gray;
    padding-top: 10px;
    width: 250px;
    height: 40px;
	text-align: center;
}