/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body{
  margin: 		8px;
  font-family: 	sans-serif;
}



/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

/* Change height between paragraphs, headings, etc. */
h1, p {
  margin-top: 	0px;
}

h2{
  font-size: 	130%;
  margin-top: 	2em;
}

h2.TIGHT-LEFT{
  margin-top: 	1em;
}

h3{
  margin-top: 	3em;
  margin-bottom: 	0.25em;
}

.INLINE-HEADING{
  font-weight: 	bold;
}

.CAPTION{
  font-family: 	Verdana, Arial, sans-serif;
  font-size: 	80%;
  color: 		#663333;
  line-height: 	.75em;
  font-weight: 	bold;
}

address{
  font-style: 		normal;
  letter-spacing: 	0.125em;
}


/*--------LISTS--------*/

.NO-BULLET-TIGHT-LEFT {  /*omits bullet in IE and Firefox*/
  list-style-type: 	none;
}

/*Must have both items to work in Firefox and IE 8*/
ul.NO-BULLET-TIGHT-LEFT {
  padding-left: 	0;  
  margin-left: 	0;   
}

li.NO-BULLET-TIGHT-LEFT{
  margin-top: 	5px;
}

/*Must have both items to work in Firefox and IE 8*/
ul.TIGHT-LEFT{
  padding-left: 	1.0em;  
  margin-left: 	0;   
}

ol.TIGHT-LEFT{
  padding-left: 	1.5em;  
  margin-left: 	0;   
}

li.TIGHT-LEFT{
  margin-top:	5px;
}




/*-------------------------------------------------
STRUCTURE - HOME PAGE USE
-------------------------------------------------*/

#TOP-HOME{
  background:     #ffffcc;
  margin:         0;
  padding:		0;
}

#LOGO-HOME{
  width:		360px;
  margin:         0px 0px 0px 0px;
  padding:		50px 0px 0px 50px;
  float: 		left;
}

#BANNER-HOME{
  height:		350px;
  margin:         0px 0px 10px 500px;
  padding:		100px 4px 4px 100px;
}

#BAND-HOME{
  background:     #cccc99;
  height:		55px;
  margin:         0;
  padding:		0.5px 4px 4px 100px;
}

#MAIN-HOME{
  background:     #ffffcc;
  margin:         10px 0px 10px 0px;
  padding:		150px 0px 0px 0px;
  }



/*-------------------------------------------------
STRUCTURE - GLOBAL USE
-------------------------------------------------*/
#LOGO{
  background:     #ffffff;
  width:		172px;
  margin:         0;
  padding:		0;
  float: 		left;
}

#BANNER{
  background:     #ffffcc;
  height:		136px;
  margin:         0px 0px 10px 192px;
  padding:		4px 4px 4px 100px;
}

#BAND{
  background:     #cccc99;
  height:		55px;
  margin:         0;
  padding:		0.5px 4px 4px 250px;
}

#MAIN{
  background:     #ffffcc;
  margin:         10px 0px 0px 0px;
  padding:		80px 0px 4px 0px;
  }

#SIDEBAR{
  background:     #ffffcc;
  margin:         0px 0px 80px 10px;
  padding-top:	0px;
  float: 		left;
  width: 		300px;
}

#BLOCK{
  background:     #ffffcc;
  margin:         100px 10px 80px 350px;
  padding-top:	0px;
  }

#FOOTBAND {
  background-color:	#cccc99;
  height:	 		10px;
  margin:           	10px 8px 10px 8px;
  padding:        	4px 4px 16px 4px;
  clear: 			left;
  }

#FOOTER{
  text-align: 	left;
  margin: 		0;
  padding: 		0;
}


/*-------------------------------------------------
STRUCTURE - LIMITED USE
-------------------------------------------------*/

.ACCOMM{
  width:		260px;
  margin:         0px 10px 10px 0px;
  padding-right:	20px;
  float:		left;
  }

.GALLERY{
  width:		260px;
  margin:         0px 10px 10px 0px;
  height:		260px;
  float:		left;
  }

p.GALLERY{
  margin-top:	0px;
}

.LOCATION{
  width:		260px;
  margin:         0px 20px 40px 0px;
  padding-right:	20px;
  float:		left;
  }

/*--------FRAMES--------*/
.FRAME-CONTAINER-LARGE{
  margin:	0px 0px 80px 10px;
  padding:	0px 0px 0px 0px;
  float:	left;
}

iframe.FRAME-LARGE{
  width: 		850px;
  height: 		750px;
  border: 		none;
  margin-left: 	0px;
}



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

.nb1, .nb2, .nb3, .nb4, .nb5, .nb6, .nb7{
  position:			absolute;
  text-align: 		center;
  list-style-type:	none;
  padding-left: 		0;  
  margin-left: 		0; 
  margin-top:		10px;
  text-decoration:	none;
}

.nb1 li, .nb2 li, .nb3 li, .nb4 li, .nb5 li, .nb6 li, .nb7 li{
  margin-bottom:	20px;
}

.nb1 { 
  margin-left: 	0px;
  width: 		90px;
}

.nb2{
  margin-left: 	100px;
  width: 		90px;
}

.nb3{
  margin-left: 	200px;
  width: 		90px;
}

.nb4{
  margin-left: 	300px;  /*was 292px*/
  width: 		120px;
}

.nb5{
  margin-left: 	430px;
  width: 		90px;
}

.nb6{
  margin-left: 	530px;
  width: 		90px;
}

.nb7{
  margin-left: 	630px;
  width: 		90px;
}



/*--------Nav Button Links--------*/


#NAVBUTTON a:link{
   color:			#336666;
  text-decoration:	none;
}

#NAVBUTTON a:visited{
  color:			#cc6666;
  text-decoration:	none;
}


.nb1 a:link, .nb2 a:link, .nb3 a:link, .nb4 a:link, .nb5 a:link, .nb6 a:link,  .nb7 a:link{
  text-decoration:	none;
  color: 			blue;
}


.nb1 a:visited, .nb2 a:visited, .nb3 a:visited, .nb4 a:visited, .nb5 a:visited, .nb6 a:visited,  .nb7 a:visited  {
  text-decoration:	none;
  color: 			#663333;
}


.nb1 a:hover, .nb2 a:hover, .nb3 a:hover, .nb4 a:hover, .nb5 a:hover, .nb6 a:hover,  .nb7 a:hover{
  text-decoration:	none;
  color: 			#336666;
  font-size:		120%;

}








/*-------------------------------------------------
NAV BUTTONS AND LISTS - BEHAVIOR WHEN CLICKED
-------------------------------------------------*/

p, li{
color:	#336666;

}

h1, h2, h3{
color:	#336666;

}

/*
color:	#cccc99;
color:	#663333;
color:	#333366;
 color:		#cc6666;
color:	#99ccff;
*/



.nb1-CURRENT, .nb2-CURRENT, .nb3-CURRENT, .nb4-CURRENT, .nb5-CURRENT, .nb6-CURRENT, .nb7-CURRENT{
  position:			absolute;
  text-align: 		center;
  list-style-type:	none;
  padding-left: 		0;  
  margin-left: 		0; 
  margin-top:		10px;
  text-decoration:	none;
  width: 		90px;
}


.nb1-CURRENT li{
  margin-bottom:	22px;
 /* color:		#cc6666; */   /*brick red*/
  color:		#336666;  /*dark green matches headings*/
  font-weight:	bold;
  font-size:	20px;
  letter-spacing: 0.0001em;
}

.nb2-CURRENT li{
  margin-bottom:	22px;
  /*color:		#339999; */ /*dark teal*/
  color:		#336666;  /*dark green matches headings*/
  font-weight:	bold;
  font-size:	24px;
}

.nb3-CURRENT li{
  margin-bottom:	22px;
 /* color:		#99ccff; */ /*sky blue*/
  color:		#336666;  /*dark green matches headings*/
  font-weight:	bold;
  font-size:	24px;
}

.nb4-CURRENT li{
  margin-bottom:	22px;
  /*color:		#cc6666; */ /*brick red (matches courtyard title)*/
  color:		#336666;  /*dark green matches headings*/
  font-weight:	bold;
  font-size:	24px;  /*was 18px*/
/*  letter-spacing: 0.0001em; */
}

.nb5-CURRENT li{
  margin-bottom:	20px;
  color:		#336666;   /*dark green*/
  font-weight:	bold;
  font-size:	24px;
}

.nb6-CURRENT li{
  margin-bottom:	22px;
  color:		#336666;   /*dark blue*/
  font-weight:	bold;
  font-size:	24px;
}

.nb7-CURRENT li{
  margin-bottom:	22px;
  /*color:		#663333;  */ /*dark red*/
  color:		#336666;  /*dark green matches headings*/
  font-weight:	bold;
  font-size:	24px;
}


.nb1-CURRENT { 
  margin-left: 	0px;
  width: 		90px;
}

.nb2-CURRENT{
  margin-left: 	100px;
  width: 		90px;
}

.nb3-CURRENT{
  margin-left: 	200px;
  width: 		90px;
}

.nb4-CURRENT{
  margin-left: 	300px;  /*was 292px*/
  width: 		120px;
}

.nb5-CURRENT{
  margin-left: 	430px;
  width: 		90px;
}

.nb6-CURRENT{
  margin-left: 	530px;
  width: 		90px;
}

.nb7-CURRENT{
  margin-left: 	630px;
  width: 		90px;
}







/*-------------------------------------------------
NAVLIST and COPYRIGHT at bottom of page  
-------------------------------------------------*/

ul.NAVLIST {
  padding-left: 	50px;
  margin-left: 	0;
}

.NAVLIST li{
  display:			inline;
  list-style-type:	none;
  padding-right:		30px;
  margin-left: 		0;
}

#COPYRIGHT{
  text-align: 		left;
  padding-left: 		50px;
}







/*-------------------------------------------------
CONTACT FORM
-------------------------------------------------*/
#form {
  font-family:	sans-serif;
  width:		25em;
}

fieldset {
  background:	#cccc99;	/* ccffcc mint green */
  margin:		0em 0 6em 0px;
  width:		30em;
  padding:		1.5em 0 0 0px;
  border: 		2px outset  #cccc99; 
}

p.LEGEND {
  background:	#cccc99;
  position:		relative;
  width:		15em;
  color: 		black;
  font-size: 	1.2em;
  padding: 		.2em .3em;
  margin:		1em 0 0em 0em;   /*was 1em 0 -1em 1em */
  border:		2px outset #cccc99;
}


/*--------QUESTIONS SECTION--------*/

#QUESTIONS {
  padding:		30px  0  20px  0px;
}

#QUESTIONS label {
  position:		absolute;
  padding: 		0.2em  0  20px  20px;
  font-family: 	sans-serif;
  color: 		black;
}

select {    
  margin: 		1em  0  0  5em;
  font-family: 	sans-serif;
}

.blockoftext {
  font-size:	.8em;
  font-family: 	sans-serif;
  width:		25em;
  padding:		.2em;
  margin: 		2em 0em 0em 5em;
}


/*--------TELL US ABOUT YOURSELF SECTION--------*/ 

#TELLUS {
  padding:		30px  0  20px  0px;
}

#TELLUS label {
  position:		absolute;
  padding: 		0.2em 0 10px 20px;
  font-family:	sans-serif;
  color: 		black;
}

#history {
  font-size:	100%;
  color: 		black;
}

#history input {
  font-size:	90%;
  margin:		1em  0.5em  0em  9em;
}

.referal{
  font-size:	100%;
  color: 		black;
}

.referal input {
  font-size:	90%;
  margin:		1em  0.5em  0  9em;
}

.lodgingpreference {
  font-size:	100%;
  color: 		black;
}

.lodgingpreference input {
  margin:		1em  0.5em  0  9em;
  font-size:	90%;
}


/*--------CONTACT SECTION--------*/

#CONTACT { 
  padding:		30px  0  20px  0;
  margin:		0 0 20px 0px;
}

#CONTACT label {
  position:		absolute;
  padding: 		0.2em 0 10px 20px;
  font-family:	sans-serif;
  font-size:	1.1em;
  color: 		black;
}

#CONTACT input {
  margin: 		0 0 0.2em 9em;
  line-height:	1.4em;
}

#reachthem {
  font-size:	90%;
}

reachthem input {
  margin-left:	9em;
}


/*--------SUBMIT and RESET BUTTONS--------*/



input[type="submit"], input[type="reset"] {
  font-size:		1.2em;
  font-family:		sans-serif;
  text-align:		left;
  padding:	 		0 8px 0 10px;
  letter-spacing: 	0em;
}

.buttons {
text-align:	left;
margin:	30px  0px  0px 0px;   /* was  30px  0px  0px 20px */
}