body {
	color:#21536A;

}
/*#21536A
How To use

<div id="header">
Put your header cotent here/Title description of page
	<div id="menu">
	Put the link menu in here like this below
		<a href="employee_list.jsp" class="menu">List</a>&nbsp;|&nbsp;
		<a href="help_files/index.html" class="menu">Help</a>
	</div>
</div>

*/
/******************************* Header *******************************/

#header{
position:absolute;
top:10px;
width:100%;
height:80px;
font-size:20px;



}

/******************************* Menu ******************************/
#menu{
	top:10px;
	right:0px;
	position:absolute;
	text-align:right;
	
	font-size:14px;
}
a.menu { 
		text-decoration: none;
		font-weight: bolder;

} 
a.menu:hover {
		text-decoration: none;
		font-weight: bolder; 

		
}
a.linkbody:hover { 
		text-decoration: none;
		font-weight: bolder; 

} 
a.linkbody {
	text-decoration: none;
	cursor: pointer;


		
}



#sub_header{
position:absolute;
top:90px;
width:100%;
height:20px;
padding:10px;



}

/*
How to Use
<div id="body">
Put the Table field here like this below


</div>

*/

/******************************* Body *******************************/
#body{
position:absolute;
top:135px;
width:100%;
padding:10px;
}

#body_right{
position:absolute;
top:0px;
width:15%;
right:0px;
}
#body_left{
position:absolute;
top:0px;
width:85%;
left:0px;
}

#footer{
width:100%;
padding:10px;
}

img.photos{
cursor: pointer;
border-style: ridge;
border-width: 20px;
margin: 20px


}

span.bg{

}
span.linkrelated_header{
font-size:small;


}
span.linkrelated{
font-size:smaller;


}
a.linkrelated:hover { 
		text-decoration: none;


} 
a.linkrelated {
	text-decoration: none;
	cursor: pointer;

	

		
}