﻿body
{
	width:						100%;
	height:						100%;
	color:						#E2F2FF;
	background-color:			#3964A2;
	margin:						0 0 0 0;
	font-family:				Arial;
	font-size:					10pt;
	scrollbar-3dlight-color:	#122341;
	scrollbar-arrow-color:		#122341;
	scrollbar-base-color:		#122341;
	scrollbar-darkshadow-color:	#122341;
	scrollbar-face-color:		#2E4C82;
	scrollbar-highlight-color:	#2E4C82;
	scrollbar-shadow-color:		#2E4C82;	
}

a:link, a:active, a:visited
{
	color:						#E2F2FF;
	font-weight:				bold;
	text-decoration:			none;
}

a:hover
{
	color:						#FFFFFF;
	font-weight:				bold;
	text-decoration:			none;	
}

table, tr, td
{
	vertical-align:			top;
}

h2
{
	color:					#FFFFFF;
	font-size:				12;
}

.Heading
{
	color:					#FFFFFF;
	font-size:				16pt;
	font-weight:			bold;
}

h3
{
	color:					#FFFFFF;
	font-size:				11;
	font-weight:			bold;
}

h4
{
	color:					#FFFFFF;
	font-size:				10;
	font-weight:			bold;
}

#HeaderHR
{
	position:				absolute;
	top:					90px;
	left:					30px;
	width:					95%;
	color:					#000000;
}

#mainTable
{
	width:					100%;
	height:					60%;
}

#coralLeft
{
	z-index:				-1;
	width:					122;
	height:					130;
	position:				absolute;
	bottom:					0;
	left:					0;
}

#coralRight
{
	z-index:				-1;
	width:					400;
	height:					100;
	position:				absolute;
	bottom:					0;
	right:					0;
}

.TopPanel
{
	background-image:		url(Images/ocean.gif);
	background-repeat:		repeat-x;
	height:					85px;
	width:					100%;
	vertical-align:			bottom;
}

#ContentPane
{
	text-align:				center;
	width:					95%;
	height:					530px;
	overflow:				auto;
	text-align:				left;
}

.PageFooter
{
	position:				absolute;
	width:					100%;
	bottom:					1px;
	text-align:				center;
	color:					#000000;
}

.pageFooterText
{
	color:					#E2F2FF;
	font-family:			Arial;
	font-size:				8pt;
}

.pageDesign
{
	color:					#E2F2FF;
	font-family:			Arial;
	font-size:				8pt;
}

.pageFooterSpacer
{
	color:					#E2F2FF;
	font-family:			Arial;
	font-size:				8pt;	
	cursor:					default;
}

.pageFooterItem
{
	color:					#E2F2FF;
	cursor:					hand;
	font-family:			Arial;
	font-size:				8pt;
	width:					60px;
}

.pageFooterItemWide
{
	color:					#E2F2FF;
	cursor:					hand;
	font-family:			Arial;
	font-size:				8pt;
	width:					123px;
}

.pageFooterItemHighlight
{
	color:					#FFFFFF;
	font-weight:			bold;
}

#tofoLogo
{
	position:				absolute;
	left:					2px;
	top:					8px;
	width:					200px;
	height:					90px;	
	border:					solid 0 #000000;
}

#divSunrays
{
	z-index:				-1;
	text-align:				center;
	position:				absolute;
	width:					100%;
	height:					100%;	
}

#divSunrays img
{
	z-index:				-1;
	width:					350px;
	height:					100%;	
}

#divBackground, #divBackground img
{
	z-index:				-1;
	position:				absolute;
	height:					100%;
	width:					100%;
	margin:					0 0 0 0;	
}

#CenterPanel
{
	width:					auto;
	height:					auto;
	text-align:				center;
	vertical-align:			top;
	position:				relative;
}

.Content
{
	width:					100%;
	height:					100%;
}

.SidePanel
{
	width:					205px;
	text-align:				center;
	vertical-align:			top;
}

.titleStyle
{
	background-color:		#3964A2;
	color:					#FFFFFF;
	font-weight:			bold;
}

.mnuItem
{
	background-color:		#416FAB;
	color:					#FFFFFF;
	cursor:					hand;
	text-align:				left;
	font-family:			Arial;
	font-size:				10pt;
	padding:				4 4 4 4;
	border-color:			#000000;
	border-style:			solid;
	border-width:			1px;
	width:					200px;
}

.mnuSubItem
{
	background-color:		#416FAB;
	color:					#FFFFFF;
	cursor:					hand;
	font-family:			Arial;
	font-size:				10pt;
	text-align:				left;
	padding:				2 2 2 2;
}

.mnuItemHighlight
{
	background-color:		#E2F2FF;
	color:					#000000;
	font-weight:			bold;
}

.tdLine
{
	height:					3px;
	background-color:		#5AA8FF;
}

.listItemTitle
{
	background-color:		#416FAB;
	color:					#FFFFFF;
}

.listItemStyle
{
	background-color:		#82BBEE;
	border:					solid 1px #000000;
	color:					#000000;
}

.listItemAltStyle
{
	background-color:		#6FAAE0;
	border:					solid 1px #000000;
	color:					#000000;
}

.listItemClearStyle
{
	border:					solid 1px #133259;
}

.gridStyle
{
	border:					solid 1px #000000;
	border-collapse:		collapse;
	width:					80%;
	text-align:				left;
	color:					#000000;
}

.gridItemHeader
{
	background-color:		#416FAB;
	color:					#FFFFFF;
	font-weight:			bold;
}

.gridItem
{
	background-color:		#82BBEE;
	border:					solid 1px #000000;
}

.gridAltItem
{
	background-color:		#6FAAE0;
	border:					solid 1px #000000;
}

.defaultButton
{
	border:					solid 1px #122341;
	border-collapse:		collapse;
	background-color:		#2E4C82;
	color:					#FFFFFF;
	cursor:					hand;
}

/* Image Gallery */
.igButton
{
	width:						15px;
	border:						solid 1 #122341;	
	border-collapse:			collapse;
	color:						#122341;
	background-color:			#2E4C82;
	cursor:						hand;				
}

.igImageWindow
{
	border:						solid 1 #122341;
}

.igScrollBar
{
	border:						solid 1 #122341;
}

.igThumbnail
{
	border:						solid 1 #122341;
}

.igText
{
	font-family:				Arial;
	font-size:					12;
	font-weight:				bold;
}