/* BODY AND CONTAINER */

		body {
			margin: 0 auto;
			width: 800px;
			color: #695060;
			font-size: 11pt;	
			 background-color:green;
			}


		#header {
            height: 180px;
			clear: both;
			margin: 0 ,auto;
			background-image: url(images/head.jpg);
			width : 800px;
			border-bottom: 1px solid whiteSmoke;
		}	
        a {
           text-decoration: none;
          }
        
		
/* GENERAL STYLES */
        
		h1 {
			font-family:Arial Round,arial Arial Black;
			font-size: 18px;
			color: White;
			padding-top:5px;    
			padding-bottom:5px; 
			background-image: url(images/mnhd.gif);  
			text-decoration: none;   
			padding-left: 35px;
			font-weight: Bold; 
		}		
		h2 {
			font-family: Times New Roman, Arial Round, Arial;
			font-weight: Bold;
			background-image: url(images/brd4.gif);
			font-size: 16px;
			color: White;
		}			
		
		h3 {
			font-family: Times New Roman, Arial Round, Arial;
			font-weight: Bold;
			background-image: url(images/brd3.gif);
			font-size: 16px;
			color: White;
		}	
			
		h2:
		a( color: white;)
		
		h4 {
			font-family:Arial Round,arial Arial Black;
			font-size: 20px;
			color: White;
			padding-top:5px;    
			padding-bottom:5px; 
			background-image: url(images/b1.jpg);  
			text-decoration: none;   
			text-align:center;
			font-weight: Bold; 
			border-color:  black;
		}			

		a:hover {
			color: red;
			text-decoration: underline;
		}


#menu {
	height: 20px;
	margin: 0 auto;
	width: 281px;
    
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 70px;
	text-decoration: none;
	font-size: 11px;
	padding-bottom: 3px;
	font-weight: bold;
	color: black;
    text-align: center;
}

#menu a:hover 
{  
	color: white;
	background: black url(images/but9.jpg);
}


#div1
{
    background: url(images/divdb.jpg)repeat-x;
}

#glossymenu{
margin: 0 0;
padding: 0;
width: 260px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/Hrmenu22.jpg);
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0px;
padding-left: 30px;
text-decoration: none;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/hrmenu2.jpg);
color: red;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*background-color:#f5f5f5; */
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: green;
text-decoration: none;
padding: 2px 0;
padding-left: 40px;
background-color: White;
}

.glossymenu div.submenu ul li a:hover{

color: red;
}


		ul ol{
			list-style: none;
		}

/* FOOTER */

		#footer {
			margin-top: 10px;
			clear: both;
			background:  url(images/bot.gif);
             height :30px;
			text-align: center;
		}
		background-color:black;