/***********************
2 column template styles
***********************/
div#content {
background: url(/Assets/structural/two_col_bgr.gif) repeat-y 670px 0;
}
div#right_col {
margin-left: 40px;
}

div#left_col {
float: left;
width: 650px;
font-size: 1em;
}

div#main_content {
float: left;
clear: left;
padding: 25px 0 10px 20px;
width: 630px;
border-top: 1px solid #000;
border-bottom: 1px solid #cacaca;
background: url(/Assets/structural/main_content_bgr.gif) repeat-x 0 0;
}
div#main_content h2.heading {
font-size: 4em;
font-weight: normal;
padding-bottom: 15px;
}
div#main_content h3 {
font-size: 1.8em;
font-weight: normal;
padding-bottom: 10px;
}
div#main_content p.tagline {
font-size: 1.8em;
color: #215186;
padding: 0 15px 12px 0;
}

div.article_subh {
padding: 0 0 20px 0;
}
img.article {
float: left;
clear: left;
margin: 30px 30px 30px 0;
}

div#main_content p.authors,
div#main_content a.comments {
font-size: 1em;
padding-bottom: 3px;
}
div#main_content a.comments {
clear: left;
padding: 0 19px 0 0;
width: auto;
color: #225389;
background: url(/Assets/structural/info_icon.gif ) no-repeat center right;
}

div#main_content p {
padding: 0 10px 20px 0;
font-size: 1.2em;
}

div#main_content div#tools {
position: relative;
float: right;
display: inline;
margin: 0 0 12px 20px;
width: 272px;
}
div#main_content div#tools h2 {
padding: 7px 0px;
width: 272px;
color: #ffd31b;
font-size: 1.1em;
text-align: center;
background: #000;
}
div#main_content div#tools h5 {
padding: 7px 0px;
width: 272px;
font-size: 1.1em;
text-align: center;
}
div#main_content div#tools h5 a {
color: Blue;
}
div#main_content div#tools h2 a {
color: #fff;
}
div#main_content div#tools ul#tools_nav {
padding: 10px 0 0 5px;
width: 268px;
float: left;
clear: left;
}
div#main_content div#tools ul#tools_nav li {
float: left;
display: inline;
padding-right: 2px;
text-align: center;
}
div#main_content div#tools ul#tools_nav li a {
float: left;
display: block;
padding-bottom: 50px;
width: 50px;
text-decoration: none;
color:#000;
}
div#main_content div#tools ul#tools_nav li a:hover {
text-decoration: underline;
}
div#main_content div#tools ul#tools_nav li#rss a {
background: url(/Assets/structural/tools_nav_bgr.gif) no-repeat 2px 15px;
}
div#main_content div#tools ul#tools_nav li#share a {
background: url(/Assets/structural/tools_nav_bgr.gif) no-repeat -47px 15px;
}
div#main_content div#tools ul#tools_nav li#save a {
background: url(/Assets/structural/tools_nav_bgr.gif) no-repeat -97px 15px;
}
div#main_content div#tools ul#tools_nav li#print a {
background: url(/Assets/structural/tools_nav_bgr.gif) no-repeat -143px 15px;
}
div#main_content div#tools ul#tools_nav li#e_mail a {
background: url(/Assets/structural/tools_nav_bgr.gif) no-repeat -194px 15px;
}

div#main_content div#tools img {
clear: left;
display: block;
border: 1px solid #000;
margin-top: 10px;
}
div#main_content div#tools p.description {
clear: left;
padding: 5px 0 5px 10px;
border: 1px solid #000;
border-top: 0;
color: #fff;
background: #472a1a;
font-size: 1.1em;
}
div#main_content div#tools div#aditional_content {
clear: left;
margin-bottom: 8px;
margin-top: 10px;
padding: 6px 0 6px 10px;
border: 1px solid #000;
background: #f5e6d3;
}
div#main_content div#tools div#aditional_content h3,
div#main_content div#tools div#aditional_content ul li a,
div#main_content div#tools div#additional_links ul li a {
font-size: 1.1em;
color: #000;
}
div#main_content div#tools div#aditional_content ul li,
div#main_content div#tools div#additional_links ul li {
padding-bottom: 2px;
margin-left: 15px;
list-style-type: disc;
list-style-position: outside;
color: #000;
}
div#main_content div#tools div#additional_links {
border: 1px solid #bdbdbd;
margin-bottom: 8px;
margin-top:10px;
padding: 10px;
background: #f0f0f0;
clear: left;
}
div#main_content div#tools div#additional_links h3 {
color: #003f5f;
font-size: 1.1em;
}
div#main_content .adver {
float: left;
clear: left;
padding: 15px 30px 30px 0;
width: 300px;
color: #9e9e9e;
font-size: 0.84em;
}
div#main_content .adver p.advertisement {
padding-bottom: 0;
color: #5b81a8;
font-size: .9em;
}
div#main_content .adver img {
float: left;
display: block;
clear: both;
}

/** comments **/
div#comments {
float: left;
clear: left;
margin-bottom: 20px;
padding: 20px;
border-top: 1px solid #000;
width: 610px;
background: #e3e3e3;
}
div#comments #heading {
float: left;
margin-bottom: 13px;
padding: 8px 10px;
border: 1px solid #818181;
width: 588px;
background: #fff7c2;
}
div#comments #heading h2 {
float: left;
padding: 2px 0 2px 45px;
font-size: 2em;
line-height: 1.2em;
font-weight: normal;
color: #7b7b7b;
background: url(/Assets/structural/info_icon_big.gif) no-repeat center left;
}
div#comments #heading a {
float: right;
padding: 2px 10px 2px 0;
font-size: 1.2em;
color: #000;
line-height: 2em;
}
div#comments .comment,
div#comments .no_comments {
float: left;
margin-bottom: 13px;
padding: 15px;
width: 578px;
border: 1px solid #818181;
background: #fff;
}
div#comments .no_comments {
margin-bottom: 0;
}
div#comments .comment p,
div#comments .no_comments p {
display: inline;
font-size: 1.2em;
padding-right: 5px;
}
div#comments .comment a.more {
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
color: #145489;
}
div#comments .comment a.more:hover,
div#comments .comment .user p.name a:hover {
text-decoration: underline;
}
div#comments .comment .user {
/*
float: left;
display: inline;
margin-left: -100px;
width: 100px;
*/
padding-bottom: 10px;
}
div#comments .comment .user p.name {
/*
display: block;
padding-bottom: 3px;
color: #145489;
font-size: 1.4em;
font-weight: bold;
*/
display: inline;
padding-right: 15px;
color: #145489;
font-size: 1.4em;
font-weight: bold;
}
div#comments .comment .user p.name a {
/* display: block; */
color: #145489;
text-decoration: none;
}
div#comments .comment .user p.date {
display: inline;
color: #7b7b7b;
padding-left: 15px;
border-left: 1px solid #7b7b7b;
}
div#comments .comment .btm_links {
float: right;
clear: both;
padding: 10px 0 0 18px;
background: url(/Assets/structural/alert_icon.gif) no-repeat bottom left;
}
div#comments .comment .btm_links a,
div#comments .no_comments a {
font-size: 1.2em;
color: #000;
padding-right: 3px;
}

/** issues **/
#subheader form#stormwater_issues_f {
float: left;
padding: 3px 0 0 40px;
width: 120px;
}
#subheader form#stormwater_issues_f select {
padding: 0 0 0 2px;
width: 60px;
border: 1px solid #000;
}
#subheader form#stormwater_issues_f option {
padding-left: 2px;
}
#subheader form#stormwater_issues_f input#btn_go {
vertical-align: top;
}

#main_content .issue_info {
float: left;
clear: left;
margin-right: -5px;
padding: 15px 20px 20px 190px;
border-top: 1px solid #000;
width: 420px;
background: url(/Assets/structural/issue_info_bgr.gif) repeat-x 0 0;
}
#main_content .first {
padding-top: 0;
border-top: 0;
background: none;
}
#main_content .issue_info a {
font-size: 1.2em;
color: #000;
}
#main_content .issue_info h2 {
float: left;
clear: left;
display: inline;
margin-left: -170px;
width: 590px;
}
#main_content .issue_info img {
float: left;
clear: left;
display: inline;
margin-left: -170px;
}
#main_content .issue_info p.tagline {
text-transform: uppercase;
font-weight: bold;
font-size: 1.4em;
padding: 0 0 2px 0;
color: #215187;
}
#main_content .issue_info h3 {
padding: 0;
font-weight: normal;
font-size: 1.8em;
color: #000;
}
#main_content .issue_info h3 a {
font-size: inherit;
color: #000;
}
#main_content .issue_info h4 {
padding: 20px 0 2px;
font-size: 1.2em;
font-weight: bold;
color: #000;
}
#main_content .issue_info ul {
padding-left: 20px;
list-style-type: disc;
}
#main_content .issue_info ul li {
list-style-type: disc;
padding-bottom: 2px;
}
#main_content .issue_info div.departments h4 {
color: #a3a3a3;
}
#main_content .issue_info div.departments a {
font-size: 1em;
}


/** subscription **/
#main_content .subscription,
#main_content .advertise {
float: left;
clear: left;
padding: 0 0 20px;
width: 610px;
border-bottom: 1px solid #ccc;
}
#main_content .advertise {
border-bottom: 0;
}
#main_content .last {
border-bottom: 0;
padding-top: 20px;
}
#main_content .subscription .l_col,
#main_content .subscription .r_col,
#main_content .advertise .l_col,
#main_content .advertise .r_col {
float: left;
width: 305px;
}
#main_content .subscription .l_col,
#main_content .advertise .l_col {
padding: 0 20px 5px 0;
width: 285px;
}

#main_content .advertise .l_col {
width: 610px;
}
#main_content .advertise .r_col {
float: right;
margin: 0pt 0pt 0 30px
}

#main_content .subscription .l_col p,
#main_content .advertise .l_col p {
padding-bottom: 5px;
}
#main_content .advertise .l_col p {
padding-bottom: 20px;
}
#main_content .advertise .l_col p span {
font-weight: bold;
}
#main_content .l_col h2,
#main_content h2.b_heading {
font-size: 3em;
font-weight: normal;
padding: 5px 0 15px;
color: #215186;
}
#main_content .l_col a#subscribe_btn,
#main_content .l_col a#register_now {
display: block;
padding-top: 31px;
margin: 10px auto 0;
width: 158px;
height: 0;
overflow: hidden;
background: url(/Assets/structural/subscribe_btn.gif) no-repeat 0 0;
}
#main_content .l_col a#register_now {
background: url(/Assets/structural/register_btn.gif) no-repeat 0 0;
}
#main_content .r_col #company_info,
#main_content .r_col #instant_info {
float: left;
margin-bottom: 8px;
padding: 5px 5px 10px;
border: 1px solid #ccc;
width: 293px;
background: #f1f1f1;
}
#main_content .r_col #company_info {
float: left;
padding: 15px;
border: 1px solid #ccc;
width: 273px;
background: #fff;
}
#main_content .r_col div#instant_info h2 {
padding: 8px 0;
margin-bottom: 10px;
border: 1px solid #ccc;
width: 291px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
color: #000;
background: #fdfed5 url(/Assets/structural/h2_subscribers_bgr.gif) repeat-x bottom left;
}
#main_content .r_col div#instant_info p {
padding: 0 0 10px 10px;
}
#main_content .r_col div#instant_info h3 {
padding: 0 5px 5px 10px;
font-size: 1.2em;
font-weight: bold;
color: #215186;
display: inline;
}
#main_content .r_col div#instant_info ul {
padding: 5px 0 10px 50px;
}
#main_content .r_col div#instant_info ul ul {
padding: 2px 0 2px 40px;
list-style-type: none;
}
#main_content .r_col div#instant_info li {
list-style-type: disc;
list-style-position: outside;
color: #000;
font-size: 1em;
font-weight: normal;
padding-bottom: 0;
}
#main_content .r_col div#instant_info li li {
list-style-type: none;
}
#main_content .r_col div#instant_info a {
color: #000;
font-size: 1.2em;
}

#main_content .l_col img {
float: left;
display: block;
padding: 0 14px 0 0;
}
#main_content .l_col ul {
padding: 5px 0 10px 50px;
}
#main_content .l_col ul li {
padding-bottom: 5px;
list-style-type: disc;
font-size: 1.2em;
font-weight: bold;
color: #472a1a;
}

#main_content .r_col #company_info h2 {
font-size: 2.4em;
font-weight: normal;
padding-bottom: 15px;
}
#main_content .r_col #company_info p {
padding-bottom: 5px;
}
#main_content .r_col #company_info ul {
padding: 10px 0px;
}
#main_content .r_col #company_info ul li {
padding-bottom: 4px;
font-size: 1.2em;
color: #000;
font-weight: normal;
list-style-type: none;
}
#main_content .r_col #company_info ul li a {
color: #000;
}
#main_content .r_col #company_info ul li span {
font-weight: bold;
}

/** publications **/
ul#publications {
float: left;
clear: left;
padding-left: 40px;
width: 570px;
}
ul#publications li {
float: left;
clear: left;
padding: 20px 0 20px 170px;
border-top: 1px solid #e8e8e8;
width: 390px;
}
ul#publications li.first {
border-top: 0;
padding-top: 20px;
}
ul#publications li img {
float: left;
display: inline;
margin-left: -170px;
}
ul#publications li h3 {
font-size: 2.6em;
padding-bottom: 5px;
margin-top: -5px;
}
ul#publications li p {
padding-bottom: 5px;
}
ul#publications li a {
font-size: 1.2em;
color: #000;
}

/** sign in **/
#main_content .l_col ul.member_benefits li {
font-weight: normal;
color: #000;
}

#main_content #sign_in_frm {
float: left;
padding: 5px 30px 0 20px;
width: 243px;
margin-right: -3px;
}
#main_content #sign_in_frm p {
font-size: 1.1em;
}
#main_content #sign_in_frm div {
float: left;
clear: left;
padding-bottom: 5px;
margin-right: -5px;
width: 239px;
}
#main_content #sign_in_frm div#forget_pass {
padding: 5px 0 20px;
border-bottom: 1px dotted #a5acb2;
margin-bottom: 15px;
}
#main_content #sign_in_frm a.forget_pass {
float: left;
line-height: 1.5em;
}
#main_content #sign_in_frm label {
float: left;
display: inline;
clear: left;
font-size: 1.2em;
line-height: 1.4em;
}
#main_content #sign_in_frm label#signed {
float: left;
clear: left;
display: block;
padding-bottom: 2px;
font-size: 1.2em;
font-weight: bold;
width: 235px;
color: #333;
}
#main_content #sign_in_frm input {
float: right;
padding: 1px 2px;
width: 136px;
border: 1px solid #a5acb2;
}
#main_content #sign_in_frm label input {
float: left;
display: inline;
padding: 0;
margin: 0 5px 0 0;
border: 0;
width: 15px;
height: 15px;
}
#main_content #sign_in_frm input#sign_in_b {
float: right;
padding: 0;
border: 0;
width: 60px;
height: 20px;
}

/** password **/
#main_content h2.form_h {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #225389;
padding: 12px;
width: 584px;
border: solid #b8b8b8;
border-width: 1px 1px 0;
background: #fff;
}
.form_wrapper {
margin-bottom: 20px;
padding: 12px 12px 20px 40px;
width: 556px;
height: auto;
border:1px solid #b8b8b8;
background: url(/Assets/structural/form_wrapper_bgr.gif) repeat-y top left;
}
.sml {
float: left;
width: 328px;
margin: 0;
border-bottom: 0;
}

#left_col #main_content .form_wrapper div.spacer {
float: left;
clear: left;
padding: 0;
border-top: 17px solid #fff;
}
.form_wrapper .heading,
#left_col #main_content .form_wrapper form div.heading {
padding: 12px 0px 10px 12px;
width: 542px;
border:1px solid #b8b8b8;
background: #fef4c7;
}
.sml .heading {
width: 313px;
}
.form_wrapper .heading h3 {
font-size: 2em;
font-weight: normal;
display: inline;
padding-right: 15px;
}
.form_wrapper span {
color: #ff0000;
font-size: 1.2em;
}
.form_wrapper span.error {
display: none;
}
.form_wrapper div.error span.error {
display: inline;
padding-right: 15px;
}

#main_content #change_password,
#main_content #free_registration_f {
padding-top: 3px;
width: 554px;
}
#main_content #newsletter_options {
width: 327px;
}
#main_content #change_password div,
#main_content #free_registration_f div {
float: left;
clear: left;
padding: 7px 0px 7px;
border: solid #fff;
border-width: 3px 0;
width: 556px;
background: #eee url(/Assets/structural/password_frm_bgr.gif) repeat-y 145px 0;
}
#main_content #newsletter_options div div {
float: left;
clear: left;
padding: 7px 0px 7px;
border: solid #fff;
border-width: 3px 0;
background: #eee url(/Assets/structural/password_frm_bgr.gif) repeat-y 145px 0;
width: 327px;
}
#main_content #newsletter_options div div span {
padding-left: 10px;
}
#main_content #change_password div.error,
#main_content #free_registration_f div.error,
#main_content #newsletter_options div.error {
background-color: #ffdddd;
}

#main_content #change_password div a#ch_pass,
#main_content #free_registration_f div a#ch_pass {
font-size: 1.1em;
color: #000;
margin-left:10px;

}
#main_content #change_password label,
#main_content #free_registration_f label,
#main_content #free_registration_f p.label,
#main_content #newsletter_options label,
#main_content #newsletter_options p.label {
float: left;
display: block;
padding: 0 0 0 20px;
width: 123px;
background: transparent;
font-size: 1.1em;
line-height: 1.8em;
color: #444;
}
#main_content #newsletter_options p.label {
padding: 0 15px 0 20px;
width: 108px;
}
#main_content #newsletter_options p.label a{
color: #000;
}
#main_content #free_registration_f label.checkbox,
#main_content #free_registration_f label.radio,
#main_content #newsletter_options label.checkbox,
#main_content #newsletter_options label.radio {
float: right;
display: block;
padding: 0 0 10px;
width: 390px;
background: transparent;
font-size: 1em;
line-height: 1.3em;
color: #000;
}
#main_content #newsletter_options label.checkbox,
#main_content #newsletter_options label.radio {
width: 170px;
padding: 5px 0 5px;
line-height: normal;
}
#main_content #free_registration_f label.radio,
#main_content #newsletter_options label.radio {
font-weight: bold;
font-size: 1.2em;
vertical-align: top;
line-height: normal;
}
#main_content #change_password input,
#main_content #free_registration_f input,
#main_content #newsletter_options input {
margin:0 15px 0 10px;
padding: 1px 2px;
width: 144px;
border: 1px solid #a5acb2;
background: #fff;
}
#main_content #newsletter_options input {
width: 122px;
}

#free_registration_f input#stormwater,
#free_registration_f input#erosion_control,
#free_registration_f input#muncipal_solid_waste,
#free_registration_f input#distributed_energy,
#free_registration_f input#grading_and_excavation,
#free_registration_f input#onsite_water_treatment,
#free_registration_f input#water_efficiency,
#free_registration_f input#html_email,
#free_registration_f input#text_email,

#main_content #newsletter_options table input {
float: left;
margin: 0 5px 0 0;
padding: 0;
border: 0;
width: 12px;
height: 12px;
}
#main_content #newsletter_options table input {
margin-left: 9px;
margin-top: 3px;
}
#main_content #newsletter_options table label {
padding-left: 0;
}

#free_registration_f input#html_email,
#free_registration_f input#text_email,
#newsletter_options input#html_email,
#newsletter_options input#text_email {
margin-top: 1px;
background: #eee;
}
#main_content #change_password .buttons,
#main_content #free_registration_f .buttons,
#main_content #newsletter_options .buttons {
padding: 20px 0 0 20px;
background: #fff;
width: 534px;
}
#main_content #newsletter_options .buttons {
width: 307px;
}
#main_content #change_password .buttons input,
#main_content #free_registration_f .buttons input,
#main_content #newsletter_options .buttons input {
margin: 0;
padding: 0;
border: 0;
width: 98px;
height: 20px;
}
#main_content #change_password .buttons input#update,
#main_content #free_registration_f .buttons input#register,
#main_content #change_password .buttons input#send {
margin: 0 10px 0 0;
}
/*** newsletter signup (online content)***/
#n_signup {
float: left;
display: inline;
width: 610px;
background: #fff url(/Assets/structural/n_signup_bgr.gif) repeat-y top right;
}
#n_signup #online_content {
float: right;
display: inline;
padding: 15px;
width: 190px;
border: 1px solid #b8b8b8;
border-bottom: 0;
background: #fef4c7;
}
#online_content_btm {
float: left;
clear: left;
display: block;
margin: -1px 0 20px;
width: 610px;
height: 1px;
overflow: hidden;
background: url(/Assets/structural/online_content_btm.gif) no-repeat top right;
}
#n_signup #online_content h3 {
font-size: 1.8em;
text-transform: uppercase;
text-align: center;
font-weight: normal;
}
#n_signup #online_content h3 span {
font-weight: bold;
}
#n_signup #online_content h3 span.green {
color: #135418;
}
#n_signup #online_content p {
font-size: 1em;
padding-bottom: 7px;
}
#n_signup #online_content ul {
padding: 10px 0 10px 15px;
width: 175px;
}
#n_signup #online_content li {
margin-bottom: 7px;
width: 175px;
color: #000;
font-size: 1.2em;
list-style-type: disc;
}
#n_signup #online_content li a {
color: #003774;
font-weight: bold;
text-decoration: none;
}
#n_signup #online_content li a:hover {
text-decoration: underline;
}
#n_signup #online_content a#register_now {
display: block;
margin: 0 auto;
padding-top: 31px;
width: 158px;
height: 0;
overflow: hidden;
font-size: 1px;
background: url(/Assets/structural/register_now_btn.gif) no-repeat 0 0;
}

#about {
float: left;
clear: left;
}
#about h3 {
color: #22548C;
font-size: 1.8em;
font-weight: normal;
padding-bottom:20px;
text-transform: uppercase;
width: 610px;
}
#about h4 {
color: #000;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 3px;
width: 610px;
}
#about li {
clear:left;
float:left;
padding: 0pt 15px 15px 0pt;
width: 610px;
}
#about li p{
padding: 0px;
}

#main_content.article ul,
#main_content.article ol {
margin: 0 0 20px 30px;
font-size: 1.2em;
}
#main_content.article ol {
margin: 0 0 20px 35px;
list-style-type: decimal;
}
#main_content.article ul li {
list-style-type: disc;
}
#main_content.article ol li {
list-style-type: decimal;
}
#main_content #tools ul,
#main_content div.topics_prs ul {
margin: 0;
font-size: 1em;
}
#main_content ul#tools_nav li,
#main_content div.topics_prs li {
list-style-type: none;
}
#main_content.article table {
margin: 0 30px 10px;
clear: right;
}
#main_content.article .subhead {
font-size: 1.8em;
font-weight: normal;
padding-bottom: 10px;
}
#main_content.article .subhead strong {
font-weight: normal;
}


/* comments */
div#comment_back #sign_up_wrap {
float: left;
clear: left;
width: 428px;
font-size: 1.2em;
}
#sign_up_wrap #w_heading {
float: left;
clear: left;
margin-bottom: 15px;
padding: 10px 0;
border-bottom: 1px solid #fff;
width: 610px;
}
#sign_up_wrap #w_heading.error{
border-bottom: 0;
padding-bottom: 0;
}
#sign_up_wrap #error_msg {
float: left;
clear: left;
margin: -1px 0 15px;
padding: 10px;
border: 1px solid #ff0000;
width: 406px;
background: #ffdddd;
color: #000;
}
#sign_up_wrap #error_msg a{
color: #000;
}
#sign_up_wrap #w_heading h3 {
float: left;
color: #fff;
font-size: 2.5em;
font-weight: bold;
}
#sign_up_wrap #w_heading a {
float: right;
color: #000;
line-height: 3em;
}

#sign_up_wrap table {
clear: left;
}
#sign_up_wrap table div {
float: left;
clear: left;
width: 400px;
}

#sign_up_wrap label {
font-weight:bold;
}

#sign_up_wrap table input {
display: block;
padding: 1px 2px;
width: 157px;
border: 1px solid #a5acb2;
}
#sign_up_wrap fieldset div br {
display: none;
}
#sign_up_wrap textarea {
float: left;
clear: left;
display: block;
overflow: auto;
padding: 1px 2px;
margin-right: -5px;
border: 1px solid #a5acb2;
width: 422px;
}