/*
Website: Rivers.gov
URI: https://www.rivers.gov/
Description: The National Wild and Scenic Rivers System
Author: Brad Sappenfield
Author URI: http://www.focalpointmarketing.com/
**-----------**
* Colors Used *
**-----------**
Black-  #000000
White-  #ffffff
Blue (Lighter)- #1570B4
Blue (Darker) - #323C67
Tan - #f0e9df
Brown - #847664
Gray - #575967
Light Charcoal - #4d4d4d
*/

/* Basic Element Styles */
@import url('style/core.css');

/* Custom Form Styles */
@import url('style/forms.css');

/* Custom Accordion Styles */
@import url('style/toggle.css');

/* Custom Navigation Styles */
@import url('style/navigation.css');

/* Custom Forms Styles */
@import url('style/forms.css');

/*--- Begin General Template Elements ---*/

#outer-wrapper {
width: 1016px;
height: 100%;
margin: 0px auto;
}

#inner-wrapper {
width: 1000px;
padding: 0px 8px;
height: 100%;
margin: 0px auto;
background-image: url('images/secondary-main-bg-repeat.png');
background-repeat: repeat-y;
}

#masthead {
color: #FFF;
width: 1016px;
padding: 0px;
border: none;
height: 171px;
margin: 0px auto;
background-image: url('images/header.png');
background-repeat: no-repeat;
}

#logo {
float: left;
width: 115px;
height: 140px;
margin: 18px 0px 0px 45px;
}

#logo-group {
float: left;
width: 220px;
height: 60px;
margin: 90px 0px 0px 780px;
*margin: 90px 0px 0px 620px; /* Added to fix issue in IE */
position: absolute;
}

#logo-group img {
float: left;
}

#footer {
color: #FFFFFF;
margin: 0px auto;
padding: 5px 0px 40px 0px;
text-align: center;
position: static;
width: 1000px;
height: 100%;
min-height: 275px;
background-color: #F0E9DF;
}

/*--- End General Template Elements ---*/

/*--- Begin Homepage Elements ---*/

#home-inner-wrapper {
width: 1000px;
padding: 0px 8px;
height: 100%;
margin: 0px auto;
background-image: url('images/home-iw-bg.png');
background-repeat: repeat-y;
}

#slideshow {
background-image: url('images/slideshow-bg.png');
background-repeat: no-repeat;
color: #FFF;
width: 895px;
float: none;
padding: 10px 6px 20px 115px;
border: none;
height: 401px;
margin: 0px auto;
z-index: 2000;
}

#home-content {
background-color: #F0E9DF;
}

#feature-1 {
color: #666;
width: 980px;
float: none;
padding: 20px 10px 0px 10px;
border: none;
height: 287px;
margin: 0px auto;
background-image: url('images/dr-bg.png');
background-repeat: no-repeat;
}

#feature-2 {
color: #FFF;
width: 1000px;
float: none;
padding: 0px;
border: none;
height: 100%;
margin: 0px auto;
padding: 0px;
*padding: 20px 0px;
}

#about {
border: 1px solid #ccc;
width: 822px;
height: 165px;
margin: 35px auto 25px 70px;
position: static;
/* Adds rounded corners */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#about-text {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px 15px 10px 20px;
width: 307px;
}

#newsfeed {
float: right;
width: 435px;
height: 115px;
margin: 0px 0px 0px 0px;
padding: 15px 25px 15px 0px;
/*background-image: url('images/newsfeed-bg.png');*/
background-image: url('images/mule-deer.png');
background-repeat: no-repeat;
overflow:visible;
background-position: 5px 20px;
}

/*--- End Homepage Elements ---*/

/*--- Begin Secondary page Elements ---*/

#content {
background-color: transparent;
margin: 0px auto 0px auto;
padding: 10px 0px;
height: 100%;
width: 1000px;
position: static;
clear: both;
z-index: 100;
}

#content-topper {
width: 1000px;
padding: 0px 8px;
height: 30px;
margin: 0px auto;
background-image: url('images/secondary-main-bg.png');
background-repeat:no-repeat;
}

#content-wrapper {
width: 952px;
padding: 0px 0px 20px 0px;
height: 100%;
margin: 0px auto -30px auto;
background-color: #EDE9DE;
/* Adds Shadow */
-moz-box-shadow: 0 6px 8px #333;
-webkit-box-shadow: 0 6px 8px #333;
box-shadow: 0 6px 8px #333;
z-index: 120;
}

#content-page {
width: 570px;
height: 100%;
min-height: 750px;
padding: 0px 13px 220px 13px;
margin: 0px 0px -20px 21px;
background-color: #FFF;
float: left;
}

#intro-box {
background-color: #ECF2F5;
width: 523px;
margin: 80px 0px 25px 0px;
padding: 20px 21px 32px 21px;
}

#accords {
margin: 20px 0px 20px 0px;
}

#rivers-box {
background-color: #EFE9DE;
width: 546px;
clear: both;
height: 100%;
min-height: 525px;
margin: 85px 0px 0px 0px;
position: relative;
padding: 10px 12px 20px 12px;
}

#details-box {
width: 509px;
clear: both;
height: 100%;
margin: 0px auto 35px 0px;
padding: 12px 24px 22px 12px;
/* Adds rounded corners */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #B5ACA0;
position:relative;
}

#details-text {
width: 350px;
height: 100%;
float: left;
}

#lower-content {
margin: 32px 0px 0px 12px;
height: 100%;
clear: both;
min-height: 220px;
}

#lc-left {
float: left;
width: 380px;
height: 100%;
}

#block-quote {
float: left;
margin: 0px 0px 0px 20px;
width: 150px;
border-top: 6px solid #EFE9DD;
border-bottom: 6px solid #EFE9DD;
padding: 10px 0px;
height: 100%;
}

#open-content {
width: 535px;
height: 100%;
margin: 40px 0px 25px 0px;
padding: 20px 21px 32px 21px;
text-align: justify;
}

#footer-top {
background-image: url('images/footer-top.png');
background-repeat: no-repeat;
background-position: top center;
height: 41px;
z-index: 1000;
position: relative;
}

#photo-frame {
background-image: url('images/photo-frame.jpg');
background-repeat: no-repeat;
background-position: top center;
width: 313px;
height: 264px;
float: left;
}

#photo-frame img {
margin: 25px 0px 0px 25px;
width: 262px;
height: 196px;
overflow: hidden;
}

#photo-frame p {
width: 202px;
padding: 25px;
line-height: 20px;
margin: 0px 0px 0px 10px;
}

#photo-details {
width: 210px;
height: auto;
float: left;
margin: 10px 0px 0px 10px;
}

#photo-credit {
float: left;
margin: 120px 0px 0px 0px;
}

/* Begin Sidebar Elements*/

#sidebar {
float: left;
width: 250px;
padding: 36px 0px 0px 0px;
}

#sidebar-map {
padding: 10px 0px 30px 36px;
}

#map-menu {
background-image: url('images/map-menu-bg.png');
background-repeat: no-repeat;
background-position: bottom left;
width: 271px;
height: 73px;
padding: 10px 0px 0px 65px;
margin: 5px 0px 0px 0px;
overflow: visible;
}

#state-dropdown {
height: 25px;
margin: 8px 0px 0px 2px;
}

#river-dropdown {
height: 25px;
margin: 0px 0px 0px 2px;
}

/* Begin Regional Sidebar Photos*/

#region {
width: 307px;
height: 469px;
}

#region-text {
width: 255px;
height: 55px;
font-size: 12px;
font-style: italic;
margin: 30px 25px 0px 15px;
position: absolute;
color: #4D4D4D;
line-height: 16px;
}

.sb-general,.sb- {
/* Default/General */
background-image: url('images/sidebar-general.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-alaska {
/* Alaska */
background-image: url('images/sidebar-alaska.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-inlandnw {
/* Inland Northwest */
background-image: url('images/sidebar-inlandnw.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-midwest {
/* Midwest */
background-image: url('images/sidebar-midwest.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-northeast {
/* Northeast */
background-image: url('images/sidebar-northeast.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-northwest {
/* Northwest */
background-image: url('images/sidebar-northwest.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-southeast {
/* Southeast */
background-image: url('images/sidebar-southeast.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-southwest {
/* Southwest */
background-image: url('images/sidebar-southwest.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

.sb-tropical {
/* Tropical */
background-image: url('images/sidebar-tropical.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

/* End Regional Sidebar Photos*/

/* End Sidebar Elements*/

/* Begin Accordion Elements*/

/* End Accordion Elements*/

.mapper {
margin: -20px auto;
padding: 20px 0px 0px 0px;
}

#map-content {
background-color: transparent;
padding: 20px 0px;
height: 867px;
width: 1000px;
background-image: url('images/map-bg.jpg');
background-repeat: no-repeat;
margin: 0px auto -45px auto;
position: static;
}

#map-topper {
width: 1000px;
padding: 0px 8px 0px;
height: 30px;
margin: 0px auto 0px auto;
background-image: url('images/map-topper.png');
background-repeat: no-repeat;
background-position: center top;
position: static;
}

#map-wrap {
width: 900px;
padding: 10px 50px 0px 50px;
height: 375px;
margin: 35px auto 0px auto;
*padding: 35px 50px 0px 50px;
}

#map-extra {
width: 827px;
height: 220px;
background-image: url('images/divide-lines.png');
background-repeat: no-repeat;
margin: -30px auto 0px auto;
}

a.me-alaska {
width: 396px;
height: 198px;
float: left;
background-image: url('images/map-alaska.png');
background-repeat: no-repeat;
background-position: top left;
margin: 20px 0px 0px 0px;
display: block;
}

a.me-hawaii {
float: left;
width: 133px;
height: 91px;
margin: 110px 0px 0px 30px;
background-image: url('images/map-hawaii.png');
background-repeat: no-repeat;
background-position: top left;
display:block;
}

a.me-pr {
float: left;
width: 150px;
height: 100px;
margin: 150px 0px 0px 100px;
background-image: url('images/map-puertorico.png');
background-repeat: no-repeat;
background-position: top left;
display:block;
}

a.me-alaska:hover,a.me-hawaii:hover,a.me-pr:hover {
background-position: bottom left;
}

#dropdown-box {
width: 272px;
padding: 120px 0px 0px 235px;
height: 93px;
margin: 639px 0px 0px 30px;
background-image: url('images/dropdown-box-bg.png');
background-repeat: no-repeat;
position: absolute;
}

#framed-content {
background-color: transparent;
margin: 0px auto 0px auto;
padding: 10px 30px;
height: 100%;
min-height: 350px;
width: 940px;
position: static;
clear: both;
z-index: 100;
}

#toolbar {
background-image: url('images/navbar.png');
background-repeat: no-repeat;
width: 1000px;
height: 28px;
clear: both;
margin: 0px auto;
padding: 0px 8px;
}

/*Styling used for Search Page
#toolbar a {
color: #fff;
font-size: 12px;
line-height: 28px;
margin: 0px 0px 0px 20px;
}
*/

#searchbox {
float: left;
margin: 3px 0px 0px 0px;
width: 175px;
}

.qa-result {
width: 100%;
height: 100%;
border-bottom: 1px solid #CCC;
margin: 10px 0px;
}

/*--- End Secondary page Elements ---*/

/*--- Begin Navigation Elements---*/

/*--- Begin TOP Navigation---*/

#navmenu {
width: 825px;
margin: 0px;
padding: 0px;
float: left;
}

#zoom-nav {
width: 300px;
margin: 30px auto 0px auto;
background-color: #F2FEFF;
border: 1px solid #156A70;
}

#zoom-nav ul {
padding: 10px 0px;
}

#zoom-nav ul li {
list-style-type: none;
display: inline;
margin: 10px 20px;
}

/*--- Begin FOOTER Navigation ---*/

#footernav {
width: 100%;
margin: 10px 0px 0px 0px;
height: 38px;
}

#footernav ul {
width: 920px;
height: 38px;
background-color: #B5AC9F;
margin: 0px;
*margin-left: -80px; /* Added to fix issue in IE */
/* Adds top rounded corners */
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

#footernav ul li {
list-style-type: none;
display: inline;
margin: 0px 0px 0px 5px;
padding: 0px 15px 0px 5px;
width: 100%;
height: 38px;
line-height: 38px;
border-right: 1px solid #575967;
}

#footernav ul li a {
color: #FFF;
font-size: 12px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
}

#footernav ul li a:hover {
color: #4D4D4D;
}

#footernav ul li.last,#navmenu ul li.last {
border: 0px;
}

#footertabs {
width: 900px;
margin: 30px auto 0px 60px;
text-align: left;
}

#footertabs ul {
margin: 10px 0px 0px 25px;
padding: 0px;
line-height: 20px;
list-style-type: none;
}

.ft-column {
width: 205px;
float: left;
text-align: left;
margin: 10px 0px 0px 10px;
}

/*--- End FOOTER Navigation ---*/

/*--- End Navigation Elements ---*/