/* --------------------------------------------------------------------------*/
/* ->> RESET <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0;
  font-weight: inherit; font-style: inherit; font-size:100%;
  font-family: inherit; vertical-align: baseline;
}

table           { border-collapse: separate; border-spacing: 0; }
table, td, th   { vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes:"" ""; }
a img { border: none; }

/* --------------------------------------------------------------------------*/
/* ->> DEFAULT ELEMENT STYLES <<---------------------------------------------*/
/* --------------------------------------------------------------------------*/
body {
  font-size: 68.75%;   /* 100% == 16px, we want 11px */
  line-height: 1.63em; /* 1.63 * 11px = 18px */
  color: #222;
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { color: #a21510; }
h2, h3, h4, h5, h6 { color: #444444; }

h1 { font-size: 4em;   font-weight: 600; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.75em; border-bottom: 1px solid #444; padding: 0; text-transform: uppercase; }
h3 { font-size: 1.5em; line-height: 1em;   margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height:1.25em; margin-bottom: 1.25em; height:1.25em; }
h5 { font-size: 1em;   font-weight: bold;  margin-bottom: 1.5em; }
h6 { font-size: 1em;   font-weight: bold; }

p { margin: 0 0 1.5em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em;}
a img { vertical-align: middle; }

label { font-weight: bold; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
del {color:#666;}
pre, code     { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'Monaco', 'andale mono', 'lucida console', monospace; line-height: 1.5em; }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#a25e5b; color: #fff; }
th, td {padding: 2px 10px 2px 5px;}
tr td { border-bottom: 1px dotted #a8a8a8; }
tr.even td {background:#efefef;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* --------------------------------------------------------------------------*/
/* ->> LINKS <<-----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
a       { color: #a21500; }
a:hover { color: #a21500; }


/* --------------------------------------------------------------------------*/
/* ->> HELPER STYLES <<------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

.left  { float: left;  }
.right { float: right; }

.hide  {display:none;}

.quiet     { color:#666; }
.loud      { color:#000; }
.highlight { background:#ff0; }
.sizeDown  { font-size: 75%; }
.sizeUp    { font-size: 120%; }

.added     { background:#060; color:#fff; }
.removed   { background:#900; color:#fff; }

.first  { margin-left:   0; padding-left:   0; }
.last   { margin-right:  0; padding-right:  0; }
.top    { margin-top:    0; padding-top:    0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.showgrid { background: url("../images/grid.png"); }
.GutterLeft { margin-left: 1em; }

/* --------------------------------------------------------------------------*/
/* ->> FORMS <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
input.text, textarea {
  font-family: inherit; font-size: 100%;
}


input, textarea { padding: 0.25em; }

.small  { width: 8em !important; }
.medium { width: 16em !important; }
.large  { width: 25.5em !important; }

li input.text      { width: 52.25em; }

li.right input, li.right textarea { width: 25.25em; }
li.left input,  li.left textarea  { width: 25.25em; }

form ul       { width: 100%; margin: 0;  list-style-type: none; }
form li       { clear: both; display: block; margin-bottom: 0.5em; }
form li.left  { width: 26em; clear: left; }
form li.right { width: 26em; clear: right; }

form li.section {
  float: left; clear: both; width: 100%;
  margin-bottom: 1em; padding-top: 1em;
  border-bottom: 1px dotted #cccccc;
}

form li.section h1,
form li.section h2,
form li.section h3,
form li.section h4,
form li.section h5,
form li.section h6 { margin: 0.5em 0 0.5em 0; }

form label { display: block; }
form li span { float: left; margin: 0 4px 0 0; }

form li span label,
form li div label {
  color: #444444;
  font-size: 9px; font-weight: normal;
}

label.choice
{
  font-size: 100%;
  line-height: 1.4em;
  margin: -1.65em 0 0 25px;
  padding: 4px 0 0;
  width: 90%;
}

div.LoginForm { width: 400px; margin: 0 auto; }

input.button {
  height: 33px;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	color: #333333;
}

textarea:focus, input.text:focus {
  background: #FFFFFF url("../images/field_bg.gif") repeat-x;
}

div.fieldWithErrors { display: inline; }
div.fieldWithErrors input,
div.fieldWithErrors input:focus { border: 2px solid #8A1F11; }

form ul li label    { color: #777; }
form li.focus label { color: #000; }

/* --------------------------------------------------------------------------*/
/* ->> PAGE STRUCTURE <<-----------------------------------------------------*/
/* --------------------------------------------------------------------------*/
body {
  background: #0e191b url("../images/page_graphic.jpg") top center no-repeat fixed;
}

body                    { text-align: center; }
#Header, #Body, #Footer { text-align: left; }

.PageWidth { width: 880px; margin-left: auto; margin-right: auto; }
.TwoThirds       { width: 53em; }
.CenterThird     { width: 310px; margin-left: 320px; }
.LeftHalf        { width: 470px; float: left; }
.RightHalf       { width: 470px; float: right; }

#PageHeader {
  width: 979px; margin: 0 auto; padding: 0;
  height: 203px;
  background: url("../images/header_graphic.jpg") bottom center no-repeat;
}

#PageHeader #Logo {
  position: relative;
  left: -380px; top: 130px;
}

#InnerPage { margin-top: 40px; }

#PageHeader h1     { font-size: 16px; padding: 18px 0 0 18px; }
#PageHeader h1 a               { color: #E1FAFC; }
#PageHeader h1 a span.altcolor { color: #FFFFFF; }

#Utilities { text-align: right; padding: 0.5em 0; }
  #Utilities ul { margin: 0; }
  #Utilities li { border-right: 1px solid #3A3A3A; }
  #Utilities li.last { border-right-width: 0; }

#Footer { color: #999999; text-align: right; }

/* --------------------------------------------------------------------------*/
/* ->> COMPONENTS <<---------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

h1 .sizeDown { display: block; font-size: 18px; line-height: 1; }
h1 img { vertical-align: text-top; float: left; margin-right: 11px; }
#MiniMediaBrowser {
  width: 250px;
  border: 1px solid #777;
  padding: 1em;
}

ul.Fields li { float: left; width: 100%; list-style-type: none; border-top: 1px solid #dedede; padding: 0.5em 0;}
ul.Fields label { width: 47%; display: block; float: left; text-transform: uppercase; color: #444; }
ul.Fields span,
ul.Fields address { display: block; margin-left: 48%; }

ul.Albums { margin: 0; padding: 0; width: 100%; }
ul.Albums li { list-style-type: none; float: left; width: 26em; margin-right: 1em; }
ul.Albums li.OnlyAlbum { width: 100%; } 
ul.Albums li.last { margin-right: 0; }

ul.Thumbnails { margin: 0; padding: 0; width: 100%; }
ul.Thumbnails li { list-style-type: none; float: left; width: 8em; margin-right: 1em; text-indent: 0; }

#Breadcrumb p { margin: 0 0 0.5em; }

#AboutThisSite { width: 26em; margin: 0 0 1.5em; padding: 0; float: left; }
#StateSelection { width: 53em; margin: 0; float: right; }

ul.StatesInColumns li { color: #8a8a8a; width: 30%; float: left; list-style-type: none; font-size: 1.05em; padding-bottom: 0.25em; }
ul.StatesInColumns li a { font-size: 1.10em; font-weight: bold; }
ul.StatesInColumns li ul li { float: none; width: 100%; margin: 0; padding: 0; }

#RiverStats ul { margin: 0; padding: 0; }
#RiverStats,
#GaugeLinks { width: 26em; margin: 0 0 1.5em; padding: 0; float: left; clear: left; }

#GaugeCharts { width: 53em; float: right; }
#GaugeCharts h2 { text-align: right; }

/* --------------------------------------------------------------------------*/
/* ->> THIRD-PARTY STUFF <<--------------------------------------------------*/
/* --------------------------------------------------------------------------*/
#ProtonotesMenu {
  position: absolute;
  top: auto !important;
  bottom: 0 !important;
}