body { margin : 0; background : #FFFFFF }

/* No need to change anything here */
div.header {
	width : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	height : auto; /* was nem ??? */
}
/*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/bg_header.gif);  background-repeat : repeat-x;   }

/* 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 : 95px;
	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 #708495;
	display : block;
	color : #B5D0E3;
	background : #3F5561;
	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 #B5D0E3;
	color : #FFFFFF;
	background : #7C95A7
}

/* 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 : transparent url(images/bg_menu_pop.gif) repeat;
	font : 10px Verdana, sans-serif;
	text-align : center;
	position : absolute;
	top : 160px;
	left : 0;
	z-index : 100
}

/* 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 : 95px 20px 20px 161px;
	background : url(images/bg_body.gif) #FFFFFF repeat;
	margin-top: 0; /*was nem ???*/
}

/* A nested layer of the container layer. Edit the look and feel here. */
div.content {
	padding : 10px;
	border : solid 5px #3F5561;
	color : #000000;
	background : #FFFFFF;
	font : 13px Verdana, sans-serif;
	margin-left: 5px;
}
div.content p { margin : 0 1em 1em }
div.content h3 { margin-bottom : 0.25em }
h1 {
	margin : -9px -9px 0.5em;
	padding : 15px 0 5px;
	white-space : nowrap;
	background : #3F5561;
	color : #7C95A7;
	font : bold 25px sans-serif;
	text-align : right;
	letter-spacing : 0.5em;
	text-transform : lowercase;
	height : 28px;
	vertical-align : middle
}

/* This is where you can define the link colors for the main content. */
div.content a:link { color : #0000FF;   }
div.content a:visited { color : #800080;    }
div.content a:hover { color : #FF0000;    }
/*div.content a:visited:hover { color : #FFCC00;  background-color : transparent; }*/


code, pre { color : #FFCC00; font : 90% monospace;  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;
}



#home-image {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: -25px;
}
td.cell a:link {
	color: #0000FF;
}
td.cell a:visited {
    color: #800080;
	}
td.cell a:hover {
    color: #FF0000;
	background-color: #A0A0A4;
	 
	}
.recollect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}