body	{
	font-family: century gothic;
	background: #333333;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 12px;
	}

img	{
	border: 0px;
	}
	
a	{
	text-decoration: none;
	}
	
h1	{
	text-align: center;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
	}

div#header	{
	position: fixed;
	left: 20px;
	top: -13px;
	right: 20px;
	text-align: center;
	height: 60px;
	border: solid 2px #666666;
	background: #999999 url('images/header-background.jpg') repeat-x;
	font-size: 35px;
	color: white;
	margin-top: 33px;
	}
	
div#title	{
	position: fixed;
	left: 20px;
	top: 84px;
	bottom: 20px;
	border-right: solid 2px #666666;
	border-left: solid 2px #666666;
	border-bottom: solid 2px #666666;
	background: #999999 url('images/left-ruler.gif') repeat-y;
	text-align: center;
	line-height: 75px;
	font-weight: bold;
	width: 40px;
	font-size: 20px;
	color: white;
	}
	
div#blocktop	{
	position: fixed;
	left: 64px;
	right: 20px;
	top: 84px;
	height: 15px;
	border-bottom: solid 1px #666666;
	border-right: solid 2px #666666;
	background: white url('images/x-rule.gif') repeat-x;
	}
	
div#blockleft	{
	position: fixed;
	left: 64px;
	bottom: 20px;
	top: 99px;
	width: 15px;
	border-bottom: solid 2px #666666;
	border-right: solid 1px #666666;
	background: white url('images/y-rule.gif') repeat-y;
	}
	
div#blockbottom	{
	position: fixed;
	left: 79px;
	bottom: 20px;
	right: 20px;
	height: 15px;
	border-bottom: solid 2px #666666;
	border-right: solid 2px #666666;
	border-top: solid 1px #666666;
	background: white url('images/x-rule.gif') repeat-x;
	}
	
div#blockright	{
	position: fixed;
	right: 20px;
	bottom: 37px;
	top: 99px;
	width: 15px;
	border-left: solid 1px #666666;
	border-right: solid 2px #666666;
	background: white url('images/y-rule.gif') repeat-y;
	}
	
div#rightnav	{
	z-index:1;
	position: fixed;
	right: 38px;
	border-left: solid 2px #666666;
	top: 100px;
	bottom: 38px;
	text-align: center;
	width: 160px;
	background: white;
	}
	
div#rightnavblockx	{
	border-bottom: solid 1px #666666;
	letter-spacing: 4px;
	background: #F1F1F1;
	}
	
div#rightnavblock	{
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	letter-spacing: 4px;
	background: #F1F1F1;
	}
	
div#contentbox	{
	position: fixed;
	right: 199px;
	left: 80px;
	top: 100px;
	bottom: 38px;
	border: none;
	background: white url('images/graph.gif');
	text-align: center;
	overflow:	scroll;
	}
	
div#content	{
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	}
	
div#portfoliomenu {
	position: absolute;
	width: 100%;
	height: 120px;
	bottom: 0px;
	left: 0px;
	border: thin solid gray;
	background: white;
	overflow: auto; 
	white-space: nowrap;
	scrollbar-base-color:#red;
	}
	
div#portfolioimages {
	position: absolute;
	top: 30px;
	left: 180px;
	right: 30px;
	text-align: center;
	bottom: 15px;
	}
	
div#boatring	{
	position: fixed;
	bottom: 40px;
	right: 38px;
	width: 160px;
	border-top: solid 1px #666666;
	font-size: 10px;
	}
	
div#validator {
	position: fixed;
	bottom: 38px;
	left: 80px;
	height: 30px;
	}	
	
ul#check {
	list-style-image: url('images/check.gif');
	}	
ul#none {
	list-style-type: none;
	}

ul.disc	{
	list-style: disc;
	}

.menu, .menu li ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
}

.menu li{
position: relative;
}

.menu li a{
height: 20px;
background: #cccccc;
border-top: solid 1px white;
border-bottom: solid 1px #666666;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; 
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
padding-right:0; 
padding-top:2px; 
padding-bottom:2px;
}

.menu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
height: 20px;
left: 0;
top: 0;
display: none;
}

.menu li ul li{
float: left;
}

.menu li ul a{
width: 160px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
height: 20px;
}

.menu .arrowdiv{
position: absolute;
left: 0px;
background: url('images/arrow.gif') no-repeat center left;
}

.menu li a:visited, .menu li a:active{
color: white;
}

.menu li a:hover{
background: #C5D6FC;
}

/* IE \*/
* html .menu li { float: left; height: 1%; }
* html .menu li a { height: 1%; }
/* End */	
	
	