/*  
Theme Name: Rainwater Management
Theme URI: http://www.rainwatermanagement.ca
Description: The default Rainwater Management theme.
Version: 1.0
Author: Jean Petrahn of Medora Solutions Inc.
Author URI: http://www.medora.ca
*/

html, body  {margin-top:0px;height:100%; padding:0px;font: 14px "Verdana", Arial, Helvetica, sans-serif; color:#676767; background:#dfdfdf; }
.clear { clear:both;}
h1, h2, h3 { font-family:"Helvetica", Geneva, Arial, sans-serif; font-size:18px; color:#abbe2c; font-weight:lighter; line-height:22px;}
h4 { font-family:"Helvetica", Geneva, Arial, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; line-height:22px;}
.text a, a:hover, a:active{color:#ffffff; text-decoration:none;}
.text a:hover, a:active{color:#ffffff; text-decoration:none;}
.underline { background: url(images/underline.gif) no-repeat left; background-color:#dfdfdf; height:1px; margin-bottom:20px; margin-top:20px; }
.editNow { text-align: center; border:1px dotted #fff; background-color:#8b9c1a; width:100%; margin-top:20px; margin-bottom:20px; color:#ffffff; }

.space-index {height:30px;}
a { color:#8b9c1a; text-decoration:none; }
a:hover, a:active { color:#7d8c18; text-decoration:underline; }
#logo {width:221px;height:57px;background:url(images/logo.gif) top no-repeat;text-indent:-2000px; }
.bottom_pic { background:url(images/test5.gif) no-repeat; background-position:258px bottom; min-height:100%; position:relative; margin:0px;padding:0px;}
/* Index Template Layout */
.indexLayout { min-height:100%; position:relative;background: url(images/bgIndex.gif) repeat-y left #dfdfdf; width:947px; margin-left:auto;margin-right:auto;padding:0px;}
* HTML .index.Layout {height:100%;}
.indexLayout .leftColumn {margin:0px; padding:0px; float:left; width:390px; background: url(images/bgLogo.gif)  repeat-x #4076c0;}
.indexLayout .leftColumn .logoContainer { padding-left:63px; padding-top:62px; height:57px;}
.indexLayout .leftColumn .mainMenuContainer{width:220px; margin-top:70px; margin-left:63px; margin-bottom:30px;}
.indexLayout .leftColumn .addressContainerI .text{ padding-left:63px;padding-right:63px;width:264px; text-align:left;color:#88acdd; line-height:18px;  height:176px; padding-top:30px; background:#4076c0;}
.indexLayout .leftColumn .addressContainerI {background-color:#3b70b9; width:258px;  height:176px;}
 
.indexLayout .rightColumn {width:540px; float:left; margin:0px; padding:0px; text-align:left; background:#ffffff; height:100%;}
.indexLayout .rightColumn .imageContainer {}
.indexLayout .rightColumn .contentContainer {width:500px; text-align:justify;  padding:20px 0px 20px 20px; line-height:18px;  float:left;}
.indexLayout2 .rightColumn2 .contentContainer2 {width:550px; text-align:justify;  padding:20px 0px 20px 20px; line-height:18px;  float:left;}


/* Inside Template Layout */
.insideLayout {width:1000px; min-height:100%; position:relative; padding:0px; margin-left:auto;margin-right:auto;background: url(images/bgDefault.gif) repeat-y left #dfdfdf;}
* HTML .insideLayout {height:100%;}

.insideLayout .leftColumn {width:258px; background: url(images/bgLogo.gif) repeat-x;float:left;}
.insideLayout .leftColumn .logoContainer { padding-left:19px; padding-top:62px; height:57px;float:left}
.insideLayout .leftColumn .mainMenuContainer{width:220px; margin-top:135px; margin-left:19px; margin-bottom:50px;}

/* Inside Template Layout */
.insideLayout2 {width:1000px; min-height:100%; position:relative; padding:0px; margin-left:auto;margin-right:auto;background: repeat-y left #fff;}
* HTML .insideLayout2 {height:100%;}

.insideLayout2 .leftColumn2 {width:258px; background: url(images/bgLogo.gif) repeat-x;float:left;}
.insideLayout2 .leftColumn2 .logoContainer2 { padding-left:19px; padding-top:62px; height:57px;float:left}
.insideLayout2 .leftColumn2 .mainMenuContainer2{width:220px; margin-top:135px; margin-left:19px; margin-bottom:50px;}


/* Footer */
.footer { font-size:9px; font-weight:bold;line-height:normal;}
.footer a, .footer a:link, .footer a:visited { color:#abbe2c; text-decoration:none;}
.footer a:hover {color:#7d8c18; text-decoration:underline;}

.insideLayout .footer-container { width:100%; margin:0px; padding:0px; height:176px; position:absolute; bottom:0px;background:url(images/test5.gif) no-repeat; background-position:258px bottom; overflow:hidden;}
.insideLayout .footer-container .footer-left {width:445px; padding:0px 0px 0px 20px; margin:0px; float:left; text-align:justify; line-height:18px; margin-left:187px;}
.addressContainer {background-color:#3b70b9; width:238px; padding-right:20px;  height:176px; float:left;}
.addressContainer .address {margin-left:19px;padding:0px; padding-top:22px; text-align:left; color:#b6ceef; }


.insideLayout .rightColumn {width:672px;float:left; margin:0px; padding:0px; text-align:left;overflow:hidden; padding-bottom:176px;}
.insideLayout .rightColumn  .contentContainer {width:445px; padding:20px 0px 20px 20px; margin:0px; float:left; text-align:justify; line-height:18px;  }
.insideLayout .rightColumn  .contentContainer .imgcontainer {float:right; text-align:left;margin-bottom:10px;margin-left:35px;}
.insideLayout .rightColumn  .contentContainer .imgcontainer img {border:1px #5e6d11 solid;float:none;margin-bottom:5px;}
.insideLayout .rightColumn  .contentContainer .imgcontainer a {color:#687620;font-size:14px;text-decoration:none;}
.insideLayout .rightColumn  .contentContainer .imgcontainer a:hover {text-decoration:underline}
.insideLayout .rightColumn  .subMenuContainer { margin:0px; padding: 0px; float:left; width:187px; text-align:left; line-height: 23px; overflow:hidden;}

.insideLayout .rightColumn  .contentContainer2 {width:625px; padding:20px 0px 20px 20px; margin:0px; float:left; text-align:justify; line-height:18px;  }
.insideLayout .rightColumn  .contentContainer2 .imgcontainer {float:right; text-align:left;margin-bottom:10px;margin-left:35px;}
.insideLayout2 .rightColumn2  .contentContainer2 .imgcontainer img {border:1px #5e6d11 solid;float:none;margin-bottom:5px;}
.insideLayout2 .rightColumn2  .contentContainer2 .imgcontainer a {color:#687620;font-size:14px;text-decoration:none;}
.insideLayout2 .rightColumn2  .contentContainer2 .imgcontainer a:hover {text-decoration:underline}


/* Main Menu */
.mainMenu {width: 220px; text-align:left; line-height: 23px; }
.mainMenu ul { margin: 0; padding: 0; list-style-type: none; border-top:solid 1px #26579b; }
.mainMenu li { margin: 0; border-bottom:solid 1px #26579b; }
.mainMenu a, #mainMenu a:link, #mainMenu a:visited { display: inline; padding: 2px 2px 2px 5px; color:#b3c8e6; text-decoration:none; }
.mainMenu a:hover, #mainMenu a:active { color:#fff; }
.mainMenu h3, #mainMenu h3 { color:#b3c8e6;font: 14px "Verdana", Arial, Helvetica, sans-serif;font-weight:normal; }
.mainMenu ul ul {display:none;position:relative;left:0em;top:-.5em;height:527px;}
.mainMenu li:hover ul, .mainMenu ul li:hover ul, .mainMenu ul ul li:hover ul, .mainMenu ul ul ul li:hover ul, .mainMenu ul ul ul ul li:hover ul{display:block;height:150px;}
.mainMenu ul ul li {background:#fff;border:1px #26579b solid;padding-left:2em;width:240px;}
.mainMenu ul ul li a:hover {color:#26579b;}

/* Main Menu2 */
.mainMenu2 {width: 220px; text-align:left; line-height: 23px;  }
.mainMenu2 ul { margin: 0; padding: 0; list-style-type: none; border-top:solid 1px #26579b; }
.mainMenu2 li { margin: 0; border-bottom:solid 1px #26579b;  }
.mainMenu2 a, #mainMenu2 a:link, #mainMenu2 a:visited { display: inline; padding: 2px 2px 2px 5px; color:#b3c8e6; text-decoration:none; }
.mainMenu2 a:hover, #mainMenu2 a:active { color:#fff; }
.mainMenu2 h3, #mainMenu2 h3 { color:#b3c8e6;font: 14px "Verdana", Arial, Helvetica, sans-serif; }
.mainMenu2 ul ul {display:none;position:relative;left:0em;top:-.5em;height:527px;}
.mainMenu2 li:hover ul, .mainMenu2 ul li:hover ul, .mainMenu2 ul ul li:hover ul, .mainMenu2 ul ul ul li:hover ul, .mainMenu2 ul ul ul ul li:hover ul{display:block;height:150px;}
.mainMenu2 ul ul li {background:#fff;border:1px #26579b solid;padding-left:2em;width:240px;}
.mainMenu2 ul ul li a:hover {color:#26579b;}


/* Sub Menu */
#subMenu { width:172px; text-align:left; line-height: 23px; padding-left:7px; padding-top:20px; padding-bottom:20px; }
#subMenu ul { margin: 0; padding: 0; list-style-type: none; border-top:solid 1px #839317; }
#subMenu li { margin: 0; border-bottom:solid 1px #839317; }
#subMenu li.light { margin: 0; border-bottom:solid 1px #839317; color:#FFF;}
#subMenu a, #subMenu a:link, #subMenu a:visited { display: block; padding: 2px 2px 2px 5px; color:#5a650d; text-decoration:none; }
#subMenu a:hover, #subMenu a:active { color:#222704; }

#contact-thanks { color:#88acdd; font-weight:bold; font-style:italic; font-size:16px; padding-top:70px; display:none; margin-bottom:290px;}





/* Contact Form */
form { margin:0; padding:0; font: 14px "Verdana", Arial, Helvetica, sans-serif; color:#6c7378; }
.input { border:1px solid #d6d7d8; padding:3px; margin-bottom: 14px; margin-top: 5px; color:#000; }
.textarea { border:1px solid #d6d7d8; margin:0; padding:0; width:414px; color:#6c7378; margin-top: 5px; }



#longevity a{color:#b3c8e6; font-size:9px;font-weight:lighter;text-decoration:none;}
#longevity a:hover {color:#b3c8e6; font-size:9px;font-weight:lighter;text-decoration:none;}
#longevity a:active{color:#b3c8e6; font-size:9px;font-weight:lighter;text-decoration:none;}