/*======= GENERAL SETUP AND MISC STYLING =============*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #b3bfc9;
	color: black;
	height: 100%;
	font-size: 14px;
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 900px;
	padding: 0;
	border: solid 1px #999;
	border-top: none;
}
#wrapper #header {
	background: #084B80;
	width: 100%;
	height: 115px;
	margin: 0;
	padding: 0;
	background-image: url(/images/banner.jpg);
	background-repeat: none;
	position: relative;
}
#wrapper #header ul {   
	margin: 0;   
	padding: 0;   
	list-style: none;
 } 
#bannerlink {
	display: block;
	width: 100%;
	height: 115px;
}
.map_image { display: block; width: 900px; height: 115px; position: relative; background-position: 0 0; background-repeat: no-repeat; }
.map_image .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
.map_image #map_link_0 { width: 127px; height: 104px; top: 5px; left: 5px; }
.map_image #map_link_1 { width: 761px; height: 107px; top: 3px; left: 137px; }

#wrapper #header h1 {
	font-size: 0;
	text-indent: -2000px;
}
#wrapper #content {
	background-color: #fefefe;
	margin: 0;
	width: auto;
	padding: 15px;
	clear: both;
	min-height: 500px;
}

#social_media {
	text-align: right;
	background-color: #efefef;
	padding: 5px;
}
#social_media img {
	height: 20px;
	vertical-align: middle;
	border: none;
}

ul.wide li { 
	margin: 10px 0px; 
}
ul.single li { 
	margin: 0px 0px; 
}

p.hangingindent {
    padding-left: 22px ;
    text-indent: -22px ;
}

/*======= FONTS =============*/

h2 {
	font-size: 18px;
}

a {
	text-decoration: none;
}

a:hover {
	color: red;
}

/*======= NAVIGATION BAR AND MENUS =============*/
/* navbars formatting rely on /js/superfish-master/css/superfish.css - the CSS below overrides some of the formatting specified in 
that file. Darker navbar background: cc8316 */
#navbar {
	background-color: #ff9b02 !important; /* a darker version of WMO ORANGE */
	height: 31px;
	position: relative;
	font-size: 12px !important;
}
#navbar > ul#nav > li {
	background-color: #ff9b02 !important; /* WMO ORANGE */
}
#navbar li ul {
	background-color: #b3bfc9 !important;
	box-shadow:#111 0 3px 4px; /* Shadows make menus more beautiful */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.sf-menu {
	margin-bottom: 0 !important;
}

#navbar ul#nav > li > a {
	border: none;
/*	border-color: #ddd !important;
	border-bottom: solid 1px #999 !important; */
}
#navbar ul#nav > li:first-child a {
	border-left: none !important;
}
#navbar ul#nav > li:last-child a {
/*	border-right: solid 1px #fff;  */
	border-right: none;

}

/* Search box */

/* To move search box up into graphic, use top: -30px. Otherwise, use top: 4px. */

#navbar #search_container {
	position: absolute;
	top: -30px;
	background-color: #eee;
	padding: 1px;
	border: solid 1px #999; 
	right: 5px;
}
#navbar #search_container input[type=text] {
	font-size: 12px;
	height: 12px;
}
/*========= FOOTER ==============*/
#footer {
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	height: 1em;
	width: 900px;
	margin: 10px auto 10px auto;
}
#footer strong {
	color: #000;
}
#footer #footer_content1 {
	float: left;
}
#footer #webmaster_contact {
	margin-top: 5px;
}
#footer #hosted_by {
	float: right;
}
#footer #hosted_by #ssec_logo {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-left: 1em;
	width: 62px;
	border: none;
}