
#banner {width:770px; height:102px; background:#663399 url(BG_HEADER.JPG) no-repeat; border-bottom:1px solid #ffffff; text-align:left}
#banner_garden {width:770px; height:61px; background:#663399 url(BG_HEADER_garden.JPG) repeat-y; border-bottom:1px solid #ffffff; text-align:left}
#logo{Margin-left:70px}

img, form, table, td { padding: 0; margin:0;}


body {text-align: center; padding: 0; margin: 0;}
  
#container {margin:0 auto; text-align: left; width:770px; position:relative; padding:0;}

#header {text-align:left; margin:0; padding:0;}

#header-links {position:absolute; right:0; color:#3F1866; margin:0 29px 0 0; padding:12px 0 0 0; text-transform:uppercase; font-size:8px}  
#header-links a:link, #header-links a:visited, #header-links a:active {padding:0px 5px 0px 5px; color:#3F1866; text-transform:uppercase; font-size:8px}
#header-links a:hover{background-color: transparent; text-decoration:underline; }

#logo, h1, #secondary-logo {float:left;}



#secondary-logo {float:right;}
a img {border:0;}

#nav {}

.horizontal li {float:left; display:block;}
.horizontal li a {display:block; padding:7px 10px;}
.inline {float:none; display:inline;}

#primary-nav {height:25px; background-color:#8C66B3; margin:0; color:#9EB587; padding:0;}
#primary-nav li {border-right:1px solid #ffffff; line-height:17px}
#primary-nav li a {color:#ffffff; padding:4px 6px; text-transform:uppercase; font-size:10px }
#primary-nav ul {margin:0; padding:0;}

#banner-img {clear:both;}

#secondary-nav {display:block;position:absolute;right:0;bottom:0;height:29px;padding:4px;clear:both;list-style:none;color:white;font-weight:bold;}
/* toggle comment to put secondary nav below banner image: 
#secondary-nav {position:static;color:black;font-weight:normal;border-bottom:1px solid black;font-size:.9em;}
*/

#content-search label {width:auto;display:block;float:left;padding-top:2px;font-size:1.2em;margin-right:3px;}
#content-search .text-input {width:160px;height:18px;padding-top:2px;float:left;margin-right:3px;}
#content-search .submit {width:30px;height:23px;text-align:center;display:block;margin-top:1px;float:left;}

#left-nav {clear:both;}

#middle {clear:both; background:#ffffff url(BG_weeds.gif) left bottom no-repeat; overflow:auto}



/*toggle column widths per template*/
                  #content {float:left;width:770px; }
#three-columns    #content {float:left;width:450px;}
#no-columns       #content {float:left;width:770px;}
#right-col        #content {float:left;width:600px;}
#home             #content {float:left;width:770px;}
#default-template #content {float:left;width:610px; margin-left:10px}

#left-column {float:left; width:140px; padding:0; margin:0}
#right-column {float:right; width:170px; padding:0; margin:0}

#home #middle {}
#home #right-column {float:right; width:320px; padding:0; border:none; margin-top:40px; background-color:#F1EFF0;}


#popup          #container {margin:0 auto; text-align: left; width:561px; position:relative;}
#popup          #content {width:500px;padding:30px;border:1px solid black;}

#content h2{margin:15px 0; text-transform:capitalize}
#webfeature {height:560px;}

#left-nav {list-style:none;padding: 0 0 15px 0;}
#left-nav li {list-style:none;padding:3px 10px;}

#footer {clear:both; background-color:#993399; text-align:center; width:770px; font-size:10px; height:27px; margin-top:-10px; *margin-top:0}
#footer-links{padding:0; margin-left:100px}
#footer-links, #footer-links a {text-transform:uppercase; color:#CCCCFF; font-size:10px;}
#footer-links a:hover {background-color: transparent !important; text-decoration:underline}

#footer-content, #footer-content p {text-align:center; clear:both; color: #666666; line-height: 12px; font-size:10px;}






/*flyout menu styles*/

#primary-nav li ul {
z-index:1000;
clear:both;
width:217px;
clear:both;
position:absolute;
border:1px solid white;
border-bottom:none;
left:-999em;
margin: 0 0 0 0}

* html #primary-nav li ul {margin: -1px 0 0 -147px}

#primary-nav li li {padding:0; background-color:#8C66B3;}

#primary-nav li ul a {color:#ffffff; padding:4px 8px; width:200px; left:auto; border-bottom:1px solid white;}

#primary-nav li:hover ul, #primary-nav li.hover ul {left:auto;} 

#primary-nav li:hover, #primary-nav li.hover {

    height:1%;

}


.clear:after{
content:".";clear:both;height:0;visibility:hidden;display:block}
* html .clearfix{height:1%}
.clear {display:block;}  

.sidebar {
margin: 0; 
color:#333333;
font-family:Verdana, sans-serif; 
font-size:100%;}

.sidebar h3 {
font-size:14px;
font-weight:bold;
padding: 3px 0px 3px 20px;
margin:0px 0px 10px 0px;
color:#8C66B3;}

#mt_list {
display:block;
margin: 0px 20px 0px 20px;}

.promo {
border:#D1C1E0 1px solid; 
background-color:#EFEAF5;
padding: 10px;
margin:20px 0 0 10px;}

#left-column .promo {
border:#D1C1E0 1px solid; 
background-color:#EFEAF5;
padding: 10px;
margin:20px 10px 0 0;}

.promo h3 {padding:3px 0;}

.promo-home {
margin: 0px 0px 5px 0px;
padding:10px 15px 10px 15px;
background:#F1EFF0 url(/atf/cf/{000C8295-E5BB-44C1-BD19-174445CDD8E3}/rightarea_patternTOP.jpg) top left repeat-x;}

.listren-header td {border:3px solid #999}