/*

	Created by:		Seth Aldridge
	Additions by:	Mark Huot (www.markhuot.com)
	For:			RE-volve Media, Inc
	Date:			11/19/2006
	Version:		3.1
	
*/

/* ----------------------------------------

	Global

---------------------------------------- */

body, html { font:12px Arial, Helvetica, sans-serif; color:#666666; background-color:#fff; }

#container { margin:0 auto; width:730px; }

a { font:12px Arial, Helvetica, sans-serif; text-decoration:none; color:#0000FF; }
a:hover { text-decoration:underline; }
a img { border:none; }

.clear { clear:both; height:1%; }

.title { margin-bottom:-11px; display:block; }

.logo { margin:0; padding:0; float:left; }

/* MH - Added .article to contain the readmore links */ .article { float:left; }

.readmore { font-weight:normal; float:right; color:#666666; margin-top:2px; }

#header { background:#fff; width:100%; height:100%; margin-bottom:5px; }

.pages { padding:10px; }
.pages b, .pages a { background-color:#e5f6fc; border:1px solid #e5f6fc; color:#3F6877; padding:2px 5px; margin:0 2px; float:left; display:block; }
.pages b { background:#fff; }

.contractors { margin:0 10px; }
.contractors dt { font-weight:bold; margin-top:1em; }
.contractors dd { margin:0; }

.logout { color:#fff; font-size:10px; }

table { margin:3px 10px 10px; width:96%; }
table td { border-bottom:1px solid #ccc; padding:5px 10px; }

.pad { margin:1em 0; }
.pad form  { padding-left:20px; }

.contact-form label { width:200px; float:left; text-align:right; margin:4px 10px 0 0; }

.contact_col_a { float:left; }
#brae_contact { float:left; }
#brae_contact p span { color:#FF0000; font-weight:bold; }
#brae_contact p img { margin-top:-4px; }
* html #brae_contact p img { margin-top:0; }
#brae_contact input.submit { display:block; margin-left:222px; }

.side_nav, .side_nav li ul { margin:0; padding:0; list-style:none; }
.side_nav li { padding:3px 0 0; font-weight:normal; }
.side_nav li.navhead { border-bottom:10px solid #fff; background:#e5f6fc; text-indent:10px; font-weight:bold; }
.side_nav li.navhead a { padding-bottom:3px; display:block; color:#3F6877; font-weight:bold; }
.side_nav li.navhead ul li a { font-weight:normal; }
.side_nav li.navhead ul li { background:#fff; padding-bottom:3px; padding-left:15px; font-weight:normal; }
.side_nav li.navhead ul li ul li { padding-left:15px; }
.side_nav li.navhead ul li a, .side_nav li.navhead ul li ul li a { color:#00f; }
.side_nav li a, .side_nav li { font-weight:normal; }
.side_nav a.current { text-decoration:underline; }
.subheader { background-color:#e5f6fc; padding:3px; } 

a.logo { background:url(brae_logo.gif) 0 0 no-repeat; width:159px; height:56px; display:block; float:left; overflow:hidden; text-indent:999999em; letter-spacing:9999999em; }
a:hover.logo { text-decoration:none; }
h1 { height:35px; background:url(h1_bg.gif) repeat-x; margin:0; padding:9px 0 0 12px; font-size:13px; color:#fff; }
h2 { background:#0E6497 url(h1_bg.gif) repeat-x; margin:0 0 9px 0; padding:9px 0 9px 12px; font-size:13px; color:#fff; }
h2 span { font-size:12px; }
h2 span a { color:#fff; text-decoration:none; font-size:11px; }
h2 span a:hover { text-decoration:underline; }
h2.subtitle { background:bottom repeat-x #e5f6fc; margin:0 0 10px; padding:9px 0 9px 12px; font-size:22px; color:#006598; display:block; border-bottom:1px solid #ccc; }
h3 { font-weight:bold; color:#006699; margin:0; padding:3px 0 10px 12px; font-size:14px; }
.subheader h3 { padding:3px 0 3px 5px; }
.subheader h3 a { color:#3f6877; text-decoration:none; font-weight:bold; font-size:13px; }
.subheader h3 a:hover { text-decoration:underline; }
h4 { margin:0; padding:10px 0 2px 12px; font-size:16px; }

.pdf_download, .pdf_download dt, .pdf_download dd { margin:0; padding:0; }
.pdf_download { margin-top:-15px; }
.pdf_download dt, .pdf_download dd { margin-left:12px; padding-left:0; }

#stage_abc { background:url(main_stage_bg.gif) repeat-y; width:730px; padding:0 1px; display:block; }
#stage_abc_bottom { background:url(col_bottom.gif) no-repeat; width:730px; height:33px; display:block; }

#stage_ab { background:url(two_col_main_stage_bg.gif) repeat-y; width:730px; padding:0 1px; display:block; }
#stage_ab_bottom { background:url(two_col_bottom.gif) no-repeat; width:730px; height:33px; display:block; }

#stage_a { background:url(stage_bg.gif) repeat-y; width:730px; padding:0 1px; display:block; }
#stage_a_bottom { background:url(stage_bottom.gif) no-repeat; width:730px; height:33px; display:block; }

#col-abc-a { width:217px; border-top:1px solid #c0c0c0; padding:1px; float:left; margin-right:7px; }
#col-abc-b { width:271px; border-top:1px solid #c0c0c0; padding:1px; float:left; margin-right:7px; }
#col-abc-c { width:220px; border-top:1px solid #c0c0c0; padding:1px; float:left; }

#col-ab-a { width:217px; border-top:1px solid #c0c0c0; padding:1px; float:left; margin-right:7px; }
#col-ab-b { width:500px; border-top:1px solid #c0c0c0; padding:1px; float:left; }

#col-a { width:726px; border-top:1px solid #c0c0c0; padding:1px; }

p { margin:0 13px 20px; line-height:19px; }

hr { width:97%; height:1px; border:none; border-bottom:1px solid #666; margin-bottom:20px; }

.sitemap #col-a ul { width:200px; float:left; }
.sitemap #col-a ul ul { float:none; width:auto; }
.sitemap #col_a_bottom, .sitemap #stage_a_bottom { clear:left; }

p.support { margin:0 13px 20px; } 

#footer { border-top:1px solid #c0c0c0; width:100%; margin:5px 0 20px; text-align:center; color:#666666; line-height:2.0; }
#footer a { color:#666666; text-decoration:none; padding:0 5px; }
#footer a:hover { text-decoration:underline; }
#footer p { color:#999; margin:0; }
#footer p a { color:#999; text-decoration:underline; padding:0; }
#footer p a:hover { text-decoration:none; }

.footer_nav { list-style:none; margin:0; padding:0; }
.footer_nav li { float:left; border-right:1px solid #666666; }
.footer_nav li a { padding:0 8px; }

/* ----------------------------------------

	Navigation

---------------------------------------- */

.top_nav { list-style:none; margin:3px 0 10px; float:right; padding:0; font-size:11px; }
* html .top_nav { margin-right:10px; }
.top_nav li { color:#999; float:left; padding:0 8px; border-right:1px solid #999; }
.top_nav li.end { border-right:none; }
.top_nav li span { color:#414141; }
.top_nav li a { color:#999; text-decoration:none; }
.top_nav li a:hover { text-decoration:underline; }
.top_nav li form { margin:-8px 0 0; padding:0; }
.top_nav li form input.tn_text { height:18px; border:1px solid #ccc; font:10px Arial, Helvetica, sans-serif; color:#666666; width:157px; margin:5px 6px 8px 4px; padding:2px 0 0 2px; position:relative; font-size:1.10em; float:left; }
/** html .top_nav li form input.tn_text { margin-bottom:3px; }*/

.top_nav li a.cart_btn { background:url(cart_btn.gif) 0 0 no-repeat; width:16px; height:16px; display:block; overflow:hidden; text-indent:9999em; letter-spacing:-9999em; }
.top_nav li a.cart_btn:hover { background:url(cart_btn.gif) 0 -16px no-repeat; }

.main_nav { list-style:none; margin:0; padding:30px 6px 0 0; float:right; }
.main_nav li { float:left; color:#000; padding:0 8px; }
.main_nav li a { color:#5a5e60; text-decoration:none; font-size:13px; }
.main_nav li a:hover { color:#000; text-decoration:underline; }
.main_nav li a.contractor_login { color:#000; text-decoration:none; font-weight:bold; border-left:1px solid #000; padding-left:14px; }
.main_nav li a.contractor_login:hover { text-decoration:underline; }
.main_nav li a.current { color:#000; text-decoration:underline; }

.search { display:none; }
.searchBtn { position:static; margin-top:2px; float:left; }
#searchform { padding:20px; }
#searchform fieldset { margin-bottom:20px; padding:5px 15px; }
#searchform legend { text-transform:uppercase; font-size:8pt; }
#searchform input, #searchform select { margin-bottom:1em; }
#searchform select { width:45%; }
.searchSubmit { text-align:center; }
.searchSubmit .submit { margin:0; }

/* ----------------------------------------

	Template A Classes

---------------------------------------- */

.ba, .ba li ul { list-style:none; margin:0; padding:0; }
.ba li { padding:0 13px 10px; font-weight:bold; }
.ba li ul li { font-weight:normal; }

.news, .news li, .et, .et li { list-style:none; margin:0; padding:0; }
.news li, .et li { background:url(news_icon.gif) left top no-repeat; padding:0 0 29px 23px; margin:5px 0 0 7px; display:block; width:230px; border-bottom:1px solid #e3e3e3; }
.et li.event_icon { background:url(event_icon.gif) left top no-repeat; padding:0 0 11px 23px; margin:8px 0 0 7px; }
.et li.training_icon { background:url(training_icon.gif) left top no-repeat; padding:0 0 11px 23px; margin:8px 0 0 7px; }
* html .et li.event_icon, * html .et li.training_icon { margin-top:11px; }
* html .news li, * html .et li { padding-bottom:12px; margin-bottom:-3px; }
.news li a, .et li a { font-weight:bold; }

.news li.bottom, .et li.bottom { border:none; }

.news_side, .e_and_t { list-style:none; margin:0; padding:0; }
.news_side li, .e_and_t li { background:url(news_side_icon.gif) 10px 3px no-repeat; padding:0 0 5px 30px; margin-bottom:5px; border-bottom:1px solid #e3e3e3; }
.e_and_t li.training { background-image:url(training_side_icon.gif); }
.e_and_t li.events { background-image:url(event_side_icon.gif); }

.submit_project_sheet { margin-bottom:20px; }

.find_contractor { margin:0; padding:0; }
.find_contractor p { margin:0 13px 5px; }
.find_contractor input.text { width:131px; height:17px; margin:5px 6px 3px 13px; padding:2px 0 0 2px; float:left; }
* html .find_contractor input.text { margin-bottom:4px; }
.find_contractor form { margin-bottom:20px; }
.zip { display:none; }

.annual_rainfall { margin:0 0 20px 13px; }
.annual_rainfall input.text { width:75px; margin:0; }
.annual_rainfall p { margin:0; }
.submit { margin:10px 0 0 90px; }
#stories { margin-left:91px; }

.rotate { margin:0 0 16px 5px; padding:0; width:210px; height:133px; display:block; }
.rotate p { margin:0; padding:0; }
.weather_zip { margin:0 0 16px 4px; width:210px; display:block; }
.weather_zip img { margin:0 0 10px 78px; }
.weather_zip form { margin:0 0 20px 0; padding:0; }
.weather_zip form input { width:75px; text-align:center; font-size:16px; margin-left:67px; }
#txtHint { font-size:18px; text-align:center; }
#txtHint img { margin:0; }
#txtHint p { font-size:14px; }
#txtHint p span { font-size:11px; }

#results { font-size:18px; width:210px; display:block; text-align:center; margin-bottom:10px; }
#results span { font-size:12px; }

blockquote { font-size:11px; color:#999; margin:0 25px; text-align:justify; }
blockquote p { line-height:12px; }
blockquote a { font-size:11px; color:#666; text-decoration:underline; }
blockquote a:hover { text-decoration:none; }

/*
	Form Elements		*/
/*
form fieldset { border:none; }
form div.form_ab_a { width:47%; float:left; }
form div.form_ab_b { width:47%; float:left; }
form p { margin-bottom:10px; }
* html form p { margin-bottom:25px; display:block; }
form p label { width:150px; text-align:right; padding-right:5px; float:left; }
form p input { float:left; }
form p br { clear:both; }
form h3 { color:#333; margin:0; padding:0 0 0 30px; }
form p select { width:150px; }
form ul { list-style:none; margin:0; padding:0; }
*/
.print { background:url(print.gif) 0 -3px no-repeat; padding:0 0 5px 20px; float:right; }

.results li { margin:1em 10px 25px 0; padding-bottom:15px; border-bottom:1px dashed #e3e3e3; }
.results li strong a { font-size:16px; display:block; padding-bottom:5px; border-bottom:1px solid #ccc; }

ol, ul { margin-right:10px; }
ol li { margin-bottom:10px; }