/* CSS Document */

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

#frame
  {
    margin: 0px auto 20px;
    width: 750px;
  }
  
#smallpopframe
  {
    margin: 0px auto 20px;
    width: 500px;
  }
  
#dynamicframe
  {
    margin: 0px auto 20px;
    width: 98%;
  }

#container
  {
    padding-right: 11px;
    padding-left: 11px;
    background: #bfbda8;
    padding-bottom: 11px;
    width: 728px;
    padding-top: 11px;
    voice-family: inherit;
  }
body > html #container
  {
    width: 728px;
  }
  

#subcontainer
  {
    width: 728px;
    position: relative;
    margin-bottom: 10px;
    voice-family: inherit;
}

#dynamicsubcontainer
  {
    width: 98%;
    position: relative;
    margin-bottom: 10px;
    voice-family: inherit;
}

  
#popcontainer
  {
    padding-right: 11px;
    padding-left: 11px;
    background: #bfbda8;
    padding-bottom: 11px;
    width: 728px;
    padding-top: 11px;
    voice-family: inherit;
  }
  
  #dynamicpopcontainer
  {
    padding-right: 11px;
    padding-left: 11px;
    background: #bfbda8;
    padding-bottom: 11px;
    width: 96%;
    padding-top: 11px;
    voice-family: inherit;
  }

#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;
    width: 129px;
    margin-right: 11px;
  }
#leftColInt
  {
    margin-bottom: 0px;
    margin-right: 0px;
  }

#logo
  {
    background: #bfbda8;
    margin: 25px 0px 36px;
  }/*INSIDE LEFT COL*/

#mainContent
  {
    background: #bfbda8;
    float: left;
    width: 588px;
  }

#interiorContent

  {
    padding-right: 25px;
    padding-left: 25px;
    background: #fff;
    padding-bottom: 25px;
    margin:0 auto; 
    width: 535px;
    line-height: 150%; 
    padding-top: 25px;
    float: right;
    voice-family: inherit;

  }


body > html #interiorContent
  {
    width: 520px;
    height: 300px;
  }

.top
  {
    vertical-align: top;
  }
.white
  {
    background: #fff;
  }
.sectionTitle
  {
    color: #acc791;
  }
  
#popinteriorContent
  {
    padding-right: 5px;
    padding-left: 5px;
    background: #fff;
    padding-bottom: 5px;
    margin: 0px;
    width: 718px;
    line-height: 150%;
    padding-top: 2px;
    position: static;
    float: right;
    voice-family: inherit;
  }
  
#popinteriorContentStoreID
  {
    padding-right: 5px;
    padding-left: 5px;
    background: #FFF;
    padding-bottom: 2px;
    margin: 0px;
    width: 718px;
    line-height: 150%;
    padding-top: 2px;
    position: static;
    float: right;
    voice-family: inherit;
  }
  
 


/*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: 20px;
    margin: 0px;
    font: 28px arial,san-serif;
    color: #a8a48f;
    letter-spacing: 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;
    voice-family: inherit;
  }
body > html #footer, body > html #footerInterior
  {
    width: 708px;
  }
#footer ul, #footerInterior ul
  {
    padding-bottom: 10px;
    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;
  }
  
  
  /*FOOTER_CA STYLING*/
#footer_ca, #footer_caInterior
  {
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
    background: #79a44e;
    padding-bottom: 3px;
    width: 708px;
    color: #fff;
    padding-top: 3px;
    text-align: right;
    voice-family: inherit;
  }
body > html #footer_ca, body > html #footer_caInterior
  {
    width: 708px;
  }
#footer_ca ul, #footer_caInterior ul
  {
    padding-bottom: 10px;
    margin: 0px;
    list-style-type: none;
  }
#footer_ca li, #footer_caInterior li
  {
    padding-right: 5px;
    padding-left: 20px;
    float: right;
    padding-bottom: 5px;
    padding-top: 0px;
  }

#footer_caInterior
  {
    margin-top: 11px;
  }


/* LINK STYLES*/
img
  {
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 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 ul
  {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
  }
#nav a, #active
  {
    padding-right: 2px;
    display: block;
    padding-left: 8px;
    font-weight: bold;
    padding-bottom: 4px;
    margin: 2px 0px;
    width: 119px;
    padding-top: 4px;
    text-decoration: none;
    voice-family: inherit;
  }
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, #headernav a, #headernavInterior a, #footer_ca a, #headerpopnav a, #headerpopnavInterior a
  {
    color: #fff;
    text-decoration: none;
  }
#footer a:hover, #footerInterior a:hover, #headernav a:hover, #headernavInterior a:hover, #footer_ca a:hover, #headerpopnav a:hover, #headerpopnavInterior a:hover
  {
    text-decoration: underline;
  }
/* NEW CUSTOMER BOX STYLE*/
#box2
  {
    margin-top: 11px;
    background: #fff;
    height: 123px;
  }
.boxText
  {
    padding-right: 4px;
    padding-left: 7px;
    padding-bottom: 5px;
    margin: 0px;
    color: #000;
    padding-top: 5px;
  }
.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;
  }
  
  
#dropdown
  {
    background: #d8d7ca;
    font: bold 8px verdana,arial,san-serif;
  }
  
  /*HEADERNAV STYLING*/
#headernav, #headernavInterior
  {
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
    background: #a0c6e8;
    padding-bottom: 1px;
    width: 708px;
    color: #fff;
    padding-top: 3px;
    text-align: right;
    voice-family: inherit;
  }
body > html #headernav, body > html #headernavInterior
  {
    width: 708px;
  }
#headernav ul, #headernavInterior ul, #headerpopnav ul, #headerpopnavInterior ul
  {
    padding-bottom: 10px;
    margin: 0px;
    list-style-type: none;
  }
#headernav li, #headernavInterior li
  {
    padding-right: 2px;
    padding-left: 2px;
    float: right;
    padding-bottom: 5px;
    padding-top: 0px;
  }

#headernavInterior, #headerpopnavInterior
  {
    margin-top: 11px;
  }
  
  
    /*HEADERNAV STYLING*/
#headerpopnav, #headerpopnavInterior
  {
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
    background: #a0c6e8;
    padding-bottom: 1px;
    width: 708px;
    color: #fff;
    padding-top: 3px;
    text-align: right;
    voice-family: inherit;
  }
body > html #headerpopnav, body > html #headerpopnavInterior
  {
    width: 708px;
  }
#headerpopnav li, #headerpopnavInterior li
  {
    padding-right: 5px;
    padding-left: 20px;
    float: right;
    padding-bottom: 5px;
    padding-top: 0px;
  }

  
    
  /* HORIZONTAL FREESTYLE MENU LAYOUT */


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

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 3.3em; /* I'm using ems rather than px to allow people to zoom their font */
 left: -15px;
 width: 135px;
 text-align: center;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/


.menulist li {
 float: left;
 position: relative;
 border: 1px;
 margin-right: 0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0px;
 margin-bottom: 0px;
 border: 1px solid #000000;
 padding: 0px;
 background: #FFF; 
 text-align: center;
 color: #000;
 
}
.menulist ul>li:last-child {
 margin-bottom: 0px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 0px;
 color: #FFF;
 text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 text-decoration:  underline;
}

.menulist  a.highlighted {
 color: #FFF;
}

/*
 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);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


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