ul.topnav {
	list-style: none;
	padding: 0 0;
	margin: 0;
	float: left;
	font-size: 1em;
}
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{
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 26px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat 0px -3px;
}
ul.topnav li span.subhover {background-position: 0px -38px; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 26px;
	background: url(images/bg.png);
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index: 999;
}
ul.topnav li ul.subnav li {
	margin: 0; padding: 0;
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 166px;
	padding-left: 5px;
	font-size: 0.9em;
	z-index: 999;
}

ul.topnav li ul.subnav li img.icon {
    float: right;
    padding-right: 5px;
    padding-top: 4px;
}

/* admin styles */
#subheader {
	clear: both;
	background: #eee url(images/bg.png) ;
	color: #fff;
	padding: 0 0 0 15px;
	margin: 0;
	height: 25px;
	line-height: 25px;
}

#subheader a, #subheader a:hover, #subheader a:visited, #subheader a:active {
    color: #fff;
    background: inherit;
    text-decoration: none;
    padding-right: 10px;
}

#subheader a:hover {
	 color: #999;
}

#subheader a.admin {
    color: #888;
    font-weight: bold;
}

#subheader a.admin:hover {
	 color: #bbb;
}

#subheader a.logout, #subheader a.logout:hover {
    color: #bbb;
}

.langicon {
    cursor: pointer;
    float: right;
    padding: 6px 0 6px 6px;
}

.langiconfirst {
    padding-right: 6px;
}

.topnavicon {
    padding-top: 4px;
    padding-right: 4px;
    float: left;
}