@charset "utf-8";
/* CSS Document */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
	background:#C5E5F5 url(../images/bg.png) repeat-y center;
}

#wrap {
	min-height: 100%;
	margin-top: -10px;
	}

#main {
	overflow:auto;
	padding-bottom: 480px;
	margin-top: -10px;
	}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -480px; /* negative value of footer height */
	height: 480px;
	clear:both;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


.div-half {
	width: 50% !important;
	float: left;
	text-align: center;
}

.div-half-right {
	width: 50%!important;
	float: right;
	text-align: left;
}

.div-search-left {
	float: left;
	width: 700px;
	height: 520px;
}

.div-search-right{
	width: 25%!important;
	float: right;
	text-align: left;
}

/* Style for social media */
.social-media {
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* styling for the header */
#header {
	background:#C5E5F5 url(../images/bg.png) repeat-y center;
	padding:0px;
}
.header-content {
	/* width: 960px; */
	width: 990px;
	margin: 0 auto;
	height: 60px;
	overflow: visible;/* background: url(images/header.png) no-repeat; */
}
.header-nws {
	float: left;
	margin-left: 10px;
	background-color:#FFF;
}
.header-doc {
	float: right;
}


.two-third-first {
	width: 620px;
	clear: none;
	margin-top: 0;
	margin-bottom: 0;
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.one-third-last {
	width: 280px;
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	font-size:12px;
}


.footer-content {
	width: 960px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	line-height: 16px;
	border-top: 1px double #1763ab;
	border-bottom: 1px double #1763ab;
	background: #C5E5F5 url(../images/bg_footer.png) repeat-y center;
}

.footer-column {
	width: 170px;
	margin: 0;
	float: left;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	padding-top: 30px;
	/* [disabled]padding-right: 10px; */
	padding-bottom: 30px;
	padding-left: 5px;
}
*.footer-column-sub {
	width: auto;
	padding: 0px 8px;
	margin: 0px;
	float: left;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	color: #1763ab;
}
*.footer-column-sub a:link {
	color: #6C0;
}
*.footer-column-sub-sub {
	width: auto;
	padding: 0px 10px;
	margin: 0px;
	float: left;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	color: #1763ab;
}
*.footer-column-head, *.footer-column-head a:link {
	text-transform: uppercase;
	color: #ed7a08;
	font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	height: auto !important;
	margin-bottom: 0px !important;
}
*.footer-column a:link, .footer-column a:visited {
	color: #1763AB;
	text-decoration: none;
}
.footer-column a:hover {
	text-decoration: underline;
	color: #F60;
}

.footer-legal {
	width: 100%;
	padding-bottom: 10px;
}
.footer-legal * {
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-legal a:link {
	text-decoration: none;
}
.footer-legal a:hover {
	text-decoration: underline;
}
.footer-legal-content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	line-height: 16px;
	padding-top: 15px;
}
.footer-legal-gov {
	float: left;
}
.footer-legal-column {
	float: left;
	width: 450px;
	position: relative;
	left: 60px;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-legal-column2 {
	float: left;
	left: 90px;
	position: relative;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-legal-column3 {
	float: left;
	left: 120px;
	width: 160px;
	position: relative;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.main_content {
	width: 960px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: left;
}

/* Text decoration */

h1 {
	padding: 5px 0;
	color: #00C;
	font-family:  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

h2 {
	padding: 5px 0;
	background-image: none;
	color: #ec7a08;
}

.myhead {
	padding: 5px 0;
	background-image: none;
	color: #ec7a08;
	font-size:20px;
	font-weight:bold;
}

/* table coloration */
.row-even {
	background-color: #E6E6F6;
}
.row-odd {
	background-color: #EFEFEF;
}

.row-head {
	background-color: #0066CC;
}

.red {
	color: #F00;
}


.feature-block {
	padding-top: 10px;
	padding-left: 40px;
	text-align: left;
	padding-right: 30px;
	/* border-top:1px solid #94C6EF;*/
}

.content {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	background: #C5E5F5 url(../images/bg.png) repeat-y center;
}

.xmitter {
	width: 940px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: right;
	padding-right: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
ul {
	padding-left: 30px;
	padding-right: 30px;
}

.number {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
}

.status {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

/* Site Search */
#site-search input#query {
	font: 8pt Tahoma, sans-serif; 
	width: 95px;
	margin-bottom: 5px;
}
#site-search .search-scope {
	font-weight: normal;
}

#map-canvas {
	height: 520px;
	width: 680px;
	margin: 0px;
	padding: 0px;
	float:left
}
.controls {
	margin-top: 16px;
	margin-left: 10px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input {
	background-color: #fff;
	padding: 0 11px 0 13px;
	width: 400px;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	text-overflow: ellipsis;
}
#pac-input:focus {
	border-color: #4d90fe;
	margin-left: -1px;
	padding-left: 14px;  /* Regular padding-left + 1. */
	width: 401px;
}
.pac-container {
	font-family: Arial, Helvetica, sans-serif;
}
#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}
#type-selector label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
}
h3 {
	text-shadow: 1px 1px 1px #333;
	font-size: 14px;
}

.h3bold {
	font-size: 14px;
	font-weight:bold;
}

.map_content {
	width: 120px;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
}
.labels {
     color: red;
     background-color: white;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 40px;     
     border: 2px solid black;
     white-space: nowrap;	
}
.info {
	width: 120px;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:12px;
	color: #F60;
	text-shadow: 1px 1px 1px #C63;	
}
#legend {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 3px solid #000;
	font-size: 14px;
}
#legend h3 {
	margin-top: 0;
}
#legend img {
	vertical-align: middle;
}

A:hover {
color : #FF0000;
}

/* Communication links */
.communication-links { 
	margin: 0px 0px;
}
.communication-links a:link {
	text-decoration: none;
	vertical-align: text-top;
}
.communication-links a:hover {
	text-decoration: underline;
}
.communication-links a {
	margin-left: 0px;
	vertical-align: 
}
.communication-links a:first-child {
	margin-left: 0px;
}
.communication-links .icon > img {
	margin-bottom: -3px; 
}
.communication-links a.icon {
	margin-right: -20px !important; 
}