/*--My Add--*/
.wrapper, ul#topnav, ul#topnav li a, ul#topnav li a.mr, ul#topnav li span  {
	font-size:  1.2em;
	font-family: Tahoma, Helvetica,	Verdana, Arial, sans-serif;
}
.wrapper a {
	text-decoration: none;
}
.wrapper a:hover {
	color: #0066ff;
}
.nav-wrapper {
	clear: both;
	float: right;
}
.nav-left {
	float: left;
	width: 11px;
	height: 35px;
	background-image: url(../image/top_bar_l.png); 
	background-repeat: no-repeat;
	background-position: top left;
}

.nav-right {
	float: left;
	width: 11px;
	height: 35px;
	background-image: url(../image/top_bar_r.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.nav {
	height: 35px;
	width: auto;
	float: left;
	text-align: right;
	background-color: #ffffff;
	background-image: url(../image/top_bar_c.png);
	background-repeat: repeat-x;
	background-position: top right;
}
ul#topnav {
	margin: 0;
	float: left;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	width: 620px;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../image/top_bar_c.png);
	background-position: top right;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 2px solid #fff; /*--Divider for each parent level links--*/
}
ul#topnav li.mr {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #fff; 
}
ul#topnav li a {
	font-size: 0.9em;
	padding: 6.5px 10px;
	display: block;
	color: #f0f0f0; 
	text-decoration: none;
}
ul#topnav li a.mr {
	font-size: 1.4em;
	padding: 6.5px 5px;
	color: #ffffff; 
	text-decoration: none;
}
ul#topnav li:hover { 
		/* background: #1376c9 url(../image/top_bar_c.png) repeat-x;  */
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span {
		float: left;
		padding: 5px 0px;
		position: absolute;
		left: 0; 
		display: none; /*--Hide by default--*/
		width: 100%;
		/* background: #1376c9; */
		z-index: 100;
		background: #999;
		font-size: 0.6em;
		font-weight: normal;
		
		/*--Bottom right rounded corner--*/
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px; 
		/*--Bottom left rounded corner--*/
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a.mr:hover { background-color: #ccc; }
