@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* CSS Document */
/* responsive-images */
.bottom-mblock { padding: 6px 8px; text-align:center; font-size:.85em; margin: 0; color: #fff;}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;   
}

b#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding: 0 2px;
}

b#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
	padding: 0 2px;

}

.scorners { border-radius: 2px; border: 1px solid #FFE9C9; padding: 16px 20px; width: 94%; height: auto; position:relative; background: #FDFBE4;}


.trans-link { display:block; width:200px; height:120px; BACKGROUND: #cccccc; text-align:center; transition:all 1s ease;	COLOR: #048CF2; TEXT-DECORATION: none; }
a.trans-link:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); BACKGROUND: red; COLOR: #001626; TEXT-DECORATION: none;}

.grow { 
	width:483px; height:298px; background:#676470; color:#fff; font-family:Lato; 
	font-weight:900; font-size:3.4em; text-align:center; line-height:298px;
	transition:all 2s ease;
}
.grow:hover
{
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

img {
    max-width: 100%;
    height: auto;
}
hr {
  border:none;
  border-top:1px solid #C7CBFE;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:98%;
}

.calendar{
	margin:.1em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:80px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 0px 2px #888;
	}
.calendar em{
	display:block;
	font:normal bold 11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#00365a 0 1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#51bbd2), to(#2d97af)); 
	background:-moz-linear-gradient(top,  #51bbd2,  #2d97af); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #287E92;
	}	

html { margin: 0 0 0 0; padding: 0 0 0 0;}

body {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: auto;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;	margin-top: 0px;}
h1 { font-size: 1.2em; color: #021C29; padding: 15px 0 0 0;}
h2 { font-size: 1.1em; color: #021C29; }
h3 { font-size: 0.8em; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }


/* Containers */
#wrap-page {width:100%; margin: 0px auto 0px auto; }
#wrap {	width:1068px; 	margin: 0px auto 0px auto; }
#wrap-b {width:1068px; 	margin: 0px auto 0px auto;}


#top{width:1068px; padding: 4px 0; border-bottom: 1px solid #1F7196;
}
#top-left{float:left; width:800px; height:82px; overflow:auto; padding: 0 0 4px 0;}
#top-right{ float:right; width:260px; height:auto; overflow:auto; font-size: 13px;}

#nav{width:1068px;}

#bread{width:1068px; overflow:auto; padding: 4px 0; }
#gap{width:1068px; overflow:auto; padding: 2px 0; }

#media{width:1068px; }

#main-text{width:99%; }
#main{width:1068px; }
#main-left{float:left; width:790px; overflow:auto; height:100%; overflow-y:hidden; overflow-x:hidden; padding-right: 0px; height: 100%;}
#main-right{float:right; width:258px; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 24px; padding-left: 4px; padding-right: 12px; border:1px solid #C7CBFE; height: 224px;
}
#main-right-inner{float:right; width:258px; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 48px; padding-left: 4px; padding-right: 12px; border:1px solid #C7CBFE; height: 224px;
}
#main-right2{float:right; width:264px; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 12px; padding-left: 12px; padding-right: 12px; border:0px solid #FEDAA5; height: 238px; background: #D8B446;
}
#main-right3{float:right; width:258px; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin: 12px 0; padding-left: 4px; padding-right: 4px; border:0px solid #FEDAA5; height: 250px; 
}


#footer{float:left; width:1068px; overflow:auto;  border-bottom: 1px solid #1B648A; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:257px; overflow:auto; border-right: 1px solid #1B648A; padding: 8px; height:170px; }
#footer-middle1{float:left; width:240px; border-right: 1px solid #1B648A;border-left: 1px solid #2F9FDA; padding: 8px 12px; height:170px; }
#footer-middle2{float:left; width:247px; border-right: 1px solid #1B648A;border-left: 1px solid #2F9FDA; padding: 8px 12px; height:170px; }
#footer-right{float:left; border-left: 1px solid #2F9FDA; padding: 8px 12px; height:170px; text-align:center; top: 0;}

#footnote{float:left; width:1060px; overflow:auto; padding: 4px; font: 9pt Tahoma; border-top: 1px solid #2F9FDA; height: 26px; color: #fff; text-align: center;}
#footnote-left{float:left; width:800px; overflow:auto;}
#footnote-right{float:right; width:124px; overflow:auto; text-align: right; padding-right: 2px;}

#ads { background: #fff; text-align: center; margin-top:40px;}

#hr-lines { border-top:solid #C7CBFE 1px; border-bottom:solid #FEDAA5 0px; padding-bottom: 8px;}
#latest-lines { border-top:solid #C7CBFE 1px; border-bottom:solid #C7CBFE 0px; margin-top: 1px; margin-left: 4px; padding-bottom: 8px;}
.latest {color: #F4160B; font-weight: bold; line-height: 250%; text-align: center; }
p.latest { text-align: center; line-height: 50%;}
p.related {
	text-align: center;
	line-height: 20%;
	color:#1F71A4;
	font-weight: bold;
}
.w-lines { border-top:solid #CAA73C 1px;   border-bottom:solid #E8C24D 1px; margin-bottom: 0px; padding-bottom: 0px;}
.x-lines { border-top:solid #C7CBFE 1px;   border-bottom:solid #E8C24D 0px; margin-top: 4px; padding-bottom: 0px;}
.a-lines { border-top:solid #C7CBFE 1px;   border-bottom:solid #E8C24D 0px; margin-bottom: 8px; padding-bottom: 0px;}
.thumbs { border:0;    margin: 0px; padding: 4px 0px;}
.thumbs-c { border:0;    margin: 0px; padding: 8px 0px;}


/* Links */

a:link { color: #1F7196; text-decoration: none;}
a:visited { color: #154960;}
a:hover { color: #154960; text-decoration: underline;}
a:active { color: #154960;}
A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px;}
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}

A.blacklink {COLOR: #00446D; TEXT-DECORATION: none; font-size: 13px;}
A.blacklink:hover { COLOR: #00446D; TEXT-DECORATION: noe; BORDER-BOTTOM: #00446D 1px dotted;}


.white { color: #FFFFFF;}
.external {
	color: #154960;
	font-size: 14px;
}


/******* Breadcrumbs *********/


.breadcrumb{ font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}
.breadcrumb a{ background: transparent url('../images/breadcrumb.gif') no-repeat center right; text-decoration: none; padding-right: 16px; padding-left: 2px;}
.breadcrumb a:visited, .breadcrumb a:active{ }
.breadcrumb a:hover{ }

/* pictures images */
.main img{
max-width:100% !important;
    height:auto;
    display:block;	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
img.left
{
	float: left;
	max-width: 100%;
	padding: 1px;
	border: 1px solid #ccc;
	margin: 2px 10px 12px 0px;
}
img.gal
{
	float: left;
	max-width: 100%;
	padding: 2px;
	border: 1px solid #1B648A;
	margin: 2px 10px 2px 0px;
}

img.thumb
{
	float: left;
	max-width: 100%;
	padding: 1px;
	border: 0px solid rgba(0, 0, 0, 0.1);
	margin: 2px 10px 2px 0px;
}
img.right
{
	float: right;
	max-width: 100%;
	padding: 1px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 2px 4px 2px 10px;
}
img.centre
{
	display:inline-block;
	max-width: 100%;
	padding: 1px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 4px 4px 0;
}



/* Footer Menus */

#menulegend{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menulegend ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menulegend li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menulegend li a{ color: #fff; text-decoration: none; }
#menulegend li a:hover{ text-decoration: underline; }

#menushivkhori{ width: 100%; margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menushivkhori ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menushivkhori li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menushivkhori li a{ color: #fff; text-decoration: none; }
#menushivkhori li a:hover{ text-decoration: underline; }

#menusas{ width: 100%; margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menusas ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menusas li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menusas li a{ color: #fff; text-decoration: none; }
#menusas li a:hover{ text-decoration: underline; }

#menuevent{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menuevent ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menuevent li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menuevent li a{ color: #fff; text-decoration: none; }
#menuevent li a:hover{ text-decoration: underline; }

#menutemples{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menutemples ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menutemples li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menutemples li a{ color: #fff; text-decoration: none; }
#menutemples li a:hover{ text-decoration: underline; }


/* Extra */
.picture-main { border: 1px solid #D6EDFE; margin: 0;}
.picture-event { border: 1px solid #28A2FD; margin: 12px;}
.picture-left { border: 1px solid #F4F8FB; margin: 0 12px 0 0;}
.picture-right { border: 1px solid #F4F8FB; margin: 0 0 0 12px;}


/************* DD Navigation *************/

 /* -- */

.textsmall { WORD-SPACING: normal; FONT: 8pt Tahoma; COLOR: #000000; LETTER-SPACING: normal; TEXT-ALIGN: justify; }

.textsmallwhite {
	WORD-SPACING: normal;
	FONT: 8pt Tahoma;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	TEXT-ALIGN: justify;
	font-weight: bold;
}
.textmediumwhite {

	WORD-SPACING: normal;
	FONT: 9pt Tahoma;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	TEXT-ALIGN: justify;
	font-weight: bold;
}
.txtwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
A.buckets {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A.buckets:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.learn {
	COLOR: #A82E07;
	TEXT-DECORATION: none;
	font-size: 11px;
}
A.learn:hover {
	COLOR: #A82E07; TEXT-DECORATION: underline
}
.footnote {

	font-family: Arial;
	font-size: 11px;
	line-height: normal;
}
.caption {
	font-family: Arial;
	font-size: 11px;

	line-height: normal;
	font-weight: normal;
}
.updated {
	font-family: Arial;
	font-size: 0.9em;
}
.h2current {
	font-family: Arial;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #000;
}
.text-white {
	WORD-SPACING: normal;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	font: Arial;
	font-size: 12px;
}
.text-marque {
	WORD-SPACING: normal;
	LETTER-SPACING: normal;
	font-size: 13px;
	color: #000000;
}
.text-brown {

	WORD-SPACING: normal;
	COLOR: #000;
	LETTER-SPACING: normal;
	font: Arial;
	font-size: 13px;
}
 /* -- */

/******* Image Hover Text *********/

a.hovertext {
	position: relative;
	width: 300px;
	text-decoration: none !important;
	text-align: center;
	font-size: 11px;
  }
  a.hovertext:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 2px;
    padding: 0.2em 10px;
    width: 280px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
  a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 0.8;
  }

.pa-link {
	BORDER-BOTTOM: black 1px dotted;   TEXT-DECORATION: none ; font-size: 14px;
}
A.pa-link:hover {
	BORDER-BOTTOM: black 1px dotted; BACKGROUND: #E6F0F2;  TEXT-DECORATION: none;
}

@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 90%;
  }
}
@media screen and (min-width: 780px) {
#mobile-footer{display: none;}

}
/* desktop only */
@media only screen
and (max-width : 999px) {
.desktop {display:none;}
}

@media screen and (max-width: 779px) {


/* Side Block of Navigation */

#wrap {	width:96%; 	margin: 0px auto 0px auto; }

#top{width:99%; padding: 0;}
#top-left{float:left; width:79%; height:82px; overflow:auto; padding: 0;}
#top-right{display: none;}

#nav{width:99%;}

#bread{width:99%; overflow:auto; padding: 3px 0; }
#gap{width:99%; overflow:auto; padding: 1px 0; }

#media{width:99%; }

#main{width:99%; }
#main-left{float:left; width:100%; overflow:auto; height:100%; overflow-y:hidden; overflow-x:hidden; padding-right: 24px;}
#main-right{display: none;}
#main-right-inner{display: none;}
#main-right3{display: none;}

#wrap-b {width:96%;}

#footer{display: none; }

#footnote{float:left; width:96%; overflow:auto; padding: 4px; font: 9pt Tahoma; border-top: 0px solid #fff; height: auto; color: #fff; text-align: center;}


}

/* Menu */


#cssmenu{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		border-radius:1px;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);

}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:10;/* keeps menu in front */
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #2489B6;
  background-image: url('../media/on.gif');
}
#cssmenu > ul {
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 13px 11px;
  border-left: 1px solid #1F7196;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 1px;
  background-image: url('../media/on.gif');
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff;
  right: 17px;
  top: 17px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 1px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -1px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 39px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 208px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 14px 20px;
  width: 240px;
  color: #777777;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
  #cssmenu {
    background: #2283B6;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid #1C6991;
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
    background: url('../images/bg.png');
	border-bottom: 1px solid #1C6991;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('../images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}
/* mobile only */
@media only screen
and (min-width : 999px) {
.mobile {display:none;}
}
#nav-bottom {width:100%; margin: 4px auto 4px auto; text-align:center; color:#FFFFFF; 
			border-bottom: 1px solid #1B648A; box-shadow: 0 1px 0 #2F9FDA;  padding-bottom: 8px;}
			
#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 16px; border: none; outline: none;
		 background-color: #2783B4; Opacity: .9; color: white; cursor: pointer; padding: 15px 12px; border-radius: 4px;}

#myBtn:hover { background-color: #E2E4FE; color:black;}