/* CSS Document */

body
  {
    padding-right: 0px;
    padding-left: 0px;
    background: url(../images/common/bkgd.gif) repeat;
    padding-bottom: 0px;
    margin:0 auto; 
    font: 10px/125% verdana,arial,san-serif;
    color: #736c4b;
    padding-top: 0px;
  }

#frame
  {
    margin: 0px auto 20px;
    width: 750px;
  }

#container
  {
    position: relative;
    margin:0 auto; 
    padding-right: 11px;
    padding-left: 11px;
    background: #bfbda8;
    padding-bottom: 11px;
    width: 728px;
    padding-top: 11px;
    voice-family: inherit;
  }
  
#subcontainer
  {
    width: 728px;
    position: relative;
    margin-bottom: 10px;
    height: 100%;
    voice-family: inherit;
  }
   
body > html #container
  {
    width: 728px;
  }

#topBanner
  {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 5px;
    color: #fff;
    padding-top: 15px;
    text-align: right;
  }

#leftCol, #leftColInt
  {
    background: #bfbda8;
    float: left;
    margin-bottom: 11px;
    padding-bottom: 0px;
    width: 129px;
    margin-right: 11px;
    z-index: 99;
    height: 325px;
  }
#leftColInt
  {
    margin-bottom: 0px;
    margin-right: 0px;
  }

#logo
  {
    background: #bfbda8;
    margin: 0px 0px 25px;
    padding-top: 15px;
  }/*INSIDE LEFT COL*/

#mainContent
  {
    background: #bfbda8;
    float: right;
    width: 588px;
    z-index: 1;
    padding-bottom: 5px;
  }

#interiorContent
  {
    padding-right: 25px;
    padding-left: 25px;
    background: #fff;
    width: 535px;
    line-height: 150%; 
    padding-top: 15px;
    padding-bottom: 10px;
    float: right;
    voice-family: inherit;
    height: 100%;
  }
body > html #interiorContent
  {
    width: 535px;
  }

.top
  {
    vertical-align: top;
  }
.white
  {
    background: #fff;
  }
.sectionTitle
  {
    color: #acc791;
  }
.rtAlign
  {
    text-align:right;
  }
.headerText
  {
    font-size: 11px;
  }
  
#interiorContent2
  {
    padding-right: 5px;
    padding-left: 5px;
    background: #fff;
    width: 535px;
    line-height: 150%; 
    padding-top: 15px;
    padding-bottom: 10px;
    float: right;
    voice-family: inherit;
    height: 100%
  }

/*STYLES LOWER MAIN PAGE BOX AREA*/
#lowBanner
  {
    clear: both;
    padding-right: 11px;
    padding-left: 11px;
    background: url(../images/main/lowBannerBkgd.gif) repeat-y;
    padding-bottom: 11px;
    width: 706px;
    padding-top: 11px;
    voice-family: inherit;
  }
body > html #lowBanner
  {
    width: 706px;
  }

/*STYLES LOWER_LEFT MAIN PAGE BOX AREA*/
#leftBlurb
  {
    float: left;
    width: 341px;
    color: #736c46;
  }

/*STYLES EVENT MAIN PAGE BOX AREA*/
#eventBlurb
  {
    background: url(../images/main/news_hdr.gif) no-repeat left top;
    float: left;
    margin-left: 15px;
    width: 330px;
  }
#leftColEvent, #rightColEvent
  {
    margin-top: 15px;
    float: left;
    width: 162px;
 }
#rightColEvent
  {
    margin-left: 6px;
  }
#interiorContent h1
  {
    padding-bottom: 0px;
    margin: 0px;
    font: 28px arial,san-serif;
    color: #a8a48f;
    letter-spacing: 1px;
  }
  
  
#vertspace
  {
    clear: both;
    height: 1px;
  }
  
/*FOOTER STYLING*/

#footer, #footerInterior
  {
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
    background: #79a44e;
    padding-bottom: 7px;
    width: 708px;
    color: #fff;
    padding-top: 7px;
    text-align: right;
    vertical-align: middle;
    voice-family: inherit;
    height: 12px;
  }
body > html #footer, body > html #footerInterior
  {
    width: 708px;
  }
#footer ul, #footerInterior ul
  {
    margin: 0px;
    list-style-type: none;
  }
#footer li, #footerInterior li
  {
    padding-right: 5px;
    padding-left: 20px;
    float: right;
    padding-bottom: 5px;
    padding-top: 0px;
  }

#footerInterior
  {
    margin-top: 11px;
  }


/* LINK STYLES*/
img
  {
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
  }

/*FORMS STYLES*/
#formSection h2{font: normal 12px verdana, arial, san-serif;padding:15px 5px 0 0;color:#bfbda8;text-transform: uppercase;margin:0;}
label {text-align:right; }
input,select{border:1px solid #bfbda8; background: #fff;}
#btnBack, #btnNext{color: #000;background: #bfbda8;border: 1px solid #928d71;padding:1px 3px;font-size:10px;}
.blue{color:#5098da;}
.bold{font-weight:bold;}
.formButton {color: #000;background: #bfbda8;border: 1px solid #928d71;padding:1px 3px;font-size:10px;}
.formInput {border:1px solid #bfbda8; background: #fff;}
.formHeader
  {
    font: normal 12px verdana, arial, san-serif;
    padding:15px 5px 0 0;
    color:#bfbda8;
    text-transform: uppercase;
    margin:0;
  }
.formText
  {
    font: 10px/125% verdana,arial,san-serif;
    color: #736c4b;
    padding-top: 0px;
  }


/* NEW CUSTOMER BOX*/
#box2 a
  {
    padding-right: 7px;
    display: block;
    padding-left: 7px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #000;
    padding-top: 4px;
    text-decoration: none;
  }
#box2 a:hover
  {
    color: #5098da;
  }

/*GLOBAL NAVIGATION STYLING*/

#nav a, #active
  {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
    display: block;
    padding-left: 8px;
    font-weight: bold;
    margin: 2px 0px;
    width: 119px;
    text-decoration: none;
    voice-family: inherit;
    z-index: 99;
  }
  
body > html #nav a, body > html #active
  {
    width: 119px;
  }

#nav a
  {
    background: #fff;
    color: #736c46;
  }
#nav a:hover, #active
  {
    background: #ffe04f;
    color: #736c46;
  }
a#active, a:hover#active
  {
    background: #ffe04f;
    color: #736c46;
  }



#subMenu a, #subActive
  {
    padding-right: 2px;
    display: block;
    padding-left: 20px;
    background: #d8d7ca;
    padding-bottom: 3px;
    margin: 2px 0px;
    font: bold 9px verdana,arial,san-serif;
    width: 107px;
    color: #9fb880;
    padding-top: 3px;
    text-decoration: none;
    voice-family: inherit;
  }
body > html #subMenu a, body > html #subActive
  {
    width: 107px;
  }
#subMenu a:hover, #subActive
  {
    background: url(../images/common/arrow_green.gif) #d8d7ca no-repeat left 50%;
    color: #79a44e;
  }


/*LOWER BANNER LINK STYLE*/
#lowBanner a
  {
    color: #79a44e;
    text-decoration: none;
  }
#lowBanner a:hover
  {
    color: #5098da;
  }


/*FOOTER LINK STYLING*/
#footer a, #footerInterior a
  {
    color: #fff;
    text-decoration: none;
  }
#footer a:hover, #footerInterior a:hover
  {
    text-decoration: underline;
  }
/* NEW CUSTOMER BOX STYLE*/
#box2
  {
    margin-top: 11px;
    background: #fff;
    height: 140px;
  }
.boxText
  {
    padding-right: 4px;
    padding-left: 7px;
    padding-bottom: 5px;
    margin: 0px;
    color: #000;
    padding-top: 5px;
  }
.boxLinks
  {
    padding-bottom: 6px;
  }
.buffer
  {
    padding-top: 4px;
  }
#tableContent
  {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 728px;
    padding-top: 0px;
  }
#spacing
  {
    background: #bfbda8;
    width: 11px;
  }
  
/*STYLES FOR NEWS ITEMS*/
#interiorContentNews h1
  {
    font: normal 28px arial,san-serif;
    letter-spacing:1px;
    color:#a8a48f;
    margin:0;
    padding-bottom:0px;
  }
.newsItem
  {
    width:520px;
  }
.newsItem h2
  {
    font: normal 12px verdana,san-serif;
    color:#5098da;
    margin:0;
    padding-top:25px;
  }
.newsItem p
  {
    margin:0;
    padding:0px 0 0;
  }
  
 /*STYLES FOR OFFER ITEMS*/
#interiorContentOffer h1
  {
    font: normal 28px arial,san-serif;
    letter-spacing:1px;
    color:#a8a48f;
    margin:0;
    padding-bottom:0px;
  }
  
#leftCustList, #rightCustList
  {
    margin-top: 15px;
    float: left;
    width: 200px;
    color:#5098da;
 }
#rightCustList
  {
    margin-left: 20px;
    color:#5098da;
  }

#custList
  {
    float: left;
    margin-left: 15px;
    width: 420px;
  }
  
.custItem h2
  {
    font: normal 12px verdana,san-serif;
    margin:0;
    padding-top:25px;
  }


.offerItem
  {
    width:520px;
  }
  
.offerItem h2
  {
    font: normal 12px verdana,san-serif;
    margin:0;
    padding-top:15px;
    color:#5098da;
  }
  
  .offerItem h3
  {
    font: normal 12px verdana,san-serif;
    margin:0;
    padding-top:10px;
    text-decoration: underline;
  }
  
   .offerItem h4
  {
    font: bold 10px verdana,san-serif;
    margin:0;
    padding-top:10px;
    color:#5098da;
  }
  
  
.offerItem p
  {
    margin:0;
    padding:0px 0 0;
  }
  

 /*STYLES FOR Customer Testimonials*/
#clientQuotes
  {
    font: normal arial,san-serif;
    letter-spacing:1px;
    margin:0;
    padding-bottom:0px;
  }
.quoteItem
  {
    font: normal 12px verdana,san-serif;
  }
.clientName
  {
    color:#5098da;
  }
  
  
  #partnerList
  {
    font: bold 11px verdana,san-serif;
    color:#5098da;
    float: left;
    margin-left: 15px;
    width: 420px;
  }
  
/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 129px;
 list-style: none;
 z-index: 99;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 opacity:.90;
 filter:alpha(opacity=90);   
-moz-opacity: .90;  
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 131px;
 width: 129px;
 z-index: 99;
 border: 0px;
 background: #CCCCCC;
 color: #CCCCCC;
 }

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border: 0px solid #bfbda8;
 background: #bfbda8;
 margin-bottom: -1px;
 z-index:99;
}
 
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
 z-index: 99
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #A64;
 opacity:1.0;
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;  
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #C86;
 opacity:1.0;
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;  
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */