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

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 { margin-top: 0px;}
h1 { font-size: 1.4em; color: #1C790E; padding: 2px 0 0 2px;}
h2 { font-size: 1.1em; color: #1C790E; padding: 10px 0 0 0;}
h3 { font-size: 1.1em; color: #1C790E; padding: 0;}
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

.inner img{
    max-width:100% !important;
    max-height:100% !important;
	border: 1px solid #ccc; padding: 2px;
	Margin-top: 2px;
}


/* responsive-images */
img { max-width: 100%; height: auto;}

/******* Image Hover Text *********/
.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: #0B3E83; text-decoration:none; color:#FFFFFF;}

hr {
  border:none;
  border-top:1px solid #124A0A;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:98%;
}
hr.head {
  border: 10px solid green;
  border-radius: 5px;
}
hr.content {
  display: block; height: 1px; border: 0; border-top: groove 1px #CCC; margin: 4px 0px 4px 0px; width: 99%;
}

.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #CCC; margin: 4px 4px 4px 12px; width: 98%;}
#hr-lines { border-top:solid #FEDAA5 1px; border-bottom:solid #FEDAA5 0px; padding-bottom: 8px;}

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

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

#top{max-width:1366px; padding: 0 0 12px 4px; border-bottom: 1px solid #1C790E; }
#top-right{ float:right; width:200px; height:82px; overflow:auto; font-size: 13px; padding: 0 18px 0 0;}

#media{width:100%; margin-bottom:20px; background-color:#fff;}
#right { float: right; max-width:100%; background-color:#fff; margin:24px 24px 0 0; }

#col-container {
  margin: 0 auto;
  padding: 8px 24px; width: 1270px; font-size:16px; border: 0px solid black;
}
#col-left {float:left; width:750px; display: block; margin: 0px 20px 0px 20px; padding: 4px 36px 4px 24px; min-height: 600px;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 0px solid black;}
#col-right{float:left; width:330px; display: block; margin: 0px auto 0px 20px; padding: 4px 36px 4px 24px; min-height: 600px;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 0px solid black;}


#content-inner {width:94%; display: block; margin: 12px auto 0px auto; padding:4px 8px 36px 8px;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height: 200px;}
#content-finner {width:70%; display: block; margin: 0px auto 0px auto; min-height:360px; padding:4px 8px; }


#gap{width:1068px; overflow:auto; padding: 12px 0; }

#bottom {float:left; width:100%; display: block; margin: 0 auto;  background-color: #1C790E;}
#bottom-inner {  width:100%; max-width:1360px; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {float:left; width:25%; padding: 4px 0 0 64px; color:#FFFFFF;  }
#bottom-middle2 {float:left; width:24%; padding: 4px 0 0 24px; color:#FFFFFF; }
#bottom-middle3 {float:left; width:22%; padding: 0; color:#FFFFFF;}
#footer-right{float:left; padding: 0px 12px; height:230px; text-align:center; margin-top: 0; color:#FFFFFF;}

#footnote{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9pt Tahoma;  color: #fff; text-align: center;}
img.map { float: center; max-width: 100%; display: block;  padding: 3px; margin-left: auto;  margin-right: auto; border-top: 1px solid #023A74; box-shadow: 0 0 10px #000000;}
img.chair { float: center; max-width: 100%; display: block;  padding: 3px; margin-left: auto;  margin-right: auto; box-shadow: 0 0 10px #ccc;}
img.gal { float: center; max-width: 100%; padding: 3px; margin-left: auto;  margin-right: auto; border: 1px solid #ccc;}
img.gal2 { float: center; max-width: 100%; padding: 3px; margin-left: auto;  margin: 4px 0; border: 1px solid #ccc;}

/* Links */
a:link { color: #1C790E; text-decoration: none;}
a:visited { color: #1C790E;}
a:hover { color: #000; text-decoration: underline;}
a:active { color: #1C790E;}

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


A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px;}
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}

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:#fff; border-bottom: 1px dotted #fff; }
ul.foot li:last-child { border-bottom: 0;}
.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #fff; margin: 4px 4px 4px 12px; width: 98%;}


.footnote {

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


@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: 800px) {
#top{max-width:100%; padding: 0px;}
#wrap {	width:100%; margin: 0px auto 0px auto; }
#top-right{display: none;}
#right { float: left; width:100%; background-color:#6699CC; margin:0; }

#col-container {
  
  padding: 8px 4px; width: 94%; font-size:16px; border: 0px solid black;
}

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


#content-left {width:98%; display: block; padding: 4px 0 4px 4px;} 
#content-mid {width:98%; padding: 4px;}
#content-right {width:98%; display: block; margin: 0px auto 0px auto; padding: 4px 0 4px 4px;}
#content-inner {width:90%; display: block; margin: 6px auto 12px auto; 
				box-shadow: none; min-height: 200px;}

#bottom-inner {  width: 99%;}

#bottom-middle1 {float:none; width:92%; padding: 32px 4px 4px 32px;  }
#bottom-middle2 {float:none; width:92%; padding: 4px 4px 4px 32px;  }
#bottom-middle3 {float:none; width:92%; padding: 4px 4px 4px 32px;  }
#footer-right{float:none; padding: 2px; height:230px; }


.hr-foot { margin: 0; width: 100%;}
#gap{width:99%; overflow:auto; padding: 1px 0; }
#media{width:100%; }
#footer{display: none; }
#footnote{width:100%; overflow:auto; padding: 4px; font: 9pt Tahoma;  height: auto; color: #fff; text-align: center;}
.inner img{
    max-width:99% !important;
    max-height:99% !important;
	border: 1px solid #ccc; padding:0;
	Margin-top: 2px;
}
img.map { display: block;
  margin-left: auto;
  margin-right: auto;}
}