/*top menu*/

#new-nav { position: absolute; right: 0px; bottom: -1px; width: 856px; height: 40px;}
#navbar {height: 40px; width:856px;}


ul#navbar li.topfirst:hover>a,ul#navbar li.topfirst a.pressed{	background-color: #000;color:#FFFFFF;	text-decoration:none;}

ul#navbar li.topmenu>a  {	color:#ffffff;	text-decoration:none;	line-height: 45px;	display: block;	height: 40px;}

ul#navbar li.topmenu:hover>a,ul#navbar li.topmenu a.pressed{color:#FFFFFF;	text-decoration:none; color: #000;}

ul#navbar{
	z-index:999;
	position:relative;
	display:block;
	zoom:1;
	margin-top: 0;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 0;
	padding-right: 0%;
	padding-bottom: 0;
	padding-left: 0%;

}

ul#navbar li.toplast:hover>a,ul#navbar li.toplast a.pressed{
background-color: #000;
color:#FFFFFF;
text-decoration:none;
}
	

* html ul#navbar li a{
	display:inline-block;}
	
ul#navbar{
	margin:0;
	list-style:none;
	padding:0;
	border-width:0;
	border-style:solid;
border-color:;
}


ul#navbar li:hover>*{
	display:block;}
	
	ul#navbar li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}

ul#navbar li:hover{
	z-index:1;}
	
	

body:first-of-type ul#navbar{
	display:inline-table;border-spacing:0px 0;}

body:first-of-type ul#navbar>li{
	float:none;
	display: table-cell;
	width: 142px;
	background-image:url(images/nav-tab.png); background-repeat: no-repeat;
}

ul#navbar a:active, ul#navbar a:focus{
	outline-style:none;}

ul#navbar a{
	display:block;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-size: 11px;
	color:#333;
	cursor:default; 
}

ul#navbar li:hover>a,ul#navbar li a.pressed{
	border-style:none;color:#FFFFFF;text-decoration:none;}


/*drop down*/
ul#navbar ul{
	display:none;
	position:absolute;
	left:0;top:100%;
	background-color:#252525;
	border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:6px 0 0;
		margin:0;
	list-style:none;
	padding:0;
	background-color:#FFFFFF;
	border-width:0;
	border-style:solid;
border-color:;
	}
	


ul#navbar ul li{
	float:none;
	margin:0;
}

ul#navbar ul a{
	text-align:left;
	padding:7px;
	background-color: #252525;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#dddddd;
	font-size:12px;
	height: 18px;
	color:#FFF;
	text-transform: none;
}



ul#navbar ul li:hover>a,ul#navbar ul li a.pressed{
background-color: #207a00;
	border-style:solid;
	border-color:#dddddd;
	color:#ffffff;
}

ul#navbar ul ul li{
	margin:0;}

/*add the arrow to the parents*/
#navbar li>a:after { content: url(images/arrow.png); } 
#navbar li>a:only-child:after { content: ''; }   


ul#navbar>li:nth-child(1){width:26%}ul#navbar>li:nth-child(2){width:23%}ul#navbar>li:nth-child(3){width:23%}ul#navbar>li:nth-child(4){width:28%}
@-moz-document url-prefix(){body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#navbar>li{display:block;float:left !important;}}
@media only screen and (max-width:411px),only screen and (max-device-width:411px){

ul#navbar>li:nth-child(1){width:36%}ul#navbar>li:nth-child(2){width:32%}ul#navbar>li:nth-child(3){width:32%}ul#navbar>li:nth-child(4){width:100%}body:first-of-type ul#navbar{display:inline-block} body:first-of-type ul#navbar>li{display:block;float:left !important;}}
@media only screen and (max-width:297px),only screen and (max-device-width:297px){

ul#navbar>li:nth-child(1){width:53%}ul#navbar>li:nth-child(2){width:47%}ul#navbar>li:nth-child(3){width:46%}ul#navbar>li:nth-child(4){width:54%}}
@media only screen and (max-width:210px),only screen and (max-device-width:210px){
ul#navbar>li:nth-child(1){width:100%}ul#navbar>li:nth-child(2){width:50%}ul#navbar>li:nth-child(3){width:50%}ul#navbar>li:nth-child(4){width:100%}}