body {
	background: #000000 url('graphics/hosta-tile.jpg') top left;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	color: #DDB77B
}

/* FONTS ETC */

a { outline: none; }, 
a:link, 
a:active, 
a:visited{ color: #dcc59e; }
a:hover{  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
	color: #DDB77B;
	margin: 0 0 .7em 0;
	font-family: "Trebuchet MS";
	font-variant: small-caps;
}

h1{	font-size: 2.2em; }
h2{ font-size: 2.2em; }
h3{ font-size: 2.2em; }
h4{ font-size: 1.6em; }
h5{ font-size: 1.4em; }
h6{ font-size: 0.8em; }
h7{ font-size: 0.5em;	
    color: #DDB77B;
	margin: 0 0 .7em 0;
	font-family: "Trebuchet MS";
}		
h8{ font-size: 0.4em;	
    color: #DD0000;
	font-family: "Arial";
}		

p{ margin: 0 0 .4em 0; }

ul{
	margin: 0 0 1em 2em;
	list-style: disc;
}

strong{
	font-size: 1.2em;
	font-family: "Trebuchet MS";
	font-variant: small-caps;
	font-weight: bold;
}

/* TEMPLATE */

#page {
	background: url('graphics/bkg-a.jpg') repeat-x top left;
	display: block;
	text-align: center
}

.column #page, .room #page{
	background: url('graphics/bkg.jpg') repeat-x top left;
}

#grid {
	width: 1020px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* HEADER */
   
#header {
	height: 125px;
	background: url('graphics/topshadow.png') no-repeat center bottom;
	width: 970px;
	padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:10px
}

.headerRight{
	margin: 0 0 0 550px;
	text-align: right;
	padding: 40px 0px 0 0;
	line-height: 1.4em;
}

.headerRight p {
	color: #C19156;
	font-style: italic;
	font-size: .9em;
	margin: 20px 0 0 0;
}

/* LOGO */

#logo{
	background: url('graphics/logo.gif') no-repeat top left;
	float: left;
	height: 123px;
	width: 347px
}

#logo h1{
	text-indent: -999em;
}

#halo{
	background: url('graphics/relief.png') repeat-y top left;
	width: 978px; padding-left:21px; padding-right:21px; padding-top:0; padding-bottom:0
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav ul li {
	float: left;
}

.nav ul li a {
	display: block;
	padding: .8em;
	text-decoration: none;
}

.nav ul li a:hover {
	text-decoration: underline;
}

/* TOP */

#topMenu{
    background: #d2b885 url('graphics/return.gif') repeat-x top left;
	height: 40px
}

#topMenu a {
	font-size: 1.05em;
	color: #d2b885;
	text-decoration: none;
	font-variant: small-caps;
	padding-left:1.15em; padding-right:1.15em; padding-top:.6em; padding-bottom:.6em;
}

#topMenu .lastOne a{
	background: none;
}

#topMenu a:hover {
	color: #fff;
}

#content {
	clear: both;
	background: #000000;
}

/* LEFT */

.column #content {
	background: #000000 url('graphics/contentleft.gif') repeat-y 30px top;
}

#content #column{
	float: left;
	margin: 0 0 0 10px;
}

#content #column a{
	color: #DDB77B;
	outline: none;
}

#content #column ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #column ul li{
	margin: 15px 20px 0 0;
	text-align: center;
}

#content #column ul a{
	font-family: "Trebuchet MS";
	font-variant: small-caps;
	text-decoration: none;
	outline: none;
}

#content #column ul a:hover{
	color: #fff;
}

#content #column .columnTop{
	background: url('graphics/curtain.png') no-repeat top left;
	height: 330px;
	width: 260px; padding-left:24px; padding-right:24px; padding-top:20px; padding-bottom:20px
}

#content #column .columnBottom{
	font-size: .8em;
	padding: 9px 40px 0 40px;
	line-height: 1.4em;
}

#content .container {
	font-size: .88em;
	padding: 1.3em;
	color: #DDB77B;
	line-height: 1.3em;
}

.column #content .container{
	margin: 0 0 0 310px;
}

/* BOTTOM */

#footer {
	background: #151d1b;
	padding: 10px 10px 10px 10px;
}

#bottomMenu{
	text-align: right;
	margin: 0 0 0 185px;
}

#bottomMenu ul li a{
	font-size: .7em;
	color: #DDB77B;
	background: url('graphics/segue.jpg') no-repeat right 3px; padding-left:6px; padding-right:12px; padding-top:0; padding-bottom:0
}

#bottomMenu .lastOne a{
	background: none;
}

/* COPYRIGHT */

#copyright{
	color: #DDB77B;
	font-size: .6em;
	float: left;
}

#copyright a{
	color: #DDB77B;
}

/* MISC DEFINITIONS */

.clear{ clear: both; }
.image { margin: 8px; padding: 7px; background: #000000;}
.right { float: right;  margin: 10px 0px 10px 10px}
.left { float: left;  margin: 10px 10px 10px 0px}