/* ------------------------
TOP MENU
------------------------- */

.menutop {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 126px;
	top: 10px;
	z-index: 333;
}
.menutop li {
	float: left;
	display: block;
	list-style: none;
	border-left: 1px solid #082d42;
	border-bottom: 1px solid #082d42;
}
.menutop li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font: 14px/1em 'times new roman', times, serif;
	padding: 0 20px 7px;
}



/* ------------------------
MAIN MENU
------------------------- */

.menumain {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 54px;
	z-index: 333;
}
.menumain li {
	float: left;
	list-style: none;
	display: block;
	text-align: center;
}

.menumain li.menu-2291 {
	width:120px;
}

.menumain li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font: 14px/1em 'times new roman', times, serif;
	text-transform: uppercase;
	border-left: 1px solid #082d42;
	border-bottom: 1px solid #082d42;
	padding: 0 15px 8px;
	height: 28px;
	text-shadow: 0 2px 5px #063e6f;
	-moz-text-shadow: 0 2px 5px #063e6f;
	-webkit-text-shadow: 0 2px 5px #063e6f;
	-o-text-shadow: 0 2px 5px #063e6f;
}
.menumain li a:hover,
.menumain li a.active-trail,
.menutop li a:hover,
.menutop li a.active,
.menutop li a.active-trail {
	color: #85bdf5;
}


.menu-1068 {
	width: 100px;
}
.menu-2230 {
	width: 150px;
}
.menu-2217 {
	width: 130px;
}
.menu-907 {
	width: 120px;
}


/* ------------------------
ACTION MENU
------------------------- */

.menuaction {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 13px;
	z-index: 333;
}

.menuaction li {
	display: block;
	float: left;
	list-style: none;
	margin-right: 15px;
	padding-left: 15px;
	border-left: 1px solid #310001;
}

.menuaction li:first-child {
	border-left: none;
	padding-left: none;
}

.menuaction li:last-child {
	margin-right: 0;
}

.menuaction li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font: bold 14px/1em 'times new roman', times, serif;
	text-transform: uppercase;
	padding: 15px 0 15px 36px;
}

.menuaction li a.visit {
	/*background: url(../images/sprites.png) no-repeat 0 -380px;*/
	background: url(../images/sprites.png) no-repeat 0 -450px;
}

.menuaction li a.resources {
	/*background: url(../images/sprites.png) no-repeat 0 -450px;*/
	background: url(../images/sprites.png) no-repeat 0 -380px;
}

.menuaction li a.flag {
	background: url(../images/sprites.png) no-repeat 0 -520px;
}

.menuaction li a.help {
	background: url(../images/sprites.png) no-repeat 0 -595px;
}

#under_right a.faq,
#under_right a.local_resources {
	background: #a00000 url(../images/sprites.png) no-repeat 10px -918px;
	padding:17px 0px 17px 43px;
	margin:2px 0 2px -20px;
	display:block;
	width:220px;
	text-indent:0px;
	
	color: #fff;
	text-decoration: none;
	font: bold 16px/1em 'times new roman', times, serif;
	text-transform: uppercase;
}

#under_right a.local_resources {
	background: #a00000 url(../images/sprites.png) no-repeat 10px -985px;
}

#under_right a.faq:hover {
	background: #c10000 url(../images/sprites.png) no-repeat 10px -918px;
}

#under_right a.local_resources:hover {
	background: #c10000 url(../images/sprites.png) no-repeat 10px -985px;
}




/* ------------------------------
MEDIA STYLES
-------------------------------- */

/* ---------------------------------

 100% LAYOUT
 
 --------------------------------- */
@media screen and (min-width: 961px) {
	
	
	
}


/* ---------------------------------

 TABLET LAYOUT
 
 --------------------------------- */
@media screen and (max-width: 960px) {

	/* ------------------------
	TOP MENU
	------------------------- */
	.menutop li a {
		font: 13px/1em 'times new roman', times, serif;
		padding: 0 15px 7px;
	}

	/* ------------------------
	MAIN MENU
	------------------------- */
	.menumain li.menu-907 {width: 82px;}
	
	.menumain li.menu-2217 {width: 94px;}
	
	.menumain li.menu-2230 {width: 77px;}
	
	.menumain li.menu-2291 {width: 73px;}
	
	.menumain li a {
		font: 11px/1em 'times new roman', times, serif;
		padding: 0 8px 8px;
	}
	
	
	/* ------------------------
	ACTION MENU
	------------------------- */
	.menuaction {
		width: 75%;
		margin: 0;
		padding: 0;
		bottom: 10px;
	}

	.menuaction li {
		width: 20%;
		margin-right: 2%;
		padding-left: 2%;
	}

	.menuaction li a {
		height: 40px;
		font: bold 12px/1em 'times new roman', times, serif;
		padding: 0 0 0 36px;
	}
	
	.menuaction li a.resources {background: url("../images/sprites.png") no-repeat 0 -386px;}
	
	.menuaction li a.visit {background: url("../images/sprites.png") no-repeat 0 -457px;}
	
	.menuaction li a.flag {background: url("../images/sprites.png") no-repeat 0 -528px;}
	
	.menuaction li a.help {background: url("../images/sprites.png") no-repeat 0 -602px;}
	
}


/* ---------------------------------

 SMALL TABLET LAYOUT
 
 --------------------------------- */
@media screen and (max-width: 760px) {
	
	/* ------------------------
	MAIN MENU
	------------------------- */
	.menumain {top: 140px;}
	
	.menumain li {
		width: 16% !important;
	}
	
	.menumain li a {
		font: 11px/1em 'times new roman', times, serif;
		padding: 0 8px 8px;
	}
	
	.menumain li.last a {border-right: 1px solid #082d42;}
	
	
	/* ------------------------
	ACTION MENU
	------------------------- */
	.menuaction {
		right: -4%;
		bottom: 0;
		width: 108%;
	}
	
	.menuaction li {height: 40px;}

	
}


/* ---------------------------------

 PHONE LAYOUT
 
 --------------------------------- */
@media screen and (max-width: 480px) {
	
	/* ------------------------
	TOP MENU
	------------------------- */
	.menutop {
		position: relative;
		top: 0;
		right: 0;
	}
	
	.menutop li {
		float: none;
		border-bottom: 1px solid #023156;
    border-left: none;
	}
	
	.menutop li a {
		padding: 10px 0;
		font: 14px/1em 'times new roman', times, serif;
		text-align: center;
		background: #01223a; 
	}
	
	
	/* ------------------------
	MAIN MENU
	------------------------- */
	.menumain {
		position: relative;
		width: 240px;
		top: 0;
	}
	
	.menumain li {
		float: none;
		width: 100% !important;
	}

	.menumain li a {
		height: auto;
		padding: 15px 0;
		font: 14px/1em 'times new roman', times, serif;
		border-left: none;
		border-bottom: 1px solid #033762;
	}
	
	.menumain li.last a {border-right: none;}
	
	
	/* ------------------------
	ACTION MENU
	------------------------- */
	.menuaction {
		right: 0;
		bottom: 8px;
		width: 100%;
	}
	
	.menuaction li {
		width: 24.5%;
		height: 32px;
		margin: 0;
		padding: 0;
	}
	
	.menuaction li a {
		width: 36px;
		margin: 0 auto;
		padding: 0;
		text-indent: -9999px;
		background-color: aqua;
		
	}
	
	
}