.sf-menu {
	width:943px;
	height:22px;
	z-index:3;
	position:absolute;
	top:108px;
	right:3px;
	/*--Gradient--*/
	background-color:#186987;
  	background: url(../images/nav-bg.png) repeat-x 0 0; /*--Fallback for IE and other non-CSS3 and buggy browsers--*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#24799a), to(#0d6283)); /*--For older webkit browsers--*/
	background-image: -webkit-linear-gradient(top, #24799a, #0d6283); /*--For newer webkit and iOS5+--*/
	background-image: -moz-linear-gradient(top, #24799a, #0d6283); /*--For mozilla--*/
	background-image: -o-linear-gradient(top, #24799a, #0d6283); /*--For Opera 11.10+--*/
	background-image: -ms-linear-gradient(top, #24799a, #0d6283); /*--For IE10--*/
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 12px;
	border: 5px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	/*--ADDING ROUNDED CORNER--*/
  	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	/*--ADDING SHADOW--*/
	-webkit-box-shadow: 1px 5px 8px #333415;
	-moz-box-shadow: 2px 5px 8px #333415;
	box-shadow: 2px 5px 8px #333415;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.sf-menu li {
	font-size:11px;
	font-weight:normal;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
	width:105px;
	position:relative;
	z-index:9999;
	float: left;
	height: 27px;
	padding: 0px;
	border: 1px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	border-top: none;
	border-bottom: none;
	border-left: none;
	list-style:none;
}

.lit {
	width:105px;
	color: #fff;
	/*--Gradient--*/
  	background-image: url(../images/teal-hover-bg.png) repeat-x 0 0; /*--Fallback for IE and other non-CSS3 and buggy browsers--*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5db2d3), to(#166b8c)); /*--For older webkit browsers--*/
	background-image: -webkit-linear-gradient(top, #5db2d3, #166b8c); /*--For newer webkit and iOS5+--*/
	background-image: -moz-linear-gradient(top, #5db2d3, #166b8c); /*--For mozilla--*/
	background-image: -o-linear-gradient(top, #5db2d3, #166b8c); /*--For Opera 11.10+--*/
	background-image: -ms-linear-gradient(top, #5db2d3, #166b8c);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cedcc6;
	border-right-color: #cedcc6;
	border-bottom-color: #cedcc6;
	border-left-color: #cedcc6;
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px !important;
}

ul.sf-border{
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
}

.sf-border {
	/*--ADDING ROUNDED CORNER--*/
  	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-color:#186987;
	/*--ADDING SHADOW--*/
	-webkit-box-shadow: 1px 5px 8px #333415;
	-moz-box-shadow: 2px 5px 8px #333415;
	box-shadow: 2px 5px 8px #333415;
	border-top: 3px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	border-right: 3px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	border-left: 3px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	border-bottom: 3px solid #cedcc6; /*--YOU CAN CHANGE THE NAV-BAR BORDER COLOR HERE--*/
	z-index:99999;	
}

.sf-border li {
	display:block;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cedcc6;
	border-right-color: #cedcc6;
	border-bottom-color: #cedcc6;
	border-left-color: #cedcc6;
	z-index:99999;
	list-style:none;
}

.sf-menu li.divisions {
	width:105px;
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
}

.sf-menu li.divisions:hover {
	width:105px;
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;	
}

.sf-menu li.lit:hover {
	width:105px;
	-webkit-border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
	border-radius: 8px 0px 0px 0px;	
}

.sf-menu li.online {
	margin:0;
	width:155px;
}

.sf-menu li.laws {
	margin:0;
	width:165px;
}

.sf-menu li.forms {
	margin:0;
	width:82px;
}

.sf-menu li.Agnet {
	margin:0;
	width:82px;
}

.sf-menu li.news {
	margin:0;
	width:82px;
}

.sf-menu li.newslit {
	margin:0;
	width:95px;
	color: #fff;
	/*--Gradient--*/
  	background: url(../images/teal-hover-bg.png) repeat-x 0 0; /*--Fallback for IE and other non-CSS3 and buggy browsers--*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5db2d3), to(#166b8c)); /*--For older webkit browsers--*/
	background-image: -webkit-linear-gradient(top, #5db2d3, #166b8c); /*--For newer webkit and iOS5+--*/
	background-image: -moz-linear-gradient(top, #5db2d3, #166b8c); /*--For mozilla--*/
	background-image: -o-linear-gradient(top, #5db2d3, #166b8c); /*--For Opera 11.10+--*/
	background-image: -ms-linear-gradient(top, #5db2d3, #166b8c);
}

.sf-menu li a {
	display:block; 
	color:#fff; 
	padding:0;
	text-decoration:none; 
	background:none;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .current {
	color: #fff;
	/*--Gradient--*/
  	background: url(../images/teal-hover-bg.png) repeat-x 0 0; /*--Fallback for IE and other non-CSS3 and buggy browsers--*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5db2d3), to(#166b8c)); /*--For older webkit browsers--*/
	background-image: -webkit-linear-gradient(top, #5db2d3, #166b8c); /*--For newer webkit and iOS5+--*/
	background-image: -moz-linear-gradient(top, #5db2d3, #166b8c); /*--For mozilla--*/
	background-image: -o-linear-gradient(top, #5db2d3, #166b8c); /*--For Opera 11.10+--*/
	background-image: -ms-linear-gradient(top, #5db2d3, #166b8c);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cedcc6;
	border-right-color: #cedcc6;
	border-bottom-color: #cedcc6;
	border-left-color: #cedcc6;
}

.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {
	color:#fff;
}

/*--Mouseover Level 1--*/
.sf-menu ul {
	display:none;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	position:absolute;
	z-index:9999;
	left: 0px;
	top: 30px;
	list-style:none;
}


.sf-menu ul li {
	display:block;
	padding-top:5px;
	padding-bottom:0px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	margin:0px;
	text-align:left;
	text-transform:none;
	width:200px;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover {
	background:#55aacb;
	/*--ADDING ROUNDED CORNER--*/
  	-webkit-border-radius: 11px 11px 11px 11px;
	-moz-border-radius: 11px 11px 11px 11px;
	border-radius: 11px 11px 11px 11px;
}


/*
.sf-menu ul li:hover, .sf-menu ul li.sfHover {
	background:#f00;
}*/
.sf-menu li {
	position:relative;
	list-style:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0px;
	top:27px; /* match top ul list item height */
	z-index:9999;
}

/*
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	background:none;
	margin:0;
	padding:0;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:201px; // match ul width
	top:0px;
	width:96px;
	height:138px;
}
*/

.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
	display:block;
	color:#fff;
	background:none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	
}

.sf-menu li li a:hover, .sf-menu li li.sfHover a {
	display:block;
	background:none;
	color:#fff;
}

/*--SEARCH BOX--*/

.sf-menu li.searchbox-dd /*--POSITIONING "li" CONTAINING SEARCH FIELD AND SEARCH OPTION BOX--*/
{
	float: left;
	position: relative;
	/*--ADDING ROUNDED CORNER--*/
 	-webkit-border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;
	width: 265px;
}

/*--
THE SEARCH FORM HAS BEEN POSITIONED JUST BEHIND THE SEARCH FIELD AND SEARCH BUTTON. HEIGHT AND WIDTH OF THIS FORM ARE KEPT SAME AS THOSE OF THE DIV CONTAINING SEARCH FIELD AND SEARCH BUTTON. THE SEARCH OPTION DROPDOWN BOX SHOULD BE TRIGGERED ONLY WHEN SOME USER HOVER THE MOUSE POINTER OVER THE SEARCH FIELD OR SEARCH BUTTON. FOR THIS WE NEED ONE PARENT (HERE "form") TO MOUSEOVER.
--*/

li.searchbox-dd form
{
	float: left;
	/*--ADDING ROUNDED CORNER--*/
  	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	margin: 0px;
}

/*--STYLING SEARCH FIELD--*/
li.searchbox-dd input[type="text"]
{
	float: left;
	width: 185px;
	background-color: #fff;
	color: #999;
	/*--CREATING INSET SHADOW--*/
  	-webkit-box-shadow: 0px 1px 2px #7f7f7f inset, 0px 1px 1px #adadad;
	-moz-box-shadow: 0px 1px 2px #7f7f7f inset, 0px 1px 1px #adadad;
	box-shadow: 0px 1px 2px #7f7f7f inset, 0px 1px 1px #adadad;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin-top: 3px;
	margin-left: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 15px;
	padding-right: 3px;
	padding-left: 5px;
}

/*--STYLING SEARCH BUTTON--*/
li.searchbox-dd button[type="submit"]
{
	background:none;
	border:none;
	padding-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
}

/*
.sf-menu li li li {
	position:relative;
	background:#e33400;
	width:76px;
	margin-bottom:2px;
	padding:0px 0px 0px 20px;
}
.sf-menu li li.sfHover li a {
	color:#fff; 
	background:none; 
	padding:4px 0 7px 0px;
}
.sf-menu li li.sfHover li a:hover {background:none; color:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
}
*/