/*
** project:		Strong Stream
** date:		2008/09/09
*/
html { height: 100%; margin-bottom: 1px; }
body { margin: 0; background: #FFF; color: #555; font: .75em/1.5 'Arial', 'Helvetica', sans-serif; }
textarea,
input,
select,
option,
optgroup,
button { font: 1em 'Arial', 'Helvetica', sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p,
ul,
ol,
dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.clear { overflow: hidden; }
.resizer { overflow: hidden; min-width: 720px; max-width: 1200px; margin: 0 auto; padding: 0 25px; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

a { color: #034B89; text-decoration: underline; outline: none; }
a:focus,
a:hover { text-decoration: none; }

button, input.radio, input.checkbox, label.radio, label.checkbox { cursor: pointer; }

input.text { padding: 3px 0 3px 5px; border: 1px solid #B4B4B4; background: #FFF url('../images/text_background.png') no-repeat 0 0; color: #555; }

input.button-00 { height: 21px; padding: 0 0 0 24px; border: none; background: transparent url('../images/button_00.png') no-repeat 0 50%; color: #034B89; font-weight: 700; text-align: left; cursor: pointer; }
input.button-01 { height: 21px; padding: 0 0 0 24px; border: none; background: transparent url('../images/button_01.png') no-repeat 0 50%; color: #888; font-weight: 700; text-align: left; cursor: pointer; }

h3 { color: #034B89; font-size: 1.833em; }

h4 { padding-left: 12px; background: transparent url('../images/heading_01_left.png') no-repeat 0 0; color: #2B4358; font-size: 1.25em; line-height: 1; }
h4 span { display: block; padding: 1ex 0; background: transparent url('../images/heading_01_right.png') no-repeat 100% 0; }
h4.h-02 { padding-left: 12px; background: transparent url('../images/heading_02_left.gif') no-repeat 0 0; color: #fff; font-size: 1.25em; line-height: 1; }
h4.h-02 span { display: block; padding: 1ex 0; background: transparent url('../images/heading_02_right.gif') no-repeat 100% 0; }

h5 { padding-bottom: 1ex; color: #222; font-size: .917em; text-transform: uppercase; }

p.last-update { padding: 1ex 1.5ex; color: #0F1316; font-weight: 700; line-height: 1; background: url(../images/lu_tl.gif) top left no-repeat #FFF193; position: relative;}
p.last-update .c01 {position: absolute; top: 0; right: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/lu_tr.gif) top right no-repeat;}
p.last-update .c02 {position: absolute; bottom: 0; right: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/lu_br.gif) bottom right no-repeat;}
p.last-update .c03 {position: absolute; bottom: 0; left: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/lu_bl.gif) bottom left no-repeat;}

a.icon-rss { display: block; padding-left: 24px; background: transparent url('../images/icon_rss.png') no-repeat 0 0; color: #EE7B00; font-weight: 700; text-decoration: none; line-height: 16px; }
a.icon-rss:focus,
a.icon-rss:hover { text-decoration: underline; }


/*
** advices
*/
.advice { float: left; background: url('../images/advice_none_tr.gif') 100% 0 no-repeat #fff; font-size: .917em; font-weight: 700; text-transform: uppercase; line-height: 1.2; }
.advice span { float: left; background: url('../images/advice_none_br.gif') 100% 100% no-repeat transparent; }
.advice span span { float: left; background: url('../images/advice_none_bl.gif') 0 100% no-repeat transparent; }
.advice span span span { float: left; padding: 8px 12px 7px; background: url('../images/advice_none_tl.gif') 0 0 no-repeat transparent; }

.advice-normal-flow { background-color: #3CD82B; background-image: url('../images/advice_normal_flow_tr.png'); color: #FFF; }
.advice-normal-flow span { background-image: url('../images/advice_normal_flow_br.png'); }
.advice-normal-flow span span { background-image: url('../images/advice_normal_flow_bl.png'); }
.advice-normal-flow span span span { background-image: url('../images/advice_normal_flow_tl.png'); }

.advice-strong-stream { background-color: #F00; background-image: url('../images/advice_strong_stream_tr.png'); color: #FFF; }
.advice-strong-stream span { background-image: url('../images/advice_strong_stream_br.png'); }
.advice-strong-stream span span { background-image: url('../images/advice_strong_stream_bl.png'); }
.advice-strong-stream span span span { background-image: url('../images/advice_strong_stream_tl.png'); }

.advice-drought-low-flow { background-color: #FF8A00; background-image: url('../images/advice_drought_low_flow_tr.png'); color: #FFF; }
.advice-drought-low-flow span { background-image: url('../images/advice_drought_low_flow_br.png'); }
.advice-drought-low-flow span span { background-image: url('../images/advice_drought_low_flow_bl.png'); }
.advice-drought-low-flow span span span { background-image: url('../images/advice_drought_low_flow_tl.png'); }

.advice-stream-decreasing,
.advice-stream-increasing { background-color: #FFE010; background-image: url('../images/advice_stream_inc_dec_tr.png'); color: #333; }
.advice-stream-decreasing span,
.advice-stream-increasing span { background-image: url('../images/advice_stream_inc_dec_br.png'); }
.advice-stream-decreasing span span,
.advice-stream-increasing span span { background-image: url('../images/advice_stream_inc_dec_bl.png'); }
.advice-stream-increasing span span span { padding-left: 42px; background-image: url('../images/advice_stream_increasing2.png'); }
.advice-stream-decreasing span span span { padding-left: 42px; background-image: url('../images/advice_stream_decreasing2.png'); }


/*
** the key
*/
dl.key { margin: -1em 0 0; padding: 0 0 1ex; }
dl.key dt { margin-top: 1em; padding: 0 0 1ex 44px; background: transparent none no-repeat 0 0; color: #222; font-size: .917; font-weight: 700; text-transform: uppercase; line-height: 28px; }
dl.key dt.normal-flow { background-image: url('../images/key_normal_flow2.png'); }
dl.key dt.strong-stream { background-image: url('../images/key_strong_stream2.png'); }
dl.key dt.drought-low-flow { background-image: url('../images/key_drought_low_flow2.png'); }
dl.key dt.stream-increasing { background-image: url('../images/key_stream_increasing2.png'); }
dl.key dt.stream-decreasing { background-image: url('../images/key_stream_decreasing2.png'); }
dl.key dd { margin: 0; }


/*
** box 00
*/
.box-00 { background: transparent url('../images/box_00_t.png') repeat-x 0 0; margin: 0 0 20px 0; float: left;}
.box-00 div { background: transparent url('../images/box_00_b.png') repeat-x 0 100%; }
.box-00 div div { background: transparent url('../images/box_00_l.png') repeat-y 0 0; }
.box-00 div div div { background: transparent url('../images/box_00_r.png') repeat-y 100% 0; }
.box-00 div div div div { background: transparent url('../images/box_00_tl.png') no-repeat 0 0; }
.box-00 div div div div div { background: transparent url('../images/box_00_tr.png') no-repeat 100% 0; }
.box-00 div div div div div div { background: transparent url('../images/box_00_bl.png') no-repeat 0 100%; }
.box-00 div div div div div div div { padding: 20px 25px 15px; background: transparent url('../images/box_00_br.png') no-repeat 100% 100%; }
.box-00 div div div div div div div div { padding: 0; background: transparent; }


/*
** box 01
*/
.box-01 { background: transparent url('../images/box_01_b.png') repeat-x 0 100%; }
.box-01 div { background: transparent url('../images/box_01_lr.png') repeat-y 0 0; }
.box-01 div div { background: transparent url('../images/box_01_lr.png') repeat-y 100% 0; }
.box-01 div div div { background: transparent url('../images/box_01_bl.png') no-repeat 0 100%; }
.box-01 div div div div { padding: 10px 10px 0; background: transparent url('../images/box_01_br.png') no-repeat 100% 100%; }
.box-01 div div div div div { padding: 0; background: transparent; }


/*
** box 02
*/
.box-02 { background: url('../images/box_02_b.gif') repeat-x 0 100% #daf0fa; color: #002444;}
.box-02 div { background: transparent url('../images/box_02_lr.gif') repeat-y 0 0; }
.box-02 div div { background: transparent url('../images/box_02_lr.gif') repeat-y 100% 0; }
.box-02 div div div { background: transparent url('../images/box_02_bl.gif') no-repeat 0 100%; }
.box-02 div div div div { padding: 10px 10px 0; background: transparent url('../images/box_02_br.gif') no-repeat 100% 100%; }
.box-02 div div div div div { padding: 0; background: transparent; }


/*
** advices table
*/
table.advices { width: 100%; border: none; border-collapse: collapse; line-height: 1; }
table.advices th,
table.advices td { padding: 5px 10px; text-align: left; vertical-align: middle; }
table.advices th { width: 45%; background: #d9e5eb; color: #034B89; font-size: 1.167em; }
table.advices th.first { width: 40%; background: transparent url('../images/box_02_tl.png') no-repeat 0 0; }
table.advices th.last {background: transparent url('../images/box_02_tr.png') no-repeat 100% 0; }
table.advices td { border-top: 1px solid #FFF; background: #EDF3F6; color: #333; }


/*
** subscribe form
*/
form.subscribe p { overflow: hidden; }
form.subscribe input.text { width: 97%; }
form.subscribe input.button-00 { float: left; }
form.subscribe input.button-01 { float: right; }

.success { background-color:#DAF0FA; }
.failure { background-color:#FF8A00; }
p.error { color: #8A1F11; background: #FBE3E4 url(../images/icon_exclamation.png) 10px center no-repeat; border: 2px solid #FBC2C4; border-left: none; border-right: none; line-height: 1.2em; margin-bottom: 20px; padding: 5px 5px 5px 35px; }
p.success { color: #6FAA69; background: #D4EFD1 url(../images/icon_tick.png) 10px center no-repeat; border: 2px solid #8DE384; border-left: none; border-right: none; line-height: 1.2em; margin-bottom: 20px; padding: 5px 5px 5px 35px; }


/*
** contacts
*/
ul.contacts { list-style: none; margin: -1em 0 0; padding: 0 0 1em; }
ul.contacts li { padding-top: 1em; }
ul.contacts li p { padding: 0; }


/*
** related links
*/
/*
ul.related-links { list-style: none; margin: -1em 0 0; padding: 0 0 1em; }
ul.related-links li { padding: 1em 0 0 15px; background: transparent url('../images/bullet_00.png') no-repeat 0 2.9ex; }
ul.related-links li p { padding: 0; }
ul.related-links li p.uri { color: #777; }
ul.related-links li a { font-weight: 700; text-decoration: none; }
ul.related-links li a:focus,
ul.related-links li a:hover { text-decoration: underline; }
*/
#relatedLinks ul { list-style: none; margin: -1em 0 0; padding: 0 0 1em; }
#relatedLinks ul li { padding: 1em 0 0 15px; background: transparent url('../images/bullet_00.png') no-repeat 0 2.9ex; }
#relatedLinks ul li p { padding: 0; }
#relatedLinks ul li p.uri { color: #777; }
#relatedLinks ul li a { font-weight: 700; text-decoration: none; }
#relatedLinks ul li a:focus,
#relatedLinks ul li a:hover { text-decoration: underline; }


/*
** header
*/
#header,
.header { min-width: 455px; height: 101px; padding: 0; background: #02447D url('../images/header_background.png') repeat-x 0 100%; color: #FFF; }
/*
.header h1 { overflow: hidden; float: left; width: 201px; height: 56px; margin-top: 16px; background: transparent url('../images/logo.png') no-repeat 0 0; text-indent: -999em; }
.header h2 { overflow: hidden; float: right; width: 250px; height: 50px; margin-top: 22px; background: transparent url('../images/title.png') no-repeat 0 0; text-indent: -999em; }
*/
#branding h2 {  }
#branding h2 a { overflow: hidden; float: left; width: 201px; height: 56px; margin-top: 16px; background: transparent url('../images/logo.png') no-repeat 0 0; text-indent: -999em; }
#branding p { overflow: hidden; float: right; width: 250px; height: 50px; margin-top: 22px; background: transparent url('../images/title.png') no-repeat 0 0; text-indent: -999em; }


/*
** intro box with map
*/
.intro { padding: 20px 0 0 0; text-align: center; }
.intro .box-00 p {font-size: 1.1em; line-height: 1.3em}
.intro p.map { margin: 0 -15px; padding-bottom: 25px; text-align: center; position: relative; }
.intro p.map img { width: 96%;}
.intro .box-00 { text-align: left; }
.intro .box-00 h3 { float: left; padding-bottom: 1ex; }
.intro .box-00 p.last-update { float: right; white-space: nowrap; }
.intro div + p {margin-bottom: 0; padding-bottom: 0;}
.intro .box-00 div + p {padding-bottom: 1em;}


/*
** main content
*/
.main { padding-top: 25px; background: transparent url('../images/main_background.png') repeat-x 0 0; }


/*
** footer
*/
/*
.footer { border-top: 1px solid #B3C9DC; line-height: 1; }
.footer p { padding: 1em 0; word-spacing: .5ex; }
.footer p span { word-spacing: normal; }
.footer p a { color: #555; word-spacing: normal; }
.footer p a:focus,
.footer p a:hover { color: #000; text-decoration: underline; }
*/
.footer { border-top: 1px solid #B3C9DC; line-height: 1; }
.footer ul { overflow: hidden; list-style: none; padding: 1em 0; }
.footer ul li { float: left; margin-left: -1px; padding: 0 1.5ex; border-left: 1px solid #555; }
.footer ul li a { color: #555; word-spacing: normal; }
.footer ul li a:focus,
.footer ul li a:hover { color: #000; text-decoration: underline; }


/*
** layout
*/
.main .primary-column { float: left; width: 65%; }
.main .primary-column h3 { margin-bottom: 20px; background: transparent url('../images/heading_00_right.png') no-repeat 100% 100%; }
.main .primary-column h3 span { display: block; background: transparent url('../images/heading_00_left.png') no-repeat 0 100%; }
.main .primary-column h3 em {font-size: 0.5em; font-weight: normal; font-style: normal; float: right; position: relative; top: -2.5em;}
.main .primary-column h3 a {text-decoration: none;}
.main .primary-column h3 strong {font-size: 1.6em;}
.main .primary-column table { margin-bottom: 3em; }
.main .secondary-column { float: right; width: 32%; }
.main .secondary-column .box-01, .main .secondary-column .box-02 { margin-bottom: 20px; }



/*
** the end
*/

.anchors {position: absolute; top: 0; right: 1.5em; text-align: left;}
.anchors a {text-decoration: none; padding: 0.5em 1em; float: left; background: #edf3f6; margin-right: 1px; color: #437cac; font-weight: bold;}
.anchors a:hover {background: #e3ecf0; color: #034b89;}
.anchors2 {position: relative; float: left; margin-top: 0.4em;}
.anchors2 span {position: absolute; z-index: 101;}
.anchors .c01 {top: 0; right: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/anch.gif) top right no-repeat;}
.anchors .c02 {bottom: 0; right: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/anch.gif) bottom right no-repeat;}
.anchors .c03 {bottom: 0; left: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/anch.gif) bottom left no-repeat;}
.anchors .c04 {top: 0; left: 0; width: 3px; height: 3px; overflow: hidden; background: url(../images/anch.gif) top left no-repeat;}

.intro .box-00 {margin: 20px 0 0 0; display: block; clear: both;}
.intro .resizer {padding-bottom: 20px;}
.nav {display: block; clear: both; text-align: left;}
.nav .anchors {position: relative; top: 0; left: 0.5em;}

.mapthumb {float: right; margin: 20px 0 20px 20px; }
.mapthumb a {padding: 10px;}
.zoom {border-top: 1px solid #cddbe8; padding: 30px 0 0 0 !important; }
.zoom p.map {display: block; clear: both; margin: 0; padding: 0 0 25px !important; text-align: left; position: relative; }
.zoom p.map img { width: 96%;}
#mapNames {display: none;}