/* -------------------- Button Navigation ------------------ */

#navigation  
{
    position:relative;
    z-index:1000;
    float: left;
	clear: both;
    height:73px;
    left:5px;
    margin-top:4px;
    margin-left:10px;
    padding-right:15px;
    text-align:center;
    border:0px solid blue;
}

/*-- main navigation control --*/

#navigation a:link, #navigation a:visited 
{
    float:left;
	text-decoration: none;
	color: #fff;
	font-family: 'Mako',Arial, Helvetica, sans-serif;
    height:73px;
    background-image:url(../images/nav_repeat_bg.jpg);
    background-repeat:repeat-x;
    background-position:top left;
}

#navigation a:hover, #navigation a:active
{
    float:left;
	color: #000;
	font-family: 'Mako',Arial, Helvetica, sans-serif;
	background-image:url(../images/nav_repeat_bg_hover.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    height:73px;
}

/*-- main navigation drop downlist control --*/

#navigation .subnav a:link, #navigation .subnav a:visited 
{
    float:left;
    clear:right;
	text-decoration: none;
	color: #fff;
	width:227px;
	margin-left:-5px;
	margin-top:-3px;
	padding:0;
	font-size:16px;
	font-family: 'Mako',Arial, Helvetica, sans-serif;
	background-image:none;
}

#navigation .subnav a:hover, #navigation .subnav a:active 
{
    z-index:1000;
    float:left;
    clear:right;
	text-decoration: none;
	color: #fff;
	width:227px;
	margin-left:-5px;
	margin-top:-3px;
	font-family: 'Mako',Arial, Helvetica, sans-serif;
    background-image:url(../images/bg-drop-li_hover.png);
    background-repeat:repeat-x;
    background-position:top left;
}

/*-- Corrected Nav --*/
ul.topnav 
{
    height:73px;
    margin:0 auto;
    padding:0;
}

ul.topnav li a:link, ul.topnav li a:visited
{
	line-height:18px;
    text-decoration: none;
}

ul.topnav li a:hover, ul.topnav li a:active
{
	line-height:18px;
}

* html ul.topnav li a
{
    display: inline-block;
}

ul.topnav li span.subhover /*--Hover effect for trigger--*/
{
    background-position: center;
    cursor: pointer;     
} 

ul.topnav li ul.subnav 
{
	list-style: none;
	position:absolute; /* --Important - Keeps subnav from affecting main navigation flow--*/
	top: 73px;
	z-index:100;
	margin:0 0 0 -3px;  /*-- This controls the Sub Navigation Positioning to move it over more the left --*/
	padding:0;
	display: none;
	float: left;
	clear: both;
	border-left: 0px solid #b5b5b5;
	border-right: 0px solid #b5b5b5;
	border-bottom: 0px solid #b5b5b5;
	overflow: hidden;
    width:227px;
	/*background-color:#F4F4F4;*/ /*-- Change this color for the whole sub nav background color --*/
}

ul.topnav li ul.subnav .subbtmimg
{
    height:10px;
    margin-left:-10px;
    padding:0;
    background-image:none;
}


ul.topnav li ul.subnav li 
{
    float: left;
	clear: both;
	cursor:pointer;
	z-index: 8;
    text-align: left;
    width:100%;
    height: 40px;
    text-indent:10px;
    margin:0;
    padding: 0 10px 0 5px; /*-- Spacing Around The Text --*/
	border-top: 0px solid #999999; /*-- Create bevel effect --*/
	background-image:url(../images/submenu_bg.png);
    background-repeat:repeat;
    background-position:top left;
}

ul.topnav li ul.subnav li a span 
{ 
    position:relative;
    top:11px;
    text-decoration: none;
	z-index: 8;
	border:0px solid green;
	font-size: 15px !important;
}

ul.topnav li ul.subnav li a:hover span /*-- Roll Over effect for subnav links--*/
{ 
    position:relative;
    top:11px;
	border:0px solid blue;   /* font color of submenu text headers  */
}

#subsub 
{
    text-indent: 20px; /*-- This will set the left margin of the sub-sub-menu items --*/
}

/*----------END-------SUB MENU/PAGE TITLE-------------*/


ul.topnav li.topnav_wrapper 
{
    display: block;
    float: left;
    clear: right;
    padding:0;
    height:73px;
    text-align:center;
    text-decoration:none;
    background-image:url(../images/nav_devider.png);
    background-repeat:no-repeat;
    background-position:left;
}

.topnav_left_img
{
    margin:0;
    padding:0;
    height:73px;
    width:1px;
    float: left;
    clear:right;
    border-left:1px solid #000;
}

.topnav_left_img_hover
{
    margin:0;
    padding:0;
    height:73px;
    width:1px;
    float: left;
    clear:right;
    border-left:1px solid #000;
}

.topnav_curve_left_img 
{
    margin:0;
    padding:0;
    height:73px;
    width:16px;
    float: left;
    clear:right;
    position:relative;
    left:-10px;
    background-image:url(../images/nav_left_edge.png);
}

.topnav_curve_left_img_hover 
{
    margin:0;
    padding:0;
    height:73px;
    width:16px;
    float: left;
    clear:right;
    position:relative;
    left:-10px;
    background-image:url(../images/nav_left_edge_hover.png);
}

.topnav_curve_right_img 
{
    position:absolute;
    right:5px;
    margin:0;
    padding:0;
    height:73px;
    width:16px;
    background-image:url(../images/nav_right_edge.png);
}

.topnav_curve_right_img_hover 
{
    position:absolute;
    right:5px;
    margin:0;
    padding:0;
    height:73px;
    width:17px;
    background-image:url(../images/nav_right_edge_hover.png);
}

.topnav_text
{
    cursor:pointer;
    float:left;
    clear:right;
	text-decoration: none;
	color: #fff;
	padding:28px 13px 0px 13px;
	margin:0;
	font-size:13px;
	font-family: 'Mako',Arial, Helvetica, sans-serif;	
    height:45px;
}

.topnav_text_hover
{
    cursor:pointer;
    float:left;
    clear:right;
	color: #000;
	padding:28px 13px 0px 13px;
	margin:0;
	font-size:13px;
	font-family: 'Mako',Arial, Helvetica, sans-serif;	
	background-image:url(../images/nav_repeat_bg_hover.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    height:45px;
}

/*--- special menu attributes --*/

.menu_shadow_left
{
    float:left;
    border:0px solid blue;
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    top:73px;
    z-index:99;
}

.menu_shadow_right
{
    float:right;
    clear:left;
    border:0px solid blue;
    margin:0;
    padding:0;
    position:absolute;
    right:12px;
    top:73px;
    z-index:99;
}