body {
	margin: 0;
	padding: 0;
	background-color: #CC99CC;
	background-color: #EEE;
	background-image: url(/images/ferry_bkgnd_rt_base.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-size: 12px;
	behavior: url(/includes/csshover.htc); /* WinIW behaviour call - thank you, Microsoft! :( */
	/* for development purposes only 
	background: #EEE; color: #000; */
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
h1 {font-size: 160%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
a {color: #8b8;}
a:hover {color: #696;}
a:visited {color: #7a7;}

div#header {
	background-image: url(/images/ferry_bkgnd_rt_light_top.jpg);
	border: 1px solid #AAA;
	padding-left: 1em;
	color: #696;
}
div#content {
	/* background-image: url(/images/gray_gauze.gif); */
	color: #AAA; 
	margin-left: 11em; 
	padding: 1px 0 1px 5%; 
	border-left: 1px solid #AAA; 
}

div#sidebar {

}
div#menu-main {
	float: left;
	width: 11em;
	margin: -1px 0 0 -1px;
	background: #FDD;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: 700;

}
div#menu-main ul {
	margin: 0;
	padding: 0;
	width: 11em;
	background: white;
	border: 1px solid #AAA;
}
div#menu-main li {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #CCC;
}
div#menu-main li:hover {
	background: #EBB;
	cursor: pointer;
}
div#menu-main li.submenu {
	background: yellow;
	background: url(/images/submenu_right.gif) 95% 50% no-repeat; 
}
div#menu-main li.submenu:hover {
	background-color: #EDD; 
}
div#menu-main li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 10.5em;
}
div#menu-main>ul a {width: auto;}
div#menu-main ul ul {
	position: absolute;
	top: 0;
	left: 11em;
	display: none;
}
div#menu-main ul.level1 li.submenu:hover ul.level2,
div#menu-main ul.level2 li.submenu:hover ul.level3 {
	display: block;
}

div#footer {
	position: absolute; 
	bottom: 0.5em;
	padding-left: 1em;
}