/**
 * @file
 * Navigation Styling
 */
/*
 * Navigation bar
 */

#navigation {
	/* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
	width:100%;
	margin:0;	
	padding:0;
	height:45px;
	background-color:#71aac3;
	background: url(../img/menuback.jpg) repeat-x;
}
#navigation .block {
	margin-bottom: 0;
}

/* #navigation #main-menu,	*/
#navigation #block-menu-block-1 {
	float:left;
	width:100%;
	position:relative;
	height:45px;
	text-align:center;
	/*background: url(../img/menuback.jpg) repeat-x;*/
}
#block-nice-menus-2, #nice-menu-2 {
	display:none; 
}
#block-block-3 {
	display:none; visibility:hidden;
	width:24px;height:20px;float:right;margin:-2px 20px 0 0;
}

#menu-expand {
	background: url("../img/menu-dd.png") no-repeat transparent;
	height: 25px;
	margin-right: 5px;
	margin-top: 10px;
	width: 30px;
	cursor:pointer;
}


/* both menus */

ul.nice-menu li {
	margin: 0;
	padding-left: 0; /* LTR */
	background-image: none;
}
#navigation .block-nice-menus {
	text-align:center;
	background: url(../img/menuback.jpg) repeat-x;
}
#navigation ul.nice-menu a:link, #navigation ul.nice-menu a {
	font-size: 13pt;
	color: #ffffff;
	text-decoration: none;
	margin:1px 0 0 0;
	padding: 12px 20px 10px 20px;
	webkit-transition: background .25s ease-out, color .25s ease-out;
	transition: background .25s ease-out, color .25s ease-out;
}
#navigation ul.nice-menu a:visited {
	font-size: 13pt;
	color: #ffffff;
	text-decoration: none;
}
#navigation ul.nice-menu a:hover {
	background-color: #FFFFF0;
	text-decoration: none;
	color: #204352;
}
#navigation ul.nice-menu a:visited:hover {
	background-color: #FFFFF0;
	font-weight: bold;
	text-decoration: none;
	color: #204352;
}



/* 
menu 1 only 
*/
#navigation #block-nice-menus-1 {
	/*float:left;
	width:100%;
	/*position:relative;*/
	height:45px;
}
#navigation ul#nice-menu-1  { 
	margin: 0 auto; /* 0 -40px;*/
	max-width:760px;
	text-align:center;
	padding: 0;
}
#navigation ul#nice-menu-1 li { /* A simple method to get navigation links to appear in one line. */
	display:block;
	float: left;
	/*padding: 10px 0px 9px 0px; */
	list-style-type: none;
	list-style-image: none;
	text-align:center;
	border-right:1px solid #CCC;
}
#navigation ul#nice-menu-1 li.first	{
	border-left:0px solid #CCC;
	margin-left:20px;
}
#navigation ul#nice-menu-1 li.last	{
	margin-right:20px;
	border-right:0px solid #CCC;
}
/* drop down */
#navigation ul#nice-menu-1 ul { 
	display:block;
	float:none;
	position:absolute;
	list-style-type: none;
	list-style-image: none;
	text-align:left;
	margin:1px 0 0 0;
	left:-5px;right:0px;
}
#navigation ul#nice-menu-1 ul li.first,
#navigation ul#nice-menu-1 ul li.last {
	margin-left: 0px;
	border-left:1px solid #6795ad;
	border-right:1px solid #6795ad;
}

#navigation ul#nice-menu-1 ul li {
	width: 180px;
	padding: 0px; /* LTR */
	text-align:center;
	border:1px solid #6795ad;
	margin:0;
	white-space:nowrap;
	webkit-transition: background .25s ease-out, color .25s ease-out;
	transition: background .25s ease-out, color .25s ease-out;
}
#navigation ul#nice-menu-1 ul li a:link, #navigation ul#nice-menu-1 ul li a {
	margin:0px 0 0 0;
	padding: 12px 20px 12px 20px;
}
/******************************
 HORIZONTAL (down) menus
  MENU 1 ONLY
******************************/
#navigation ul.nice-menu-down {
	border: 0;
}

#navigation ul.nice-menu-down li {
/*	border-top: 1px solid #ccc;*/
	background-color:#71aac3;
	background: url(../img/menuback.jpg) repeat-x;
}

#navigation ul.nice-menu-down li li {
	border-top: 0;
}

#navigation ul.nice-menu-down ul {
	/*left: 0; /* LTR */
}

#navigation ul.nice-menu-down ul li {
/*	clear: both;*/
}

#navigation ul.nice-menu-down li ul li ul {
	left: 12.5em; /* LTR */
	top: 1px;
}

#navigation ul.nice-menu-down .menuparent a {
	/*padding-right: 15px; /* LTR */
}

#navigation ul.nice-menu-down li.menuparent {
	/*background: #eee url("../img/arrow-down.png") right center no-repeat; /* LTR */
}

#navigation ul.nice-menu-down li.menuparent:hover {
	/*background: #ccc url("../img/arrow-down.png") right center no-repeat; /* LTR */
}

#navigation ul.nice-menu-down li li.menuparent {
	/*background: #eee url("../img/arrow-right.png") right center no-repeat; /* LTR */
}

#navigation ul.nice-menu-down li li.menuparent:hover {
	/*background: #ccc url("../img/arrow-right.png") right center no-repeat; /* LTR */
}

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



/*
menu 2 only
*/
#block-nice-menus-2.visible, #nice-menu-2.visible {
	display: block; visibility:visible;
}

#navigation #block-nice-menus-2 {
	height:35px;
}
#navigation ul#nice-menu-2  { 
	margin: 0 10px;
	max-width:600px;
	text-align:center;
	padding: 0;
	background-color:#71aac3;
}
#navigation ul#nice-menu-2 li {
	display:block;
	float: none;
	list-style-type: none;
	list-style-image: none;
	text-align:center;
	border-right:0px; border:0;
	margin:0;
	background-color:#71aac3;
	background: url(../img/menuback.jpg) repeat-x;
}
#navigation ul#nice-menu-2 a:link, #navigation ul#nice-menu-2 a {
	border: 1px solid #6a9ab2;
}
#navigation ul#nice-menu-2 a:hover, #navigation ul#nice-menu-2 a:visited:hover {
	border: 1px solid #6a9ab2;
	background-color: #FFFFF0;
	text-decoration: none;
	color: #204352;
}
#navigation ul.nice-menu-right,
#navigation ul.nice-menu-right li {
	width: auto;
}

#navigation ul.nice-menu-right ul {
	width: 12.5em;
	left: 12.5em;
	top:10px;
}

#navigation ul.nice-menu-right ul ul {
	width: 12.5em;
	left: 12.5em;
	top: -1px;
}

#navigation ul.nice-menu-right ul li a {
	background:none;
	background-color:#335b71;
	width: auto;
}

#navigation ul.nice-menu-right li.menuparent,
#navigation ul.nice-menu-right li li.menuparent {
	
}

#navigation ul.nice-menu-right li.menuparent:hover,
#navigation ul.nice-menu-right li li.menuparent:hover {
	
}


.mainbottom #block-menu-menu-footer-menu h2.block__title {
	display:none;
}
.mainbottom #block-menu-menu-footer-menu { 
	max-width:80%;
	margin:0 auto;
	text-align:center;
}
.mainbottom #block-menu-menu-footer-menu ul { 
	display:block;
}
.mainbottom #block-menu-menu-footer-menu li { 
	display:inline-block;
	list-style-type: none;
	list-style-image: none;
	text-align:center;
	padding:8px;
	margin:0 auto;
	_display: inline;
}
.mainbottom #block-menu-menu-footer-menu li a, .mainbottom #block-menu-menu-footer-menu li a:visited {
	font-size: 12pt; color:#fff;text-decoration:none;
}
.mainbottom #block-menu-menu-footer-menu li a:hover, .mainbottom #block-menu-menu-footer-menu li a:visited:hover {
	text-decoration:underline;
}

a.loclink {
	padding:25px 0 15px 0;
	font-weight:bold;
}

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

@media all and (max-width: 800px) {
	#navigation ul.nice-menu, #navigation ul#nice-menu-1 {
		max-width:615px !important;
	}
	#navigation, #navigation #block-menu-block-1, #navigation #block-nice-menus-1 {
		height: 35px !important;
	}
	#navigation ul.nice-menu a:link, #navigation ul.nice-menu a {
		font-size: 14px;
		margin:1px 0 0 0;
		padding: 9px 15px 8px 15px;
	}
	#navigation ul.nice-menu li.first, #navigation ul.nice-menu li.last	{
	/*	margin-right:0px; margin-left:0px; margin: 0;*/
	}
	#navigation ul.nice-menu ul li {
		width: 150px;
	}
	#navigation ul.nice-menu ul li a:link, #navigation ul.nice-menu ul li a {
		font-size: 11pt;
		margin:0px 0 0 0;
		padding: 9px 10px 8px 10px;
	}
}
@media all and (max-width: 720px) {
	#logoright {
		display:none; 
		visibility:hidden;
	}
}
@media all and (max-width: 670px) {
	#navigation #block-nice-menus-1 {
		display:none;
	}
	#navigation #block-nice-menus-2 h2 {
		overflow: visible; display:block; visibility:visible; 
		text-align:left; color:#fff;
		font-size:14pt;font-weight:normal; padding:0px;margin: 0 auto 0 20px;
	}
	#block-block-3 {
		display:block !important; visibility:visible !important;
	}
	#navigation {
		cursor:pointer;
	}
	#block-nice-menus-2, 
	.showMenu {display:block;visibility:visible;}
	
	#navigation #block-nice-menus-2 ul#nice-menu-2 li {
		display:block;
		text-align:left;
		border-right:0;
	}
}
@media all and (max-width: 620px) {
	#navigation ul#nice-menu-2  { 
	
	}
}
@media all and (max-width: 480px) {
	#navigation ul.nice-menu-right ul {
		width: 12.5em;
		left:80px;
	}
	#navigation ul.nice-menu-right ul li a {
		width: auto;
	}
}
@media all and (max-width: 320px) { 
	#navigation ul.nice-menu-right ul { left:60px; }
}
@media all and (min-width: 480px) {
	#navigation {
	    position: absolute;
	    top: 0; /* Move the navbar up inside #main's padding. */
	    height: 3em;
	    width: 100%;
	}
}