/*************************************

        Framework/layout styles

*************************************/

HTML, BODY {

	margin:0;

	height:100%;

	text-align:center;}



BODY {background-image:url("images/background.gif"/*tpa=http://www.shidler.hawaii.edu/Portals/1/Skins/Shidler/images/background.gif*/);}



P, TD, LI, DIV, SPAN {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	text-align:left;}

	

ACRONYM {

	border-bottom:none;

	}/* removes default dotted underline */



A:link, A:visited {color:#3F68AD; text-decoration:underline;}

A:active {color:#cc6600; text-decoration:underline;}

A:hover {color:#0099ff;}



#mainTABLE {

	width:822px;

	height:100%;

	margin-left:auto;

	margin-right:auto;

	text-align:left; 

	border-left:solid 1px #999999;

	border-right:solid 1px #999999;

	background-color:#FFFFFF;}

	

#mainContent, #topBanner, #mainFooter {

	width:800px;

	margin-left:10px;

	margin-top:10px;}	

	

#topBanner {

	background-color:#7BADB6;

	height:135px;}

	

TD.logo {

	width:280px;

	padding-left:20px;

	padding-top:5px;}

	

DIV.logo {

	width:175px; 

	height:85px;}

	

TD.topNavigation {

	height:21px;

	padding-bottom:21px;

	text-align:right;}



	TD.topNavigation DIV {

		font-family:Verdana, Arial, Helvetica, sans-serif;

		font-size:11px;}

	TD.topNavigation A:link, TD.topNavigation A:visited, TD.topNavigation A:active {

		display:block;

		color:#FFFFFF;

		background-color:#7BADB6;

		border:solid 1px #fff;

		width:auto;

		margin-left:10px;

		float:left;

		padding-left:10px;

		padding-right:10px;

		line-height:20px;

		text-decoration:none;

		font-size:14px;}

	TD.topNavigation A:hover {

		background-color:#ffffff;

		color:#7BADB6;

		text-decoration:none;}

	

TD.topLinks {

	padding-top:7px;

	width:510px;}

	

TD.topLinks	DIV.topLinks {

	width:360px;

	margin-top:-10px;

	_margin-top:-8px; /* recognized by IE only */

	margin-left:6px;

	float:left;}

TD.topLinks DIV.topLinks P {color:#ffffff;}



TD.topLinks DIV.topLinks A:link, TD.topLinks DIV.topLinks A:visited {color:#ffffff; text-decoration:none;}

TD.topLinks DIV.topLinks A:active {color:#ffffff;}

TD.topLinks DIV.topLinks A:hover {color:#ffffff; text-decoration:underline;}



DIV.searchBox {float:left;}



DIV.searchBox Input.NormalTextBox{

	width:70px;

	height:17px;

	font-size:10px;

	border:solid 1px #999999;}



DIV.searchBox A.SkinObject {

	font-weight:normal;

	color:#FFFFFF;

	font-size:11px;}



/* Google Search */

DIV.searchBox INPUT.GCSearchBox {

	width:70px;

	height:17px;

	font-size:10px;

	border:solid 1px #999999;

	margin:0 0 0 5px;

}



DIV.searchBox INPUT.GCSearchButton {

	background-color:#fff;

	font-size:10px;

	border:solid 1px #ccc;

	color:#444;

}



TD.topNavigation {height:21px;}



TD.topBannerImage {}

	

TD.topBannerImage DIV.topBannerImage {

	width:510px;

	height:65px;}



TD.leftPanel {

	width:200px;

	vertical-align:top;}

DIV.leftPanel {

	background-color:#FFFFFF;

	border:solid 1px #dfdfdf;

	padding-bottom:10px;}



TD.spacer {width:10px;}

DIV.spacer {}



TD.rightPanel {width:590px;}

DIV.rightPanel {background-color:#FFFFFF;}



#mainFooter TD {padding-bottom:10px;}



DIV.footer {

	border-top:solid 3px #7BADB6;

	padding-top:5px;

	color:#999999;}

	

/*************************************

           Parameter styles

*************************************/

.highlight, A:link.highlight, A:active.highlight, A:hover.highlight, A:visited.highlight {color:#CC6600;}

.alignTop {vertical-align:top;}

.alignBottom {vertical-align:bottom;}

.justify {text-align:justify;}

.center {text-align:center;}

.leftAlignedImage {

float:left;

margin-right:10px;

margin-top:5px;

margin-bottom:10px;}



.rightAlignedImage {

float:right;

margin-left:10px;

margin-top:5px;

margin-bottom:10px;}



/*************************************

          Left Menu Styles

*************************************/

DIV.spmenuSpacer2 {display:none; text-decoration:none;}

DIV.spmenuSpacer1 {font-size:0pt; line-height:0pt;}		

DIV.spmenuSpacer3 {display:none;}

DIV.leftPanel DIV.spmenuSpacer1 {font-size:0pt; line-height:0pt; display:none;}

.MainMenu_MenuContainer_Left {width:160px; margin-top:4px; margin-left:10px; margin-right:10px;}

.MainMenu_MenuBar_Left {

	text-align:center;

	color:#345794;

	font-family:verdana, arial, helvetica;

	font-size:11px;

	line-height:11px;

	height:28px;

	width:100%;}



.MainMenu_MenuItem_Left {

	height:28px;

	border:none;

	width:100%;}

	

.MainMenu_MenuContainer_Left IMG {}

.MainMenu_MenuItem_Left TD {

	text-decoration:underline;

	height:28px;

	width:100%;}

.MainMenu_MenuIcon_Left {display:none;}



.MainMenu_MenuItemSel_Left TD {

	width:100%;

	font-size:11px;

	line-height:11px;

	height:28px;}

.MainMenu_MenuBreak_Left {}



.MainMenu_SubMenu_Left {border:solid 1px #345794; background-color:#ffffff;}

.MainMenu_SubMenu_Left TD {

	font-weight:normal;

	color:#345794;

	border:none;

	font-family:verdana, arial, helvetica;

	font-size:11px;

	line-height:11px;

	cursor:pointer;

	text-decoration:none;

	width:auto;}

	

.MainMenu_MenuContainer_Left TD TD {white-space:normal;}

	

.submenuitemselectedcssclass_Left {background-color:#FFFFFF;}



.rootmenuitemactivecssclass_Left, .rootmenuitemselectedcssclass_Left TD, .rootmenuitembreadcrumbcssclass_Left TD {

	font-family:verdana, arial, helvetica;

	cursor:pointer;

	font-size:11px;

	line-height:11px;

	text-decoration:none;

	color:#333333;

	height:28px;}

	

.MainMenu_RootMenuArrow_Left {}

.MainMenu_MenuArrow_Left {}

.rootmenuitembreadcrumbcssclass_Left {}

.rootmenuitemcssclass_Left {}

.submenuitembreadcrumbcssclass_Left {}

.submenuitemactivecssclass_Left {}