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

/* CSS Document */
/* responsive-images */

@-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;}
img.inner { max-width: 400px; display: block; margin-left: 2px; margin-right: auto;}
img.news { max-width: 120px; padding: 1px; border: 1px solid #DEDEDE; margin-right: 24px;}
img.news-in { max-width: 100%; min-width: 120px; padding: 1px; border: 1px solid #DEDEDE; margin: 0;}
.hr-news { display: block; height: 1px; border: 0; border-top: dotted 1px #579F29; margin: 8px 0 4px 8px; width: 100%;}

.map { padding: 0 8px; margin: 0;}
.hr-map { display: block; height: 1px; border: 0; border-top: 1px solid #02488F; margin: 2px 0; width: 100%;}

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

#bottom {float:left; width:100%; display: block; margin: 0 auto;    background-color: #003366;}

#bottom-inner {  width:94%; display: table; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {float:left; width:22%; padding: 4px 0 0 24px;  }
#bottom-middle2 {float:left; width:24%; padding: 4px 0 0 24px;  }
#bottom-middle3 {float:left; width:22%; padding: 4px 0 0 24px;}
#xxx-right {float:right;width:40%; padding: 4px 0 0 24px;  text-align:center; color: white;}
#bottom-right{float:left; padding: padding: 4px 0 0 24px; text-align:center; color: white; font-size: .8em;}

ul.foot { padding: 2px; list-style-position: outside; list-style-image: url('../images/foot-bullet.gif'); text-align: left; font-size:.9em;}
ul.foot li { padding: 0; margin: 4px;}
ul.foot li a{ color: #fff; text-decoration: none; }
ul.foot li a:hover{ text-decoration: none; color:silver; }
ul.foot li:last-child { border-bottom: 0;}
.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #02488F; margin: 4px 4px 4px 12px; width: 98%;}
div.gallery {
  margin: 9px;
  border: 1px solid #fff;
  float: left;
  text-align: center;
  padding: 4px 0;
  width: 228px; height: 160px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.gallery:hover {
  border: 1px solid #ccc;
}

div.gallery img {
  height: auto;
}

div.desc {
  padding: 12px;
  text-align: center;
}
div.gallery-side {
  margin: 9px 9px 9px 24px;
  border: 1px solid #fff;
  text-align: center;
  padding: 4px 0;
  width: 228px; height: 90px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.gallery-side:hover {
  border: 1px solid #ccc;
}

div.gallery-side img {
  height: auto;
}
.gap{width:1068px; overflow:auto; padding: 2px 0; }

.metro {
  display: inline-block;
  padding: 6px 8px;
  margin: 0;
  background: #fff;
  text-decoration: none; border-radius: 4px; width: 140px; border: 1px solid #ccc;
}
.metro:hover { background: #92AAC1; text-decoration:none; color:#FFFFFF;}
#col-container{max-width:94%; margin: 12px 18px 0px auto; border: 0px solid #AEADAD;}
img.google
{
	display:inline-block;
	max-width: 100%;
	padding: 4px;
	border: 1px solid #AAA9A9;
	margin: 24px 4px 4px 0;
}
#col-left{float:left; width:54%; overflow:auto; padding: 0 14px 18px 14px; height:100%; overflow-x:hidden; margin: 12px 0 0 0; border: 0px solid #F7E5FD; overflow-y:hidden; overflow-x:hidden;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  min-height:650px; background-color:#fff;}
#col-right{float:left; width:34%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 12px; padding: 0 20px; min-height:380px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#fff;}
#col-video{float:left; width:34%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 12px; padding: 40px 20px; min-height:auto; border: 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#fff;}
#col-x{float:left; width:94%; overflow:auto; padding: 0 14px 18px 14px; height:100%; overflow-x:hidden; margin: 12px 0 0 0; border: 0px solid #F7E5FD; overflow-y:hidden; overflow-x:hidden;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  min-height:484px;}

#col-left-in{float:left; width:70%; overflow:auto; padding: 0 14px 18px 14px; min-height:1012px; overflow-x:hidden; margin: 12px 0; border: 0px solid #F7E5FD; overflow-y:hidden; overflow-x:hidden;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#col-right-in{float:left; width:22%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 12px; padding: 0 20px 10px 18px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}
#gallery{width:96%; background-color: #F2F2F2; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin: 24px 0 0 0;  border: 1px solid #B6B7B8; padding: 1px 4px 1px 5px; height: 277px; }

#main{max-width:94%; margin: 0px auto 0px auto; border-bottom: 0px solid #AEADAD;}

#main-left{float:left; width:70%; overflow:auto; height:100%; overflow-y:hidden; overflow-x:hidden; padding-right: 0px; height: 100%;}
#main-right{float:left; width:25%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 24px; padding-left: 4px; padding-right: 12px; border:1px solid #ccc; height: 510px;
}
#main-right3{float:left; width:350px; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin:42px 0 24px 0; padding-left: 4px; padding-right: 4px; border:0px solid #FEDAA5; height: auto; 
}



#col-right-inner{float:left; width:65%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 24px 0 4px 24px;}

#col-inner{float:left; width:98%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 24px 0 4px 12px;}
#col-lines { border-top:solid #8F6634 1px; border-bottom:solid #573F20 0px;}


#col-right-1l{float:left; width:27%;  margin-right: 1%;}
#col-right-1r{float:left; width:72%; padding-left: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 12px; line-height: 17px;}
#col-right-1b{float:left; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 0px;}

#col-right-2l{float:left; width:27%;  margin-right: 1%;}
#col-right-2r{float:left; width:72%; padding-left: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 12px; line-height: 17px;}
#col-right-2b{float:left; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 0px;}

#col-right-3l{float:left; width:27%;  margin-right: 1%;}
#col-right-3r{float:left; width:72%; padding-left: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 12px; line-height: 17px;}
#col-right-3b{float:left; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 0px;}

#col-right-4l{float:left; width:27%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-right: 2%;}
#col-right-4r{float:left; width:71%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 12px; line-height: 17px;}
#col-right-4b{float:left; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 0px;}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #AEADAD;
    margin: .2em 0 .6em 0;
    padding: 0; 
}


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;
}

.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: 1em;
	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: #003366; padding: 15px 0 0 0;}
h2 { font-size: 1.1em; color: #003366; padding: 10px 0 0 0;}
h3 { font-size: 1.1em; color: #003366; padding: 10px 0 0 0;}
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }
.ex {  font-size: 13px;   TEXT-DECORATION: none;}
.ex:hover {  BACKGROUND: #F3F5F6;  TEXT-DECORATION: none;}


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


#top{max-width:1050px; padding: 0 0 0 50px; margin: 0px auto 0px auto; border-bottom: 0px solid #000; background-color:#fff;
}
#top-flag{max-width:1250px; padding: 0px; margin: 0px auto 0px auto; border-bottom: 0px solid #000; background-color:#fff;
}
img.flag { box-shadow: 0 0 4px #ccc;}

#top-left{float:left; width:auto; height:82px; overflow:auto; padding-left:200px;}
#top-right{ float:right; width:240px; height:82px; overflow:auto; font-size: .85em; padding: 0 18px 0 0;}

#nav{width:100%; margin: 0px auto 0px auto; border-top: 1px solid #ccc; }

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

#media{width:auto; padding: 24px 36px; background-color: #003366; margin-top: 12px;}
#media-inner{width:auto; border: 0px solid white;  padding: 0px; background-color: #003366; width:auto;}

#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 #FEDAA5; 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;
}



#footnote{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9pt Tahoma;  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 #FEDAA5 1px; border-bottom:solid #FEDAA5 0px; padding-bottom: 8px;}
#latest-lines { border-top:solid #ccc 1px; border-bottom:solid #ccc 0px; margin-top: 1px; padding-bottom: 8px; margin-left: 10px;}
hr.style2 {
	border-top: 1px solid #AEADAD;
}
.latest {color: #F4160B; font-weight: bold; line-height: 250%; text-align: center; padding: 12px 0;}
p.latest { text-align: center; line-height: 50%;}
p.related {
	text-align: center;
	line-height: 20%;
	color:#003366;
	font-weight: bold; padding: 8px 0;
}
.w-lines { border-top:solid #CAA73C 1px;   border-bottom:solid #E8C24D 1px; margin-bottom: 0px; padding-bottom: 0px;}
.x-lines { border-top:solid #ccc 1px;   border-bottom:solid #E8C24D 0px; margin-top: 4px; padding-bottom: 0px;}
.a-lines { border-top:solid #FEDAA5 1px;   border-bottom:solid #E8C24D 0px; margin-bottom: 8px; padding-bottom: 0px;}
.thumbs { border:0;    margin: 0px; padding: 6px 0px; }
.thumbs-c { border:0;    margin: 0px; padding: 0px 0px;}


/* Links */

a:link { color: #003366; text-decoration: none;}
a:visited { color: #003366;}
a:hover { color: #000; text-decoration: underline;}
a:active { color: #003366;}
A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 13px;}
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}

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


.white { color: #FFFFFF;}
.red {
	color: #F4160B;
	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 #FEDAA5;
	margin: 0px 10px 8px 0px;
}
img.gal
{
	float: left;
	max-width: 100%;
	padding: 2px;
	border: 1px solid #000;
	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: 2px;
	border: 1px solid #ccc;
	margin: 0 4px 4px 0;
}



/* Footer Menus */
#footer{float:left; width:96%; overflow:auto;  border-bottom: 1px solid #D3A7AF; padding: 8px 0 8px 48px; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background-color:#003366;}
#footer-left{float:left; width:10%; overflow:auto;  padding: 0 24px; }
#footer-middle1{float:left; width:20%; overflow:auto;  padding: 0 24px; }
#footer-middle2{float:left; width:20%; overflow:auto;  padding: 0 24px; }

#menulegend{ margin: 0; padding: 2px; 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{ margin: 0; padding: 2px; 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{ margin: 0; padding: 2px; 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: #F4160B;
}
.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: #F5F4F4;  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;}

}

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


/* Side Block of Navigation */
#bottom-inner {  display: none;}
.hr-foot { margin: 0; width: 100%;}
#col-right-1r{width:69%; padding-left: 3%; }
#col-right-2r{width:69%; padding-left: 3%; }
#col-right-3r{width:69%; padding-left: 3%; }

#bottom-right {float:right;width:100%; padding: 4px 0 0 24px;  text-align:center; color: white;}
#col-left{float:left; width:100%; padding: 1px; margin: 4px 0 0 0; box-shadow: none; min-height:none;}
#col-right{float:left; width:100%; padding: 1px; margin: 4px 0 32px 0; box-shadow: none; max-height:812px;}
#col-video{ margin: auto 0; padding: 4px; border: 1px solid #AAA9A9; }
img.google{	max-width: 96%; margin: 4px 8px 4px 0; padding: 2px;}

#col-left-in{float:left; width:99%; overflow:auto; padding: 1px; min-height:auto; overflow-x:hidden; margin: 4px 0; box-shadow: none; min-height:400px;}
#col-right-in{display: none;}

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

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

#nav{width:100%;}

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

#media{width:auto; padding: 4px; background-color: #003366; margin-top: 2px;}
#media-inner{width:auto; border: 0px solid white;  padding: 00; background-color: #003366;}

#main{width:100%;  margin-left:8px;}
#main-left{display: none;}
#main-right{display: none;}
#main-right-inner{float:right; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden; margin-top: 48px; padding-left: 4px; padding-right: 12px; border:1px solid #FEDAA5; height: 224px;
}
#main-right3{display: none;}

#wrap-b {width:96%;}

#footer{display: none; }

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

#col-video{width:88%;}

}

/* Menu */
/* 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 9px;
  border-left: 1px solid #ccc;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  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-image: url('../media/hover.gif');
}
#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: #B1B1B1;
  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: 234px;
  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 25px;
  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: #fff;
  background-image: url('../media/hover.gif');

}
#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;
  }
}