body {
	color: #000066;
	background-color: #FFCC66;
	margin: 0;
	padding: 0;
	text-align:right;
/*	background-image: url(/images/fern_bg2.gif); */
	background-image: url(/images/pauatile.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
	font-size:14px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:16px;
	} html > body {
	font-size:16px;
}

h1, h2, h3, p, th, td, a, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size:14px;
}

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

p, dt, dd, th, td { font-size: 14px; }

p { text-align:justify; }

ul { font-size: 14px; }

dd { padding: 1em; }

#masthead {
	font-weight: bold;
	background-color: #000066;
	background-image: url(/images/MBpano.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 70px;
	border-bottom: 4px solid #CC3300;
}

#page {
	background-color:#FFFFFF;
	border:4px solid #CC3300;
	border-top: 0;
	margin: 0px auto 30px auto;
	padding: 0;
	text-align:left;
    voice-family: "\"}\""; 
    voice-family:inherit; 
	min-width: 720px;
	max-width: 80%;
	width:expression(document.body.clientWidth > 720*1.25? "80%": "720px" );
}

#content {
	padding: 0 1em;
	margin: 0px 10px 10px 10px; 
	_margin: 0em 10px 10px 0px;
}

#navigation {
	margin: 0;
	padding: 5px 5px 0 5px;
	background-color:#000066;
	height: 100px;
	color:#99CCFF;
	font-size:11px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:12px;
	} html > body > #navigation {
	font-size:12px;
	max-width:760px;
	width:expression(document.body.clientWidth > 700? "700px": "auto" );
	min-width: 700px;
    voice-family: "\"}\""; 
    voice-family:inherit; 
	width: 690px;
}

#navigation ul li {
	display: inline;
	margin: 0 0 0 -10px;
	padding: 0;
	color:#99CCFF;
}

#navigation ul {
	margin: .75em 0 1em -1.5em;
}

#navigation ul li a {
	border:#006699 2px outset;
	text-decoration:none;
	color: white;
	font-weight:bold;
}

#navigation ul li a:hover {
	border:#006699 2px inset;
	text-decoration:none;
}

#home, #local, #accommodations, #activities, #arts, #site {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: white;
}

#home a, #local a, #accommodations a, #activities a, #arts a, #site a {
	margin:0;
	font-size: 12px;
	padding: 1px 2px;
	color: white;
	background-color:#003366;
	border: 2px outset slategray;
	text-decoration:none;
}

#home a:hover, #local a:hover, #accommodations a:hover, #activities a:hover, #arts a:hover, #site a:hover {
	color: skyblue;
	background-color:#000066;
	border: 2px inset white;
}

#footer {
	clear:both;
}

.white-text {
	color: white;
}

.center {
	text-align:center;
}

.float-right {
	text-align: center;
	float: right;
	margin: 0 0 5px 15px;
	font-size: 12px;
}

.float-left {
	text-align: center;
	float: left;
	margin: 0 15px 5px 0;
	font-size: 12px;
}

#whatsnew {
	float:right; 
	margin: 0.5em -0.25em 1em 2em;
	_margin: 0.5em 0em 1em 2em;
	padding: 0.5em;
	text-align: center; 
	width: 25%; 
	background-color: #6699CC; 
	border:3px outset navy; 
}

.center {
	text-align:center;
}

.justify {
	text-align:justify;
}

.small {
	font-size: 12px;
}

.xsmall {
	font-size: 10px;
}

.xxsmall {
	font-size: 7px;
}

.indent { padding: 0 4em; }

.MBO {
	color:#0000ff;
	font-style:italic;
	font-weight:bold;
}

.LW {
	background-color:#FFCC66;
}

.HW {
	background-color:#0099FF;
}

.DST {
	color:#990000;
}