@charset "UTF-8";
/* CSS Document */

body{
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	line-height:16px;
	text-align:left;
	margin-top:100px;
	letter-spacing:1px;
} 
	
a{
	font-weight:bold;
	color:#888;
	text-decoration:underline;
	}
	
a img {
    border: none;
}


li{
	line-height:25px;
}
	
em{
	color:#999;
	}

a:hover{
	text-decoration:none;
	color:#333;
	
}

#bodyTbl{
	width:850px;
	height:350px;
	background:#FFF;}

h1, h1 a{
	font-size:140%;
	font-weight:lighter;
	margin-left:7px;
	font-size:20px;
	color:#ADADAD;
	text-decoration:none;
	border-bottom:none;	
}


h1 a:hover{
	text-decoration:none;
}
h2{
	font-size:120%;
	font-weight:lighter;
	margin-left:0px;
	font-size:18px;
	color:#333;
}

#content{
	padding:10px;
}


/* -----------------------------------------------menu */

.menu{
	padding:0;
	width:150px;
	list-style:none;
}
.menu li{
	padding:0;
	margin:0px;
	height:40px;
	
 }
.menu li a{
	border-left:3px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	text-align:left;
	height:35px;
	padding:5px 0px 0px 10px;
	font:20px Verdana, Arial, Helvetica, sans-serif;
	color:#ADADAD;
	text-decoration:none;
	display:block;
}
.menu li a:hover{
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	border-left:3px solid #DDD;
	background-color:#EEE;
	color: #999;
	display:block;
}
.menu li a.active, .menu li a.active:hover{
	background-color:#EEE;
	border-left:3px solid #DDD;
	display:block;
}
.menu li a span{
	display:block;

	
}