@media all and (min-width: 800px){

/*05-23-17 - HIDEING THE TOP MENU ON TREASURER'S PAGE*/
.treasurertopmenu {
	display:none;
}

.mm-menu {z-index: 999;}

/*09-26-13 - HIDING THE MOBILE POSITIONED MENUS*/
nav#mm-menu-county {display: none;}
nav#mm-menu-dept {display: none;}
/*09-26-13 - END OF HIDING THE MOBILE POSITIONED MENUS*/


/*LEFT MENU*/
nav#menu-county {
	height: 36px;
	width: 100%;
	background-color: #003366;
	top: 0;
	position: relative;
	margin: 0;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

nav#menu-county ul {
	list-style: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 980px;
	/*vertical-align: top;  10-02-13 - Added vertical align to fix menu gap*/
}

nav#menu-county ul li {
	float: left;
	padding: 0 2px;
	text-align: left;
	white-space: nowrap;
}

nav#menu-county ul li:hover {
	background-color: #7394b6;
}

nav#menu-county ul li a {
	display: block;
	padding: 8px 8px 9px 8px;
	text-decoration: none;
	color: #fff;
}

/**/nav#menu-county ul li a.mm-subopen {display: none;}

nav#menu-county ul ul {
	display: none;
	padding: 10px !important;
	position: absolute;
	color: #000;
	top: 100%;
	width: auto;
	margin-left: -2px;
	z-index: 999;
	-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-webkit-border-bottom-left-radius: 10px; 
	-ms-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	-ms-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px; 
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
	-ms-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px; 
	border-top-right-radius: 10px;
	background: #ffffff;
	border: 3px solid #7394b6;
}

nav#menu-county ul ul.olserv {
	width: 660px;
}	

nav#menu-county ul ul div.blue-top {
	width: 100%;
	height: 45px;
	background-color: #7394b6;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -1px;
	border-right: 1px solid #7394b6;
	border-left: 1px solid #7394b6;
	z-index: -100;
	-webkit-border-top-right-radius: 8px; 
	-ms-border-top-right-radius: 8px;
	-o-border-top-right-radius: 8px; 
	border-top-right-radius: 8px;
}

nav#menu-county ul ul li.left-group {
	width: 360px;
	float: left;
}

nav#menu-county ul ul li.right-group {
	width: 290px;
	float: right;
}

nav#menu-county ul li:hover > ul {
	display: block;
	text-align: left;
}

nav#menu-county ul ul li {
	float: none;
}

nav#menu-county ul ul li:after {
	content: "";
	clear: both;
	display: block;
}

nav#menu-county ul ul li a {
	display: block;
	padding: 2px;
	text-decoration: none;
	font-size: 14px;
	width: 100%;
	color: #003366;
}

nav#menu-county ul ul li a.subs {
	font-weight: bold;
}

nav#menu-county ul ul li:hover {
	background: transparent;
}

nav#menu-county ul ul li a:hover {
	color: #7394b6;
}

nav#menu-county ul ul li a.no-link:hover {
	color: #003366;
}

nav#menu-county ul ul ul {
	display: inline;
	border: 0;
	padding: 0 !important;
	position: relative;
	top: 0;
	width: auto;
	margin: 0;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-border-bottom-left-radius: 0px ; 
	-ms-border-bottom-left-radius: 0px ;
	-o-border-bottom-left-radius: 0px ; 
	border-bottom-left-radius: 0px ;
	-webkit-border-bottom-right-radius: 0px ; 
	-ms-border-bottom-right-radius: 0px ;
	-o-border-bottom-right-radius: 0px ; 
	border-bottom-right-radius: 0px ;
}

nav#menu-county ul ul ul li {
	padding: 2px 0 !important;
	display: block;
	float: none;
	margin-left: 5px;
}

nav#menu-county ul ul ul li a {
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
	width: 100%;
	color: #003366;
	font-weight: normal;
}

nav#menu-county ul ul ul li:hover {
	background: transparent;
}

nav#menu-county ul ul ul li a:hover {
	color: #7394b6;
}

nav#menu-county ul ul img {
	margin: 0 0 20px 0 !important;
	height: 25px;
	float: right;
}
nav#menu-county ul ul li img {
	margin: 0 5px 0 0 !important;
	height: 25px;
	float: left;
}

nav#menu-county ul ul ul li img {
	margin: 0 5px 0 0 !important;
	height: 20px;
	float: left;
}

/*RIGHT MENU*/
nav#menu-dept {
	height: 35px;
	width: 100%;
	background-color: transparent;
	/*top: 278px;*/
	margin: 0;
	text-align: center;
	position: relative;
}

nav#menu-dept ul {
	list-style: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	/*width: 100%;*/
	max-width: 980px;
	/*vertical-align: top;  10-02-13 - Added vertical align to fix menu gap*/
}

nav#menu-dept ul li {
	float: left;
	background-color: #003366;
	font-size: 15px;
	padding: 0 2px;
	margin: 0 1px;
	text-align: left;
	white-space: nowrap;
	-webkit-border-top-left-radius: 15px; 
	-ms-border-top-left-radius: 15px;
	-o-border-top-left-radius: 15px; 
	border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px; 
	-ms-border-top-right-radius: 15px;
	-o-border-top-right-radius: 15px; 
	border-top-right-radius: 15px;
	box-shadow: 0 -3px 8px -3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 -3px 8px -3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 -3px 8px -3px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0 -3px 8px -3px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0 -3px 8px -3px rgba(0, 0, 0, 0.8);
}

nav#menu-dept ul li:hover {
	background-color: #7394b6;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

nav#menu-dept ul li a {
	display: block;
	padding: 8px;
	text-decoration: none;
	color: #fff;
}

/**/nav#menu-dept ul li a.mm-subopen {display: none;}

nav#menu-dept ul ul {
	display: none;
	padding: 10px !important;
	position: absolute;
	color: #000;
	top: 100%;
	width: auto;
	margin-left: -2px;
	z-index: 999999;
	-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.5);
	-webkit-border-bottom-left-radius: 10px; 
	-ms-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	-ms-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px; 
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
	-ms-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px; 
	border-top-right-radius: 10px;
	background: #ffffff;
	border: 3px solid #7394b6;
}	

nav#menu-dept ul ul.law {
	width:834px;
}

nav#menu-dept ul ul.sacdc {
	width: 710px;
}

nav#menu-dept ul ul.emergencies {
	width: 370px;
}

nav#menu-dept ul ul div.blue-top {
	width: 100%;
	height: 45px;
	background-color: #7394b6;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
	border-top: 1px solid #7394b6;
	border-left: 1px solid #7394b6;
	border-right: 1px solid #7394b6;
	-webkit-border-top-right-radius: 6px; 
	-ms-border-top-right-radius: 6px;
	-o-border-top-right-radius: 6px; 
	border-top-right-radius: 6px;
}

nav#menu-dept ul ul li.left-group {
	width: 48%;
	float: left;
}

nav#menu-dept ul ul li.right-group {
	width: 48%;
	float: right;
}

nav#menu-dept ul li:hover > ul {
	display: block;
	text-align: left;
}

nav#menu-dept ul ul li {
	float: none;
	background: transparent;
	-webkit-border-top-left-radius: 0; 
	-ms-border-top-left-radius: 0;
	-o-border-top-left-radius: 0; 
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0; 
	-ms-border-top-right-radius: 0;
	-o-border-top-right-radius: 0; 
	border-top-right-radius: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	white-space: normal;
}

nav#menu-dept ul ul li:after {
	content: "";
	clear: both;
	display: block;
}

nav#menu-dept ul ul li a {
	display: block;
	padding: 2px;
	text-decoration: none;
	font-size: 14px;
	width: 100%;
	color: #003366;
}

nav#menu-dept p.notetxt {
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
}

nav#menu-dept p.notetxt a {
	font-size: 12px;
	color: #666666 !important;
}

nav#menu-dept ul ul li a.subs {
	font-weight: bold;
}

nav#menu-dept ul ul li:hover {
	background: transparent;
}

nav#menu-dept ul ul li a:hover {
	color: #7394b6;
}

nav#menu-dept ul ul li a.no-link:hover {
	color: #003366;
}

nav#menu-dept ul ul ul {
	display: inline;
	border: 0;
	padding: 0 !important;
	position: relative;
	top: 100%;
	width: auto;
	margin: 0;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-border-bottom-left-radius: 0px ; 
	-ms-border-bottom-left-radius: 0px ;
	-o-border-bottom-left-radius: 0px ; 
	border-bottom-left-radius: 0px ;
	-webkit-border-bottom-right-radius: 0px ; 
	-ms-border-bottom-right-radius: 0px ;
	-o-border-bottom-right-radius: 0px ; 
	border-bottom-right-radius: 0px ;
}

nav#menu-dept ul ul ul li {
	padding: 2px 0 !important;
	display: block;
	float: none;
	margin-left: 5px;
}
z
nav#menu-dept ul ul ul li a {
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
	width: 100%;
	color: #003366;
	font-weight: normal;
}

nav#menu-dept ul ul ul li:hover {
	background: transparent;
}

nav#menu-dept ul ul ul li a:hover {
	color: #7394b6;
}

nav#menu-dept ul ul img {
	margin: 0 0 20px 0 !important;
	height: 25px;
	float: right;
}
nav#menu-dept ul ul li img {
	margin: 0 5px 0 0 !important;
	height: 40px;
	float: left;
}

nav#menu-dept ul ul ul li img {
	margin: 0 5px 0 0 !important;
	height: 40px;
	float: left;
}

#headerm,
.header
{
	display: none;
}


#footer {}

#headerm a,
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#headerm a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#headerm a.right,
.header a.right
{
	left: auto;
	right: 10px;
}



#content,
.content
{
	padding: 20px;
}

}