/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */




body {
	height:			100%;
	background: 	url('../image/background.jpg') repeat-x #ffffff;
	color: 			#ffffff;
	font-family: 	Arial;
	font-size: 		10pt;
	margin:			0px;
	padding:		0px;
	behavior:		url('csshover.htc');
}

#main {
	width:			900px;
	border-right:	2px solid #000000;
	border-left:	2px solid #000000;
	background:		#ffffff;
}

#head {
border: 0;
width: 100%;
height: 200px;
background: url(../image/headbg.jpg) repeat-x #B5BEBD;
}

#left {
background: url(../image/left.gif); 
width: 77px; 
height: 35px;
} 

#navi {
height:35px;
width:900px;
background: url(../image/backbg.gif) repeat-x;
text-align: center;
}

#navigation{
background: url(../image/navibg.gif) repeat-x; 
width: 840px;
height:35px;
color: #ffffff;
} 

#navigation a {
font-size: 10pt;
text-decoration: none;
color: #000000;
} 

#navigation a:hover {
font-size: 10pt;
text-decoration: underline;
color: #ffffff;
} 

#right {
background: url(../image/right.gif); 
width: 77px; 
height: 35px;
} 



#content{
	width:			700px;
	background:		#ffffff;
	padding:		10px;
	color: #000000;
	text-align:	center;
}

#footer{
	width:			700px;
	height:			20px;
	background:		#9496A5;
	padding:		5px;
	border-top:		#000000 3px solid;
	font-size:		8pt;
	border-bottom:	#000000 3px solid;
	color:			#000000;
}

	
li {
	list-style:		none;
	float:			left;

}

li:hover ul { display: block; }

ul {
	position:		absolute;
	margin: 		0;
	padding: 		0;
	list-style: 	decimal;
	width: 			150px;
	border-bottom: 	1px solid #ccc;
	font-size:		10pt;
	}
	
ul li {
	position: 		relative;
	font-size:		10pt;
	width: 			145px;
	text-align:		center;
	}
	
li ul {
	display: 		none;
	width: 			150px;
	}
	
ul li a {
	display: 		block;
	text-decoration: none;
	color: 			#ffffff;
	background: 	#9496A5;
	padding: 		5px;
	border: 		1px solid #000000;
	text-align:		left;}
	

a { 
color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}