/*****************************************************************************

Fresh & Natural - Main CSS

*****************************************************************************/

html {
    height: 100%;
    }

body {
    color: #343a3a;
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    }
    
h1, h2, h3 {
    padding: 0;
    font-family: times, serif;
    font-variant: small-caps;
    font-weight: normal
    }
    
h1 {
    font-size: 26px;
    margin: 20px 0 10px 0;
    }

h2 {
    font-size: 22px;
    margin: 20px 0 10px 0;
    line-height: 15px;
    }
    
p {
    padding: 0;
    margin: 10px 0;
    line-height: 20px;
    }

ul {
    margin-top: 10px;
        margin-bottom: 10px;
    line-height: 20px;
    list-style-image: url(../img/diamond_4_bullet.gif);
    }

ol {
    margin-bottom: 10px;
    }
    
li {
    margin-bottom: 10px;
    }

a {
    color: #b8232b;
    }
    
a:hover {
    color: #343a3a;
    }
    


/* MAIN NAVIGATION
============================================================================*/

ul.mainNav {
    background: #b8232b url(../img/main_nav_bg.jpg) repeat-x left bottom;
    margin: 0 0 0 12px;
    padding: 185px 0 20px 0;
    width: 216px;
    list-style-image: url(none); /* ie7 bullets showing fix */
    list-style: none;
    overflow: hidden;
    font-size: 15px;
    font-family: times, serif;
    font-variant: small-caps;
    }
    
ul.mainNav li {
    background: transparent url(../img/main_nav_rule.png) no-repeat left top;
    margin: 0;
    padding: 0;
    height: 27px;
    line-height: 29px;
    }

ul.mainNav li:first-child { /* Hide the first horizontal rule */
    background: transparent;
    }
    
ul.mainNav a {
    display: block;
    color: #fff;
    padding-left: 25px;
    width: 224px;
    text-decoration: none;
    }
    
ul.mainNav a:hover {
    color: #000;
    background: transparent url(../img/main_nav_over.gif) no-repeat 0 4px;
    }
    
ul.mainNav a.selectedPage {
    color: #000;
    background: transparent url(../img/main_nav_selected.gif) no-repeat 0 4px;
    }
    
    
    
/* SECONDARY NAVIGATION
============================================================================*/

ul.subNav {
    color: #fff;
    background: #b5b09b url(../img/sub_nav_bg.gif) repeat-x;
    margin: 0;
    border-top: 1px solid #b5b09b;
    border-right: 1px solid #b5b09b;
    padding: 0;
    height: 42px;
    list-style: none;
    font-size: 14px;
    font-family: times, serif;
    font-variant: small-caps;
    }
    
ul.subNav li {
    background: transparent url(../img/sub_nav_rule.gif) no-repeat 0 2px;
    float: left;
    margin: 0;
    padding: 0;
    width: 89px;    
    }

ul.subNav li:first-child { /* Hide the vertical rule & slighly wider to push out to the edge */
    background: transparent;
    width: 91px;
    }

    
ul.subNav li a {
    display: block;
    color: #343a3a;
    padding: 6px 5px;
    line-height: 15px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    }
    
ul.subNav li a:hover {
    background: transparent url(../img/sub_nav_over.gif) no-repeat;
    }
    
ul.subNav li:first-child a:hover { /* Hide 1 pixel gap on left edge */
    background: transparent url(../img/sub_nav_over.gif) no-repeat -1px 0;
    }
    
ul.subNav li a.selectedPage {
    background: transparent url(../img/sub_nav_selected.gif) no-repeat;
    }
    
ul.subNav li:first-child a.selectedPage { /* Hide 1 pixel gap on left edge */
    background: transparent url(../img/sub_nav_selected.gif) no-repeat -1px 0;
    }
    
    
    
/* STRUCTURE
============================================================================*/

#wrapper { /* Center site and controls width */
    position: relative;
    margin: 0 auto; /* center, not in IE5 */
    width: 771px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    }
    
#container {
    background: transparent url(../img/avacado_bg.jpg) no-repeat;
    margin-left: 234px;
    padding-top: 100px;
    }
    
#containerHome {
    background: transparent url(../img/banner_home_img.jpg) no-repeat;
    margin-left: 234px;
    padding-top: 216px;
    }
    
#mainCol {
    background: transparent url(../img/page_shadow.gif) no-repeat top right;
    padding: 20px 30px 0 30px;
    min-height: 350px;
    }
    
#leftCol {
    float: left;
    background: transparent url(../img/page_shadow.gif) no-repeat top right;
    width: 266px;
    padding: 20px 30px 0 30px;
    }
    
    
#rightCol {
    float: right;
    background: transparent url(../img/right_col_bg.jpg) no-repeat;
    width: 191px;
    padding: 10px;
    }
    
    
    
/* ELEMENTS
============================================================================*/

.crumbs {
    margin: 0 0 10px 0;
    padding: 0 0 7px 0;
    clear: both;
    border-bottom: 1px dashed #aeaeae;
    }
    
.search {
    background: #b5b09b url(../img/search_bg.gif) repeat-x;
    margin: 15px 12px;
    border: 1px solid #b5b09b;
    padding: 12px 15px 15px 15px;
    width: 184px;
    }
    
.search label, .search span {
    display: block;
    margin-bottom: 5px;
    line-height: 21px;
    font-size: 21px;
    font-family: times, serif;
    font-variant: small-caps;
    }
    
.searchInput {
    width: 135px;
    }
    
.contact {
    background: transparent url(../img/envelope_icon.gif) no-repeat;
    margin: 15px 12px;
    padding-left: 32px;
    height: 14px;
    }
    
.hiring {
    background: transparent url(../img/hiring_top.gif) no-repeat;
    margin-top: 10px;
    padding-top: 7px;
    width: 191px;
    }
        
.hiring h2 {
    margin: 0 0 15px 0;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    font-weight: normal;
    font-size: 21px;
    text-align: center;
    }
    
.hiring p {
    margin: 0 20px 10px 20px;
    padding: 0;
    line-height: 15px;
    }
    
    
.hiring .bottom {
    background: transparent url(../img/hiring_bottom.gif) no-repeat;
    width: 191px;
    height: 10px;
    line-height: 10px;
    }
    
.locInfo {
    float: left;
    width: 222px;
    padding: 0 15px 0 0;
    margin: 15px 0;
    line-height: 16px;
    }
    
.eventsList ul {
    list-style-image: url(../img/calendar_icon.gif);
    }
    
.rule {
    clear: both;
    background: transparent url(../img/horizontal_rule.gif) no-repeat;
    margin: 20px 0;
    width: 100%;
    height: 7px;
    }
    
.rule hr {
    display: none;
    }
    
#header {
    background: transparent url(../img/header_bg.png) no-repeat left top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 240px;
    }

#header h1 { /* Hide normal H1 text */
    position: absolute;
    top: 22px;
    left: 5px;
    padding: 0;
    margin: 0;
    width: 229px;
    height: 142px;
    text-indent: -9999px;
    }
    
#header h1 a { /* The logo badge */
    background: url(../img/logo_badge.jpg) no-repeat 1px 0;
    display: block;
    width: 229px;
    height: 142px;
    text-decoration: none;
    }
    
#footer {
    background: transparent url(../img/footer_bg.gif) no-repeat;
    margin: 50px 0 0 11px;
    padding: 1px 0 25px 0; /* Un-collapse margins */
    width: 100%;
    height: 75px;
    }
    
#footer p {
    float: left;
    margin: 0;
    padding: 8px 0 0 40px;
    line-height: 13px;
    font-size: 11px;
    }
    
#footer img {
    float: right;
    margin: 15px 10px 0 0;
    }
    
    
    
/* GENERAL
============================================================================*/

.hide {
    display: none;
    }

.rss {
    display: none;
    }

.subhead {
    margin-top: -10px;
    }
    
ul.doubleCol li { /* 2 column list */
    float: left;
    width: 200px;
    }