body { margin : 0; padding: 0; background : #8E82A6 }


@charset "iso-8859-1";
/* Positioning of top half of header picture - company name */
div.header {
	width : 100%;
	position : absolute;
	left : 0px;
	top : 0px
}

body>div.header{ position : fixed }

	/* This is where you can modify the look and feel of the header. In this example, I have made the layer transparent, and used a transparent gif for the background. */
div.headerstyle { background-color : transparent;  background-image :  url("images/headerbar.jpg");  background-repeat : repeat-x;   }

div.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	text-align: left;
	color: #F0FA9A;
}
div.BoldContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large
	font-style: strong;
}
/* This is where you can define the link colors for the main content. */
div.content a:link { color : #0000FF;  background-color : transparent;  }
div.content a:visited { color : #990066;  background-color : transparent;  }
div.content a:link:hover { color : #FFCC00;  background-color : #3F5561;  }
div.content a:visited:hover { color : #FFCC00;  background-color : #3F5561; }

	/* To better help accomodate Netscape 4 and text only browsers, this is used to hide layers that we want to show in NN4 and text only browsers.
   ie: quick page jumps to menu at bottom of page, and jump to top of page from menu. */
div.hide {
	display : none;
}

/* This is where the main background image is placed, also this parent div class uses the margin settings to place the content nested layer in the right position.
   You may have to edit this. */
div.container {
	padding : 235px 20px 20px 175px;
	margin-top: nem;
	background-color: #8e82a6;
}

/* This is where you can define the look and feel of the menu with no mouse interactivity. */
div.links {
	width : 166px;
	font : 14px Verdana, sans-serif;
	position : absolute;
	top : 235px;
	left : 0;
	height : 700px;
	z-index : 100
}

/* No need to change this. */
body>div.links { position : fixed }

/* This is where the menu link text are defined for the look and feel. */
div.links a {
	padding : 5px 10px;
	margin : 0 0 1px;
	border-width : 0;
	border-right : 5px solid #DDD0F2;
	display : block;
	color : #F0FA9A;
	background : #6E82A6;
	font : bold 1em sans-serif;
	text-align : center;
	text-decoration : none;
}

/* This is where you can define the hover effect for the menu text links. */
div.links a:hover {
	border-right : 5px solid #DDD0F2;
	color : #F0FA9A;
	background : #8E82A6
}

/* No need to change. This hides the menu tool tips. */
div.links a span { display : none }

/* This is where you can define the look and feel of the menu tool tips. */
div.links a:hover span {
	width : 140px;
	padding : 5px;
	margin : 6px;
	border-bottom : 1px solid #3F5561;
	border-right : 1px solid #3F5561;
	display : block;
	color : #000000;
	background-color:#F0FA9A ;
	font : 10px Verdana, sans-serif;
	text-align : center;
	position : absolute;
	top : 200px;
	left : 0;
	z-index : 100;
	font-size: 1em;
}