#top_menu
{
    height: 35px;
    background-repeat: repeat-x;
    border: 1px groove #000;
    background-image: url('../img/menu_background.png');
}

ul.topnav
{
    list-style: none;
    padding: 0 10px;
    margin: 0;
    float: left;
    width: 920px;
    font-size: 1.2em;
    text-align: center;
    
}
ul.topnav li
{
    border-right: 1px solid #333333;
    float: left;
        margin: 0;
        padding: 0 10px 0 10px;
        position: relative; /*--Declare X and Y axis base for sub navigation--*/
        background-position: right center;
        font-family: tahoma;
        font-size: 11px;
        top: 0px;
    left: 0px;
}
ul.topnav li a
{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
}
ul.topnav li a:hover
{
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
ul.topnav li span
{
    /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('../img/sub_arrow-bg.png');
}

ul.topnav li span.subhover
{
    background-position: center top;
    cursor: pointer;
    background-image: url('../img/sub_arrow-bg.png');
} 

/*--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: 35px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 180px;
	border: 1px solid #111;
	background-color: #333;
}
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 180px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 171px; /*--important dont change--*/
	background-color: #333;
	text-align: center;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	width: 171px; /*--important dont change--*/
	background-color: #222;
}
