body
	{
	margin-top: 0px ;
	margin-bottom: 0px ;
	background: #cccccc ;

	}

a 	
	{
	text-decoration: none ;
	}

a.n1 
	{ 
	color: maroon ;
	text-decoration: none ;
	}

a.n2
	{
	color: blue ;
	text-decoration: underline ;
	}
	
a.nav
	{
	color: white ;
	text-decoration: none ;
	font-weight: bold
	}

a.nav:hover
	{
	color: yellow ;
	}

p.h1
	{
	font-size: 18px ;
	color: black ;
	text-decoration: none ;
	font-weight: bold ;
	}

table.mainbodytable
	{
	width: 1000px ;
	border-width: 0px ;
	border-color: silver ;
	border-style: solid ;
	margin-left: 1px ;
	margin-right: 1px ;
	margin-color: black ;
	background-color: #ffffff ;
	}

table.dottedrightborder
	{

	empty-cells: show ;
	border-right: 1px
	border-bottom: 1px ;
	border-style: dotted ;
	border-width: 1px ;
	border-color: white grey grey white ;
	}

td.mainbodymarginleft
	{
	width: 16px ;
	background-image: url('images/decor/edge_left.png') ;
	background-repeat: repeat-y ;
	}

td.mainbodymarginright
	{
	width: 16px ;
	background-image: url('images/decor/edge_right.png') ;
	background-repeat: repeat-y ;
	}

td.mainbodycolumnleft
	{
	width: 200px ;
	vertical-align: top ;
	}

td.mainbodycolumncenter
	{
	width: 550px ;
	vertical-align: top ;
	}

td.mainbodycolumnright
	{
	width: 200px ;
	vertical-align: top ;
	}

div.celldotted
	{
	border-style: solid ;
	border-width: 1px ;
	border-color: black ;
	}
hr.dottedgrey
	{
	width: 100% ;
	border-width:	1px ;
	border-style: dotted ;
	border-color: lightgrey ;
	}

hr.dottedmaroon
	{
	width: 100% ;
	border-width:	1px ;
	border-style: dotted ;
	border-color: maroon ;
	}

div.main
	{
	font-size: 14px ;
	color: black ;
	margin-top: 0px ;
	margin-left: 5px ;
	margin-right: 5px ;
	margin-bottom: 0px ;
	border-width: 0px 0px 1px 0px ;
	border-style: none ;
	border-color: grey ;
	padding-top: 10px ;
	padding-bottom: 20px ;
	padding-left: 10px ;
	padding-right: 10px ;
	}

div.main:first-line
	{
	font-size: 20px ;
	font-weight: bold ;
	color: maroon ;
	}



div.mainleft
	{
	margin-top: 0px ;
	margin-left: 5px ;
	margin-right: 5px ;
	margin-bottom: 0px ;
	border-left: 0px ;
	border-top: 0px ;
	border-right: 0px dotted grey;
	border-bottom: 0px dotted grey;
	padding: 5px 3px 20px 3px ;
	font-size: 12px ;
	color: black ;
	}

div.mainleft:first-line
	{
	font-size: 12px ;
	font-weight: bold ;
	color: maroon ;
	}

div.mainright
	{
	width: 200px ;
	margin-top: 5px ;
	margin-left: 5px ;
	margin-bottom: 20px ;
	margin-right: 5px ;
	border-width: 1px ;
	border-color: #AAA ;
	border-style: solid ;
	background: #EEE ;
	padding: 5px ;
	font-size: 12px ;
	color: black ;
	}

div.mainright:first-line
	{
	font-size: 13px ;
	font-weight: bold ;
	color: maroon ;
	}

font.details
	{
	color: maroon ;
	text-decoration: none ;
	font-family: Arial ;
	font-size: small ;
	}

font.advisory
	{
	color: maroon ;
	text-decoration: none ;
	font-family: Arial ;
	font-size: small ;
	font-style: italic ;
	}

.smalltext
	{
	font-size: 12px;
	}

.boldfirst:first-line
	{
	font-weight: bold ;
	}



<!--------  Drop Shadows -------------------->

.shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 	
	.shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	.shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	.shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	.shadow-container .container {
		background: #fefefe;
		border: 1px solid #848284;
		padding: 10px;
	}


<!---------- End drop Shadows ------------->

<!-- ################## Menu CSS ########################-->

#mainnav, #mainnav li
	{
	display: inline ;
	list-style: none ;
	padding: 0;
	margin: 0 ;
	}

#mainnav a
	{
	display: inline;
	}

#mainnav li
	{
	display: table-cell;
	float: left ;
	position: relative;
	padding: 2px 6px 2px 6px;
	font-size: 18px ;
	}

#mainnav li ul 
	{
	display: block ;
	position: absolute;
	width: 240px;
	left: -999em;	/* This is to hide the menu items on loadup */
	}

#mainnav li ul li
	{
	display: block ;
	font-size: 14px ;
	}

/* The sfhover function is added in the main javascript to allow IE to have a pseudo hover event for the list elements */

#mainnav li:hover, #mainnav li.sfhover
	{
	color: yellow ;
	}


/* Fine tune for Mozilla */
#mainnav li:hover ul 		
	{
	display: block ;
	list-style-type: none;
	left: 7 ;	/* This is to show the item when hovering */
	top: 25 ;
	border: 1px solid #369;
	background-color: #101936 ;
	}

#mainnav li:hover ul li
	{
	left: -40 ;
	}

/* Fine tune for IE */
#mainnav li.sfhover ul		
	{
	display: block ;
	list-style-type: none;
	left: -33 ;	/* This is to show the item when hovering */
	top: 25 ;
	border: 1px solid #369;
	background-color: #101936 ;
	}

/* End fine tune */

#mainnav li 
	{
	font-weight: bold ;
	color: #ffffff ;
	}

<!-- End Menu CSS -->