/*
	Name:  css_main.css
*/

	html { width: 100%;  height: 100%;  min-width: 700px; }
	
	body {
		color: #000;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; /*'Times New Roman', Times, serif;  Geneva, Arial, Helvetica;*/
		font-size: 0.85em;  text-align: center;  margin: 0px;
	}
	
	a img { border: 0px; }
	
	#wrapWrap {
		position: absolute;  width: 100%;  height: 100%;  left: 0px;  margin: 0px auto 0px auto;  padding: 0px 0px 0px 0px;  background: #FBFBFB;
	}
		#pageWrap {
			position: relative;  width: 650px;  margin: 0px auto;  padding: 0px 35px 0px 35px;
			border-top: 1px solid #FFF; /*fixes FF*/  border-left: 1px solid #AAA;  border-right: 0px solid #777;  border-bottom: 1px solid #DDD;
			background: #FFF url('../images/3x1_gray80-trans80-2.png') scroll repeat-y top right;
		}
	
	#header {
		text-align: left;  width: 769px;  margin: 0px auto 4px 0px;  border-bottom: 0px solid #AAA;  border-left: 1px solid #999;
	}
		#header a { border: 0px;  text-decoration: none; }
	
	#nav {
		font-family: Arial;  display: block;  text-align: left;  font-size: 12px;  font-weight: 700;  letter-spacing: 1px;  margin: 0px;
		position: relative;  z-index: 10;  height: 21px;  width: 769px;  top: 20px;  left: -3px; /*border-bottom: 1px solid #69C;*/
		background: #FFF; /*url('../images/textTab1-flat1-bot1-left4-v45-1L.gif') scroll no-repeat -6px -23px;*/

	}
		#nav a:link { color: #676767;  text-decoration: none; }
		#nav a:visited { color: #676767;  text-decoration: none; }
		#nav a:hover { color: #333;  font-style: italic;  text-decoration: underline; }
		#nav a:active { color: #676767;  font-style: italic;  text-decoration: none; }

		#nav ul { list-style-type: none;  margin: 1px auto 0px 14px; /* Note: left margin is FF only */  padding: 0; /* fixes IE8 */ }
		#nav li { position: relative;  margin: 0px auto 0px 0px;  padding: 3px 15px 3px 7px;  white-space: nowrap;  float: left; }
		
		#nav ul ul {
			font-size: 0.9em;  font-weight: 400;
			list-style-type: none;  margin: 17px 10px 0px 10px;  padding: 0px;  display: none;  position: absolute;  top: 2px;  left: -8px;  z-index: 11;
			border-left: 1px solid #DDD;  border-right:  2px inset #EEE;  border-bottom: 2px inset #DDD;
			background: #FFF url('../images/2px-vertStrip_white-to-CCC_1.gif') scroll repeat-x 0px -50px;
		}
		#nav ul ul li { margin: 0px;  padding: 3px 12px 3px 10px;  white-space: nowrap;  float: none; }
		
		#nav #homeCell { width: 3.5em; }
		#nav #aboutCell { width: 4.2em; }
		#nav #missionCell { width: 5.7em; }
		#nav #tourCell { width: 5.6em; }
		#nav #roomsCell { width: 7.7em; }
		#nav #amenCell { width: 4.8em; }
		#nav #contactCell { width: 5.2em; }
		
		#nav .spacerMain { color: #999;  font-size: 0.8em;  width: 4px;  padding: 4px 5px 0px 5px; }
		#nav .subProd { font-size: 0.95em;  padding-left: 15px; }
		#nav  .last { padding-bottom: 5px; }
		
		#navLineOver {
			position: absolute;  z-index: 1;  top: 70px;  left: -20px;  width: 720px;
			line-height: 1px;  margin: 0px auto 0px -20px;  border-bottom: 1px solid #EEE;
		}
	
	#navSub { color: #777;  font-size: 0.8em;  margin: 5px auto 40px auto;  white-space: nowrap;  border: 0px solid green; } /* bottom-most */
		#navSub a:link { color: #777;  text-decoration: none; }
		#navSub a:visited { color: #777;  text-decoration: none; }
		#navSub a:hover { color: #668;  font-style: normal;  text-decoration: underline; }
		#navSub a:active { color: #777;  font-style: italic;  text-decoration: none; }
		#navSub .navSubSpacer { color: #99A;  font-size: 0.8em;  padding: 0px 4px;  vertical-align: 1px; }

		#navSub #lineAbove { position: relative;  width: 4000px;  line-height: 1px;  margin: 0px auto 2px -1000px;  border-bottom: 0px solid #EEE; }
		#navSub #lineBelow { position: relative;  width: 711px;  line-height: 1px;  margin: 5px auto 0px -6px;  border-bottom: 0px solid #EEE; }

	#footer {
		color: #777;  font-family: Arial, sans-serif;  font-size: 10px;  letter-spacing: 0.5em;  text-align: center;  font-variant: small-caps;
		position: relative;  clear: both;  margin: 15px auto 0px auto;  border: 0px solid blue;
	}
		#footer a:link { color: #777;  text-decoration: none; }
		#footer a:visited { color: #777;  text-decoration: none; }
		#footer a:hover { color: #555;  font-style: normal;  text-decoration: underline; }
		#footer a:active { color: #777;  font-style: normal;  text-decoration: none; }
		#footer #copyCircle { color: #555;  font-size: 1.2em; }
		#footer #date { font-size: 0.8em; }
		#footer #rightsReserved { color: #888;  font-style: italic;  letter-spacing: 0.1em; }
		
		#footerHook {
			color: #777;  font-size: 10px;  font-weight: 400;  text-align: center;  letter-spacing: 0.3em;  white-space: nowrap;
			display: inline;  margin: 0px auto 0px 15px;
		}
		
		#addressHook {
			color: #777;  font-size: 10px;  font-weight: 400;  text-align: center;  letter-spacing: 0.30em;  white-space: nowrap;
			display: block;  margin: 9px auto 0px 0px;
		}
	
	
	/* Begin: general stuffs... */
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.clearBoth { clear: both; }
	.clearLeft { clear: left; }
	.clearRight { clear: right; }
	
	.nowrap { white-space: nowrap; }
	
	.bigger { font-size: 1.1em; }
	.smaller { font-size: 0.9em; }
	.light { font-weight: 200; }
	.normal { font-weight: 400;  font-style: normal;  text-decoration: none; }
	.heavy { font-weight: 700; }
	.smallCaps { font-variant: small-caps; }

	/* doodads & things... */
	.littlePlus { vertical-align: -2px;  margin: 0px 4px 0px 0px; }
	.even { background-color: #EEE; } /* alternating table rows */
	.hideable { display: none; }