﻿html {
	width:				100%;
	background:			#d4d4d4 url('/hawaii/images/main_bkg_tile.jpg') repeat-x top left;		
}
body
{
	font-family:		Verdana, Arial, sans-serif;
	font-size:			11px;
	color:				#5a5a5a;
	width:				100%;	
}

.content-wrapper, .footer-wrapper {
	width:				1024px;
	margin-left:		auto;
	margin-right:		auto;
}

.header, .content, .footer {
	width:				914px;
	margin-left:		auto;
	margin-right:		auto;	
}

.header 
{
	background:			transparent url('/hawaii/images/page_top_shadow.png') no-repeat bottom left;
	overflow:			hidden;
	height:				inherit;
}

.wrapperL, .wrapperR {
	width:					55px;
	background-position:	0 0;
	background-repeat:		repeat-y;
}
.wrapperL {
	background-image:		url('/hawaii/images/page_left_shadow.png');
}
.wrapperR {
	background-image:		url('/hawaii/images/page_right_shadow.png');
}
.footer-wrapper {
	background:			transparent url('/hawaii/images/page_bottom_shadow.png') no-repeat top left;
}


.header #researchLogo 
{
	position:			absolute;
	float:				left;
	margin-top:			45px;
}

.header #hawaiiLogo 
{
	position:			absolute;
	float:				left;
	margin-top:			72px;
	margin-left:		101px;
}

.topNav {
	float:				right;
	height:				60px;
	margin-top:			60px;
}

.topNav .mainNav {	
	font-family:		Arial, Verdana, sans-serif;
	font-size:			14px;
	color:				#b9b9b9;		
}
.topNav .mainNav a {
	padding-left:		15px;
	color:				#a2d8d5;
	display:			block;
	float:				left;
	text-decoration:	none;
	font-weight:		bold;	
}
.topNav .mainNav a:hover,
.topNav .mainNav a:visited:hover,
.topNav .mainNav a.current {
	color:				#7f7f7f;
}

.topNav .subNav {
	clear:				both;
	width:				100%;
	margin-top:			-1px;
	font-family:		Arial, Verdana, sans-serif;
	font-size:			11px;
}
.topNav .subNav a {
	color:				#7f7f7f;
	padding-right:		7px;
	padding-left:		7px;
	text-decoration:	none;
}
.topNav .subNav a:hover,
.topNav .subNav a:visited:hover {
	color:				#5da7aa;
}

.footer {
	height:				30px;
	padding-top:		8px;
	padding-bottom:		11px;
}
.footer #msftLogo {
	float:				right;
	margin-right:		1.25em;
}
.footerLinkList li {
	float:				left;
	margin-left:		7px;
	font-size:			10px;	
}
.footerLinkList li.first-link {
	margin-left:		1.25em;
}
.footerLinkList a {
	display:			block;
	float:				left;
	color:				#5a5a5a;
	text-decoration:	none;
}
.footerLinkList a:hover {
	text-decoration:	underline;
}

