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

body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 15px; background-color:#EEF2F4;}
h1, h2, h3, h4, h5, h6 { color: #03344B;}
h1 { font-size: 1.4em; margin-top: 4px; }
h2 { font-size: 1.1em; margin: 3px 0;}
h3 { font-size: 1.0em; margin: 3px 0;}
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }


/* responsive-images */
img { max-width: 100%; height: auto;}
img.gal { float: left; max-width: 100%; padding: 2px; border: 1px solid #EEF2F4; margin: 2px 10px 2px 0px;}
img.home { max-width: 100%; padding: 2px; border: 1px solid #ccc; margin: 2px 10px 2px 0px;}

#outer { width: 100%; text-align: center; }
#inner { width: 1055px; display: inline-block; text-align: left; padding-left: 8px; background-color: #fff;}
#top-right{ float:right; width:250px; height:auto; overflow:auto; font-size: 13px; text-align:center;}

#nav-outer { width: 100%; text-align: center;   }
#nav-inner { width: 1064px; display: inline-block;}

#scroll-outer { width: 100%; text-align: center;   }
#scroll-inner { width: 1064px; display: inline-block;}

#scrollx-outer { width: 100%; text-align: center;   }
#scrollx-inner { width: 1064px; display: inline-block;}

#content-outer { width: 100%; text-align: center;}
#content-inner { width: 1027px; display: inline-block; background-color: #fff; text-align:left; padding: 12px 18px;}

#bottom-outer { width: 100%; text-align: center;  }
#bottom-inner { width: 1016px; display: inline-block;  text-align:left; padding: 12px 24px; border-top: 1px solid #E4EAED;}

#container1 { margin-top: 2px; float:left; width:100%;}

#col1 { float:left; width:20%; padding-right:12px; text-align:center; border-right: 1px solid #ccc;}
#col2 { float:left; width:76%; padding-left:24px;}


/* Links */
a:link { color: #0285C2; text-decoration: none;}
a:visited { color: #0285C2;}
a:hover { color: #0285C2; text-decoration: underline;}
a:active { color: #0285C2;}

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

/* lines */
hr { border:none; border-top:1px solid #03344B; background-color:#fff; height:1px; width:99%;}
#hr-lines { border-top:solid #03344B 1px; border-bottom:solid #CC5A18 0px; padding-bottom: 8px; width:99%;}
hr.notice { border-top: 1px dotted #03344B;}

.footnote{
	font-size: 12px;
}

#footer ul {
  list-style: none;
  display: block;
  float: left; 
  margin-right: 40px; 
}
#footer li {
  font-size: .9em;
  margin-bottom: 10px; 
}
#footer h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.white{color: white;}
#footer-menu a { 
    text-decoration: none; 
    color: white;
}
#footer-menu a:hover { text-decoration: none; border-bottom: white 1px dotted;
    color: white;
}


#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;
  text-align: left;
  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 1.41em;
  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: 38px;
  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 25px;
  width: 260px;
  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: 1px;
  border-top-right-radius: 1px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
#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;
}

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

@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) {
body { background-color:#ffffff;}
h1 { Margin-top: 16px; 1.2em;}


#inner {width: 100%; padding-left: 8px; text-align: center;}
#nav-inner {width: 100%;}
#nav-outer { background-image:  none;}

#scroll-inner { width: 100%;}

#scrollx-outer { display: none; }
#scrollx-inner { display: none;}

#top-right{display: none;}

#content-inner { width: 96%; padding: 4px 8px;}
#bottom-inner { width: 98%; padding: 4px 4px; background-color:#2283B6; color:#fff;}

#col1 { float:left; width:100%; padding-right:12px; border-right: 1px solid #ccc;}
#col2 { float:left; width:100%; padding-left:12px; text-align:center;}

  #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;
  }
}
A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 13px; letter-spacing: 0px;}
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}
/* 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;}