/* Some stylesheet reset */
ul.nav, .nav>li, .nav>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align:top!important;
}

ul.nav {
	line-height: 1;
}

/* General layout styling for main background of menu*/
.nav 	{
    /* Layout */
	list-style: none;
	position: relative;
	height: 40px;
	border-radius: 0;
	background: #D8D4CB; /* Background for Internet Explorer & older browsers */
	background: -webkit-linear-gradient(top, #D8D4CB, #FFFFFF); /* Background for Chrome & Safari */
	background: -ms-linear-gradient(top, #D8D4CB, #FFFFFF); /* Background for Internet Explorer 10 */
	background: -moz-linear-gradient(top, #D8D4CB, #FFFFFF); /* Background for Firefox */
	background: -o-linear-gradient(top, #D8D4CB, #FFFFFF); /* Background for Opera */
}
	
/* The list elements containing the top main links */
.nav>li {
	display: block;
	float: left;
	position: relative;
	margin: 4px 0 0 0;
	padding: 10px 0 10px 0;
}

/* The right-aligned links */
.nav>li.right {
	float: right;
}
	
/********************TOP Navigation links ********************************************/
.nav>li>a {
	/* Layout */
	position: relative;
	border-radius: 0;
	padding: 13px 20px 13px 20px;

	/* Text styling */
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #262626;
	text-transform:uppercase;
}

.nav>li>a:hover {
	background: #114364;
	color: #FFFFFF;
}

.currenttop {
	background: #114364;
	color: #FFFFFF!important;
	border-right:1px solid #212121!important;
	border-left:1px solid #212121!important;
}

/******************** The TOP navigation links with dropdown menu ***************************************/
.nav>.dropdown>a {
	padding: 13px 35px 8px 20px;
	background: url("drop75b.png") no-repeat right;
	z-index:1000;
}

/* The links that make the dropdown menu appear */
.nav>.dropdown:hover>a, .nav>.dropdown>a:hover {
	color: #FFFFFF;
	background: #114364 url("drop75w.png") no-repeat right;
	border-bottom: 5px solid #114364;
	z-index:1000;
}

.currenttopdrop {
	color: #FFFFFF!important;
	background: #114364 url("drop75w.png") no-repeat right!important;
	border-bottom: 5px solid #114364!important;
	border-right:1px solid #212121!important;
	border-left:1px solid #212121!important;
}


/*********************************/

/* General styling for the dropdown menu */
.nav ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 80px;
	left: -9999px;
	z-index:1000;
}


/* It displays the menu on hover */
.nav>.dropdown:hover>ul {
	left: auto;
	opacity: 1;
	top: 36px;
	margin-right: -5px;
}

/* The list elements of the dropdown menu containing the links */
.nav ul li {
	position: relative;
	display: block;
	padding: 0px;
	background: #114364;

	line-height: 11px;
	white-space: nowrap;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1), -1px 1px 1px rgba(50, 50, 50, .1);
	z-index:1000;
}

/* The dropdown menu links */
.nav ul li a {
	/* Layout */
	display: inline-block;
	position: relative;
	display: block;
	padding: 10px 20px;
	/* Text & background */
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #114364;
	z-index:1000;
}

.nav ul li a:hover, .nav ul .dropdown:hover>a {
	color: #262626;
	text-decoration: none;
	background:#D8D4CB url("select.png") no-repeat 10px;  /* MENUBAR BACKGROUND COLOR AND SELECT ARROW*/
	padding: 10px 20px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;	
}
.currentlink {
	color: #262626!important;
	text-decoration: none!important;
	background:#D8D4CB url("select.png") no-repeat 10px!important;  /* MENUBAR BACKGROUND COLOR AND SELECT ARROW*/
	-webkit-transition: background-color 0.2s!important;
	-moz-transition: background-color 0.2s!important;
	-ms-transition: background-color 0.2s!important;
	-o-transition: background-color 0.2s!important;
	transition: background-color 0.2s!important;	}

/* The arrow indicating a level 2 dropdown */
.nav ul .dropdown>a::after {
		content: "";
		position: absolute;
		top: 12px;
		right: 0px;
		width: 0px;
		height: 0px;
		border-left: 5px solid #FFFFFF;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid transparent;
}

.nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after {
    border-left: 4px solid #262626; /* Changing the color of the arrow on hover */
}

/* Rounded corners for the dropdown menu */
.nav ul li:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1),
				-1px 1px 1px rgba(50, 50, 50, .1),
				0px 1px 1px rgba(50, 50, 50, .1);
}

.nav ul li:last-child a {
	border-bottom: 4px solid #114364; /*****/
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
}

/* Level 2 dropdown */
.nav ul ul {
	/* Layout & position */
	top: 42px;
	padding-left: 5px;
	/* Creating the slide/fade effect using transitions */
	-webkit-transition: top .3s, opacity .4s;
	-ms-transition: top .3s, opacity .4s;
	-o-transition: top .3s, opacity .4s;
	-moz-transition: top .3s, opacity .4s;
	opacity: 0;
}

/* It displays the level 2 dropdown menu on hover */
.nav ul li:hover>ul, .nav ul li:hover ul li:hover ul {
	left: 180px; /*THIS PUSHES THE SUBMENU ITEMS TO THE RIGHT*/
	top: -2px;
	opacity: 1;
}

/* Rounded corners for the level 2 dropdown menu */
.nav ul ul li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav ul ul li:first-child a {
	border-top: 2px solid #114364;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/********************************************/
/* The right aligned menus */
.right:hover div, .right.dropdown:hover>ul {
	left: auto;
	right: 5px;
}
	
.right.dropdown ul {
	text-align: right;
}
		
.nav .right.dropdown li>a::after {
	right: auto;
	left: 5px;
		border-left: 4px solid transparent;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid #FFFFFF;
}
	
.nav .right.dropdown li:hover>a::after {
	border-right: 4px solid ##262626;
}

.right.dropdown>ul>li:hover>ul {
	left: -120px;
	padding-right: 5px;
}
	
.right ul li a:hover, .right ul .dropdown:hover>a {
	color: #262626;
	text-decoration: none;
	background:##D8D4CB url("select-right.html") no-repeat 10px;  /* MENUBAR BACKGROUND COLOR AND SELECT ARROW*/
	background-position:right;
	padding: 10px 20px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;	
}