@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.6em; color: #976107; padding: 16px 0 0 4px;}
h2 {
	font-size: 1.8em;
	color: #976107;
	padding: 10px 0 0 0;
	font-family: "Times New Roman", Times, serif;
}
h3 {
	font-size: 1.7em;
	color: #976107;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

img.gal{padding: 1px; border: 1px solid #ffffff;}
#wrap-b{width:100%; line-height: 1.1; letter-spacing: 1px;}

#footer{float:left; width:100%; overflow:auto; background-color:#181818; border-bottom: 1px solid #fff; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:40%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }
#footer-middle2{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }

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

A.whitelink:link { COLOR: #C6CCCC; TEXT-DECORATION: none; font-size: 14px;}
A.whitelink:hover { COLOR: #C6CCCC; BORDER-BOTTOM: #C6CCCC 1px dotted;   }
A.whitelink:visited { COLOR: #C6CCCC; TEXT-DECORATION: none;}
A.whitelink:active { COLOR: #C6CCCC; TEXT-DECORATION: none;}

A.footlink:link { COLOR: #C6CCCC; TEXT-DECORATION: none; font-size: 12px;}
A.footlink:hover { COLOR: #C6CCCC; BORDER-BOTTOM: #C6CCCC 1px dotted;   }
A.footlink:visited { COLOR: #C6CCCC; TEXT-DECORATION: none;}
A.footlink:active { COLOR: #C6CCCC; TEXT-DECORATION: none;}
.white-ft {
	color: #C6CCCC;
	font-size: 16px;
	font-weight: bold;
		text-transform: uppercase;
}

.white {
	color: #C6CCCC;
	font-size: .9em;
}

hr.style1{border:none; background-color:#C6CCCC; height:1px; width:65%;}

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

#content {
  margin: 0 auto;
  padding: 8px 12px; width: 97%; font-size:16px; border: 0px solid black;
}

/* 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 #976107;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:85%;
}
hr.head {
  border: 10px solid green;
  border-radius: 5px;
}

.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;
}
.brown {
	font-size: 1.2em;
	color: #8D1C00;
	font-weight: normal;
}

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

#top{max-width:1366px; padding: 12px 0 12px 80px; border-bottom: 0px solid #000; background-color:#fff;}
#top-right{ float:right; width:450px; height:auto; overflow:auto; font-size: 13px; padding: 0 8px 0 0;}

#media{width:100%; margin-top:4px; background-color:#000000; height:48px;}
#right { float: right; max-width:100%;  padding:4px 0;}

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

#bottom {float:left; width:100%; display: block; margin: 0 auto;  background-color: #ccc;}
#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 24px;  }
#bottom-middle2 {float:left; width:25%; padding: 4px 0 0 24px;  }
#bottom-middle3 {float:left; width:25%; padding: 4px 0 0 24px;}
#footer-right{float:left; padding: 0px 12px; height:170px; text-align:center; margin-top: 0;}

#footnote{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9pt Tahoma;  color: #000; text-align: center;}


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

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: #000; text-decoration: none; }
ul.foot li a:hover{ text-decoration: none; color:#0B3E83; border-bottom: 1px dotted #0B3E83; }
ul.foot li:last-child { border-bottom: 0;}
.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #CCC; 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) {
#wrap {	width:100%; margin: 0px auto 0px auto; }
#top-right{display: none;}
#right {float: left; width:100%;}
#bottom {background-color: #fff;}
#bottom-inner {  display: none;}
.hr-foot { margin: 0; width: 100%;}
#gap{width:99%; overflow:auto; padding: 1px 0; }
#media{width:100%; }
#footer{float:left; width:100%; overflow:auto; background-color:#181818; border-bottom: 1px solid #fff; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:96%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:96%; padding: 8px 0 8px 48px; }
#footer-middle2{float:left; width:96%; padding: 8px 0 8px 48px; }

#footnote{width:100%; overflow:auto; padding: 4px; font: 9pt Tahoma;  height: auto; color: #000; text-align: center;}
.inner img{
    max-width:99% !important;
    max-height:99% !important;
	border: 1px solid #ccc; padding:0;
	Margin-top: 2px;
}

}