html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 10pt Helvetica, Arial, Verdana, sans-serif;
	color: #000088;
	background: #c4bdae url(/images/BGoutside.gif);
	text-align: center;
}

h1 { font-size: 12pt; color: #ae1b38; margin: 0; font-weight: bold; }
h2 { font-size: 12pt; color: #ae1b38; margin: 0; font-weight: bold; }
h3 { font-size: 11pt; color: #ae1b38; margin: 0; font-weight: bold; }
h4 { font-size: 10pt; color: #ae334c; margin: 0; font-weight: bold; }

td { font-size: 10pt; color: #000088; }

input,select,textarea 
	{ font-family:Helvetica, Arial, Verdana, sans-serif; font-size:10pt; 
	  font-weight:normal; color:#0000bb; background-color:#ffffff; }
input.submit { font-size:10pt; color:#1980b8; background-color:#fcfbf9; }
input.reset  { font-size:10pt; color:#1980b8; background-color:#e7e9f0; }
input.red    { font-size:10pt; color:#0000bb; background-color:#f8e8eb; }
textarea.red { font-size:10pt; color:#0000bb; background-color:#f8e8eb; }

.fngrey { font-size: 10pt; color:#bbbbcc; }
.fsgrey { font-size: 8pt; color:#bbbbcc; }
.fnbvfred { font-size: 10pt; color: #a05566; font-weight: bold; }
.fsbvfred { font-size: 8pt; color: #a06677; font-weight: bold; }

a:link { text-decoration:none; color:#1980b8; font-weight:bold; }
a:visited { text-decoration:none; color:#1980b8; font-weight:bold; }
a:hover { text-decoration:underline; color:#cc395b; font-weight:bold;
						background-color: #f4f4fc; }
a:active { text-decoration:underline; color:#8888cc; font-weight:bold; }

b { color: #444499; font-weight:bold; }
ul { margin-top: 0; padding-left: 2em; }
form { margin: 0; padding: 0; }

/* honeypot input */
.inputHP { display: none; }

/* barrier free navigation/hints */
.bFree { display: none; }


/*
 * ### Layout ###
 */
#frame {
	min-height: 99.8%;
	text-align: left;
	margin: 0px auto;
	min-width: 760px;
	max-width: 860px;
	border: #fadec8 solid 1px;
	background: #fff4e2 url(/images/BGletter.jpg) 
			no-repeat fixed center bottom;
}
#outer{
	height: 100%;
	min-height: 100%;
	margin: 0 180px -30px 145px;
	background: url(/images/Mbar_m.gif) repeat-x left top;
}
#outer2col {
	height: 100%;
	min-height: 100%;
	margin: 0 1px -30px 145px;
	background: url(/images/Mbar_mr.gif) no-repeat right top;
}
html>body #outer {
	height: auto;
}
html>body #outer2col {
	height: auto;
}

#outerwrap {
	float: left;
	width: 99.5%;
	min-height: 100%;
}

#menu {
	position: relative;
	width: 145px;
	float: left;
	margin-left: -144px;
	padding-right: 0;
	background: url(/images/Mbar_l.gif) no-repeat left top;
}

#main {
	position: relative;
	float: right;
	width: 100%;
	margin: 0 -7px 0 -8px;
	z-index: 1;
}
#mainTop {
	height: 35px;
}

#starboard {
	position:relative;
	width: 180px;
	float: right;
	margin-right: -179px;
	background: url(/images/Mbar_r.gif) no-repeat right top;
}
#starboard2col {
	position:relative;
	width: 180px;
	margin-right: 4px;
	float: right;
}
#starboardTop {
	height: 36px;
	margin-bottom: 33px;
}

#footer {
	clear: both;
	position: relative;
	width: 100%;
	height: 30px;
}

#lfooter {
	float: left;
	width: 145px;
	padding: 12px 0 0 0;
	font-size: 8pt;
	text-align: center;
}
#rfooter {
	padding: 10px 0 0 0;
	margin-left: 145px;
	padding-left: 8px;
	font-size: 9pt;
	color: #ae1b38;
}

/* needed to make room for footer */
#clearfooter { clear: both; height: 30px; }
* > html #clearfooter { float: left; width: 100%; }



/*
 * ### Browser Hacks ###
 */

/* fix gap in IE next to float and clear footer because we've moved float 
 * too far left
 */
* html #menu { padding-bottom: 30px; margin-right: -3px;}

/* stop float drop in IE */
* html #starboard { padding-bottom: 30px; margin-right: -179px;}

#menu p  {padding-left:  3px; padding-right: 2px; }
#starboard p {padding-right: 1px; padding-left: 1px;}

/* only IE gets this style */
* html #footer {
	\height: 30px; /* for ie5 */
	he\ight: 30px; /* for ie6 */
}

/* clear top margin for mozilla */
div,p  { margin-top: 0 }

/* combat IE's 3 pixel jog */
* html #main { height: 1%; margin-bottom: 12px; }

/* MG: default aligne in td is "left", but not in IE7+ nor in Konqueror
td { text-align: left; }



/*
 * ### Styles ###
 */

.imgVFlogo {
	width: 140px;
	height: 90px;
	margin: 0;
	padding: 0;
	border: 0 none transparent;
}

.VFdropList ul {
	list-style-image: url(/images/VFdrop.gif);
	margin-bottom: 0;
}
.VFdropList li {
	margin-top:  0.15em;
	margin-left: 0.8em;
}

#footer b { color: #ae1b38; font-weight: bold; }
#footer a { color:#bbbbcc; }
#footer a:hover { color:#aa2233; }

#menu .box {
	height: 100%;
	padding: 5px 0px 5px 5px;
}
#main .box {
	margin: 0 8px 0 0;
	border-left:  #fadec8 solid 1px;
	border-right: #fadec8 solid 1px;
	background: #fcfbf9 url(/images/BGletter_content.jpg) 
					no-repeat fixed center bottom;
}
#main .box2col {
	margin: 0 12px 0 0;
	border-left:  #fadec8 solid 1px;
	border-right: #fadec8 solid 1px;
	background: #fcfbf9 url(/images/BGletter_content.jpg) 
					no-repeat fixed center bottom;
}
#starboard .box {
	margin: 0 5px 0 0;
	font-size: 8pt;
	color: #222288;
	border: #fadec8 solid 1px;
	background: #fffbf5 url(/images/BGletter_content.jpg) 
					no-repeat fixed center bottom;
}
#starboard td {
	font-size: 8pt;
	color: #222288;
}

#mainTopHeader {
	height: 15px;
	margin-left: 80px;
	padding: 11px 0 3px 7px;
	font-size: 9pt;
	color: #d0b399;
}
#mainTopHeader h2 {
	font-size: 14pt;
	color: #e0c0a4;
	font-weight: bold;
	display: inline;
}

#navBox {
	float: right;
	width: 80px;
	height: 15px;
	text-align: right;
	padding: 17px 16px 0 0;
	margin: 0;
}
.navImg {	
	width: 15px;
	height: 15px;
	border: transparent none 0;
}

.printImg {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 15px 0 0 7px;
	border: transparent none 0;
}

.searchBox {
	float: right;
	width: 150px;
	height: 22px;
	text-align: right;
	padding-top: 11px;
}
.searchImg {
	width: 20px;
	height: 16px;
	margin: 0 2px 3px 0;
	vertical-align: bottom;
}
.searchInput {
	border: groove 2px #c80025;
	color: #000044;
	font-size: 8pt;
	background-color: #fffbf5;
	margin-right: 0;
}

.titleBox {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url(/images/Mbar_s.gif) repeat-x left top;
}

.titleBox2col {
	height: 20px;
	margin: 0 12px 0 0;
	border-left:  #fadec8 solid 1px;
	border-right: #fadec8 solid 1px;
	background: url(/images/Mbar_s.gif) repeat-x left top;
}

.dateBox {
	font-size: 8pt;
	color: #444499;
}

.textBox {
	padding: 0.5em 5px 5px 5px;
}

.newsBox {
	padding: 0.5em 5px 5px 5px;
}
.newsBox ul { margin-bottom: 0; }

.priceBox {
	background-color: #f5f5f7;
	margin-top: 4px;
	margin-bottom: 8px;
}

.okBox {
	padding: 0.5em 5px 0.8em 5px;
	text-align: center;
}
.cmtTitle {
	height: 25px;
	margin: 0;
	padding: 0 5px 0 5px;
	background: url(/images/Mbar_s.gif) repeat-x left bottom;
}
.cmtBox {
	padding-bottom: 0.9em;
}
.cmtDate {
	float: right;
	width: 100px;
	padding-top: 3px;
	text-align: right;
	font-size: 8pt; 
	color:#9999cc;
}

.galleryBox  { padding-bottom: 10px }
.galleryBoxB { padding-top: 6px }

#starboard .textBox {
	padding: 5px;
}

#starboard h4 { font-size: 10pt; color: #c84b64; margin: 0; font-weight: bold; }
#starboard h5 { font-size: 8pt; color: #c86a7d; margin: 0; font-weight: bold; }

.feedbackHeader { 
	font-size: 8pt;
	color: #000088;
	text-align: center;
	width: 60px;
	background-color: #e7e9f0;
}
.feedbackRB1 { 
	color: #000088;
	text-align: center;
	width: 60px;
	background-color: #f9fafc;
}
.feedbackRB2 { 
	color: #000088;
	text-align: center;
	width: 60px;
	background-color: #eff1f5;
}

.imgL {
	float: left;
	border-width: 0px;
	border-style: none;
	margin: 0;
	padding: 0 5px 5px 5px;
}
.imgR {
	float: right;
	border-width: 0px;
	border-style: none;
	margin: 0;
	padding: 0 5px 5px 5px;
}
.icon {
	border: 0 none;
	padding: 0;
	margin: 0;
}

#pageTitle {
	height: 22px;
	line-height: 22px; 
	white-space: nowrap;
	padding: 8px 0 0 6px; 
	margin: 0;
}
#pageTitle h1 {
	font-size: 11pt; 
	color: #ae1b38; 
	margin: 0; 
	font-weight: bold;
}

#breadcrumbs {
	height: 24px;
	line-height: 12px;
	font-size: 8pt;
	padding: 2px 0 0 5px;
	margin: 0;
	color: #555599;
}
#breadcrumbs a:link { color: #1980b8; font-weight: normal; }
#breadcrumbs a:visited { color: #1980b8; font-weight: normal; }
#breadcrumbs a:hover { color: #cc395b; font-weight: normal; }
#breadcrumbs a:active { color: #8888cc; font-weight: normal; }

.smallLink {
	font-size: 8pt;
	color: #555599;
}
.smallLink a:link { color: #1980b8; font-weight: normal; }
.smallLink a:visited { color: #1980b8; font-weight: normal; }
.smallLink a:hover { color: #cc395b; font-weight: normal; }
.smallLink a:active { color: #8888cc; font-weight: normal; }

#menu td { font-size: 10pt; }
#menu a { font-size: 10pt; display: block; }
#menu a:link { text-decoration:none; color:#0000cc; font-weight:normal; }
#menu a:visited { text-decoration:none; color:#0000cc; font-weight:normal; }
#menu a:hover { text-decoration:underline; color:#b00e34; font-weight:normal; 
						background-color: transparent; }
#menu a:active { text-decoration:underline; color:#8888cc; font-weight:normal; }

#menu .level1 {
	width: 140px;
	margin-top: 9px;
	background: url(/images/Mbut_level0.gif) no-repeat left center;
}
#menu .level1 .l2box { }
#menu .level2 {
	width: 140px;
	padding-top: 1px;
	background-color: transparent;
}
#menu .level2 .l2box {
	width: 110px;
	margin-left: 8px;
	padding-left: 14px;
	background: #fff9f3 url(/images/BGletter_menu.jpg) 
			no-repeat fixed center bottom;
}
#menu .levelImg {
	float: left;
	width: 16px;
	height: 12px;
	padding-top: 1px;
	background-color: transparent;
}

.NLpaleS { color: #bbbbdd; font-size: 8pt; margin-top: 6px; }
.NLpaleS a:link { color: #bbbbdd; font-size: 8pt; font-weight: normal; }



.calendar .calTable { margin: 0; padding: 0; }
.calendar td { font-size: 8pt; padding: 1px 0px; }
.calendar * .yearTitle 
	{ color: #444499; font-size: 10pt; font-weight: bold; height: 24px; }
.calendar * .monthTitle 
	{ color: #444499; font-size: 8pt; font-weight: bold; height: 18px; }

.calendar .trDark { background-color: #f5f5f7; }
.calendar .trLight { background-color: #fcfbf9; }

.calendar .sunday { color: #fe6666; background-color: #ffd7d7; }
.calendar .today { color: #ffffff; background-color: #aaaafc; }

.calendar .specDay { color: #bbbbdd; }
.calendar .specSun { color: #bbbbdd; background-color: #ffd7d7; }
.calendar .weekNr { font-size: 7pt; color: #ccccdd; text-align: right; }

.calendar .curEvent { background-color: #fef4be; }
.calendar .pastEvent { background-color: #f8f5e1; }
.calendar .curPeriod { background-color: #ccfccc; }
.calendar .pastPeriod { background-color: #ecfcec; }
.calendar .vacation { background-color: #e8edef; }

.calendar .nav a { font-size: 10pt; font-weight: bold; }
.calendar a { font-size: 8pt; font-weight: bold; }
.calendar a:link { text-decoration: none; color: #1980b8;}
.calendar a:visited { text-decoration: none; color: #1980b8; }
.calendar a:hover { text-decoration: underline; color: #02baa6;
					background-color: #f4f4fc; }
.calendar a:active { text-decoration: underline; color: #02a6d0;
					background-color: #f4f4fc; }

.calendarNav { font-size: 10pt; }
.calendarNavGrey { font-size: 10pt; color: #bbbbcc; font-weight: bold; }
.calendarBull { font-size: 12pt; }
.calendarBullGrey { font-size: 12pt; color: #bbbbcc; font-weight: bold; }

.calFullyBooked { color: #aa2233; font-style: italic; }
.calPrivFunction { color: #02baa6; font-style: italic; }

.calNavIcon { margin: 0; padding: 0; border: #000 none 0; }
.calBGTitle { background-color: #eff1f5; }
.calTitle { color: #444499; font-weight:bold; }

.serpNavBox {
	height: 20px;
	line-height: 16px;
	margin: 0;
	padding-top: 4px;
	background: url(/images/Mbar_s.gif) repeat-x left top;
}
.serpStats { font-size:8pt; text-align:right; color:#444499; margin: 4px 0; }
.serpScore { font-size:8pt; color:#444499; background-color: #eff1f5; }
.serpNav { font-family:Helvetica, Arial, Verdana, sans-serif; }
.serpNav b { font-size:12pt; font-weight:normal; color:#02baa6; }
.serpNav a:link b { font-size:12pt; font-weight:bold; color:#1980b8; }
.serpNav a:visited b { font-size:12pt; font-weight:bold; color:#1980b8; }
.serpNav a:hover b { text-decoration:underline; color:#02baa6; }
.serpNav a:active b { text-decoration:underline; color:#02a6d0; }
.serpNav .navImg { margin-top: 2px; }
.serp b { font-weight:bold; }
.serp i { font-style:normal; font-weight:bold; color:#02baa6; 
	background-color:#f2efff; }
.serpInputRed { border-style:groove; border-width:2px; border-color:#c80025; 
	color:#000044; font-size:8pt; background-color:#fcfbf9;  }

.videoBox { margin-left: 5px; }