BODY			{  margin:0px; padding:0px; overflow:auto; }

div#header	 	{ position:relative; z-index:010; width:100%; height:22%; background-color:rgb(60,80,80); text-align:left; }
div#systemdate	 	{ position:absolute; z-index:020; width:12%; height:25px; top:130px; left:5PX; font-size:12px; color:rgb(255,255,255); text-align:center; }
div#corner	 	{ position:relative; z-index:020; width:100%; height:3%; background-image:url('images/shadow1.gif'); }
div#maincontent 	{ position:relative; z-index:050; width:70%; height:73%; background-color:rgb(255,255,255); padding:0.1cm; overflow:auto; }

a:link			{ color: #246E53; text-decoration: none }
a:visited		{ color: #246E53; text-decoration: none }
a:active		{ color: #666666; text-decoration: none }
a:hover			{ color: #FF6600; text-decoration: none }

 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */
 
TABLE			{ COLOR: #666666; FONT: 11px geneva, verdana, arial, sans-serif }
.smalllink 		{ FONT: 9px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }
:hover.smalllink	{ FONT: 9px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }
.biglink 		{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }
:hover.biglink 		{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }
.just 			{text-align: justify;}
.copyright		{ COLOR: #999999; FONT: 9px geneva, verdana, arial, sans-serif }
.smalltitle 		{ COLOR: #A2B7B5; FONT: 11px verdana, arial, sans-serif; font-weight: bold }
.careertitle		{ COLOR: #666666; FONT: 14px geneva, verdana, arial, sans-serif; font-weight: bold }
.subtitle		{ COLOR: #A2B7B5; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }
.phonetitle		{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }
.picturecomments	{ COLOR: #666666; FONT: 12px geneva, verdana, arial, sans-serif }
.picturehilight		{ COLOR: #3366FF; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }
.picturetitle 		{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold }
.title 			{ COLOR: #000000; FONT: 18px geneva, verdana, arial, sans-serif; font-weight: normal; text-align: justify;}
.text 			{ COLOR: #000000; FONT: 16px geneva, verdana, arial, sans-serif; font-weight: normal; text-align: justify;}
.list 			{ COLOR: #000000; FONT: 14px geneva, verdana, arial, sans-serif; font-weight: normal }
.faq 			{ line-height: 19px }

 /* SIDEBAR OPTIONS */
 
a:link.sidelink		{ color: #CCFFCC; text-decoration: none }
a:visited.sidelink	{ color: #CCFFCC; text-decoration: none }
a:active.sidelink	{ color: #CCFFCC; text-decoration: none }
a:hover.sidelink	{ color: #CCCC99; text-decoration: none }
.sidebartitle		{ COLOR: #A2B7B5; FONT: 13px verdana, arial, sans-serif; font-weight: bold }
.sidebartext		{ COLOR: #A2B7B5; FONT: 11px geneva, verdana, arial, sans-serif }
.datefont		{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold }

 /* END SIDEBAR OPTIONS */

 /* IMAGE HOVER CODE */

.rollover 		{ background-color: #000000}
.rolloveron 		{ background-color: #FF6600; filter:alpha(opacity=60)  }

/* ========================================================================================================== */ 
/* The following stylesheet statements are based on several stylesheets developed by Stu Nicholls and others. */
/* ========================================================================================================== */
/* This copyright notice must be untouched at all times.                                                      */
/*                                                                                                            */
/* The original version of this stylesheet and the associated (x)html is available at:                        */
/* http://www.cssplay.co.uk/menus/simple_vertical_centered.html                                               */
/* Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.                                                 */
/* This stylesheet and the associated (x)html may be modified in any way to fit your requirements.            */
/* ========================================================================================================== */

	#toolbar {text-align:center;}
	#toolbar ul {display:inline; list-style-type:none; }
	#sidebarmenu ul {display:inline; list-style-type:none; }

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
	#toolbar { position:relative; z-index:999; }
	#sidebarmenu { position:relative; z-index:999; }

/* Get rid of the margin, padding and bullets in the unordered lists */
	#toolbarmenu { padding:0; margin:0 auto; display:table; }
	#toolbarmenu ul { padding:0; margin:0; display:block; }

/* Hide the sub levels */
	#toolbarmenu li ul {display:none;}

/* Set up the link size, color and borders */
	#toolbarmenu li a, #toolbarmenu li a:visited { font-weight:bold; display:block; width: 220px; font-size:12px; color:rgb(162,183,181); height:25px; line-height:24px; text-decoration:none; text-indent:5px; text-align:left; }
	#toolbarmenu li li a, #toolbarmenu li li a:visited { padding-left: 0.1cm; display:block;  width: 221px; font-size:11px; color:rgb(162,183,181); height:25px; line-height:25px; text-decoration:none; text-indent:5px; text-align:left; }

/* Set up the list items */
	#toolbarmenu li { float:left; background:rgb(60,80,80); color:rgb(0,0,0); }
	#sidebarmenu li { background:rgb(60,80,80); color:rgb(0,0,0); }

/* For Non-IE browsers and IE7 */
	#toolbarmenu li:hover { position:relative; }

/* Make the hovered list color persist */
	#toolbarmenu li:hover > a, #toolbarmenu li:hover > a:visited { background:rgb(0,0,0); color:rgb(162,183,181); }
	#sidebarmenu li:hover > a, #sidebarmenu li:hover > a:visited { background:rgb(0,0,0); color:rgb(162,183,181); }

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
	#toolbarmenu li:hover > ul { display:block; position:absolute; top:24px; left:0px; }
	#toolbarmenu li li:hover > ul { display:block; position:absolute; top:0px; left:225px; }

/* Position the first sub level beneath the top level links */
	#toolbarmenu > li:hover > ul { top:0px; }

/* get rid of the table */
	#toolbarmenu table { position:absolute; top:0; left:0; z-index:100; border-style: none; font-size:1em; }}

/* For accessibility of the top level menu when tabbing */
	#toolbarmenu li a:active, #toolbarmenu li a:focus { background:rgb(0,0,0); color:rgb(255,255,255); }

/* =========================================================================================================== */

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
	* html #toolbarmenu li a:hover { position:relative; background:rgb(0,0,0); color:rgb(255,255,255); }

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
	* html #toolbarmenu li ul { visibility:hidden; display:block; position:absolute; }

/* keep the third level+ hidden when you hover on first level link */
	* html #toolbarmenu li a:hover ul ul { visibility:hidden; }

/* make the second level visible when hover on first level link and position it */
	* html #toolbarmenu li a:hover ul { visibility:visible; top:24px; left:0px; }

/* make the third level visible when you hover over second level link and position it and all further levels */
	* html #toolbarmenu li a:hover ul a:hover ul { visibility:visible; top:0px; left:225px; }

/* =========================================================================================================== */