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


ul.topnav {
	list-style: none;
	padding: 0 0px;
	margin: 0;
	float: left;
	width: 246px;
	background: #222;
	font-size: 1.2em;
	background: url(../assets/Image/Template/arrow_down.gif) repeat-y right top;
	border: 1px solid #989898;
	cursor: pointer;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	
}
ul.topnav li a{
	padding: 0px 0px 0px 3px  ;
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
	font-weight: normal;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 20px;
	background: #fff;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 225px;
	border: 1px solid #989898;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 222px;
	background: #fff ;
	padding-left: 3px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #ccc;
}