/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */

/*
 * Cascading Style Sheet(CSS 467), for Buy-Low
 * COPYRIGHT INFORMATION - DO NOT REMOVE
 * Copyright (c) 2007 LinuxMagic Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 */ 

html {
    overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
    font-size: 16px;
}

body {
    background: #FFF;
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif !important;
    margin: 0px;
    padding: 0px;  /* required for Opera to have 0 margin */
    font-size: 100.01%;
}

img {
    border: 0px;
}

 /* 
 * ========================================
 * General Styles
 * ========================================
 */

a:link,
a:active,
a:visited {
    color: #513300;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

.nopad {
    margin: 0 !important;
    padding: 0 !important;
}

/* 
 * ========================================
 * Page Setup
 * ========================================
 */

#OuterWrapper {
    background: #FFF url('/images/background.gif') repeat-y top left;
    margin: 0px auto 0px auto;
    overflow: visible;
    width: 820px;
}
 
#Wrapper {
    background: #FFF;
    margin: 0px auto 0px auto;
    overflow: visible;
    padding: 0;
    width: 751px;
}

#Header {
    background: transparent;
    border: 0px;
    height: 94px;
    margin: 0px;
    padding: 0;
}

#Navigation {
    background: transparent;
    height: 90px;
    margin: 0;
    padding: 0;
    width: 751px;
}

#MainPage {
    background: transparent;
    border: 0;
    margin: 0px;
    min-height: 175px;
    padding: 0;
}

#Content {
    padding: 10px 30px;
    width: 690px;
}

#Content p{
    font-size: 12px;
    line-height: 150%;
}

#Content ul {
/*    margin-left: 0;*/
}

#Content p.title{
    border-bottom: 1px solid #513300;
    color: #513300;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    width: 600px;
}

/* 
 * ========================================
 * Navigation
 * ========================================
 */
 
ul.MainNav,
.MainNav ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    
 }

ul.MainNav li {
    display: block;
    float: left;
    height: 90px;
    padding: 0px;
    position: relative;
    cursor: pointer;
}

ul.MainNav li.Home {background: transparent url('../images/button-home.gif') no-repeat top left; width: 86px; }
ul.MainNav li.Stores {background: transparent url('../images/button-stores.gif') no-repeat top left;width: 80px;}
ul.MainNav li.Flyers {background: transparent url('../images/button-flyers.gif') no-repeat top left;width: 80px;}
ul.MainNav li.Employment {background: transparent url('../images/button-employment.gif') no-repeat top left;width: 85px;}
ul.MainNav li.Community {background: transparent url('../images/button-community.gif') no-repeat top left;width: 82px;}
ul.MainNav li.Company {background: transparent url('../images/button-company.gif') no-repeat top left;width: 76px;}
ul.MainNav li.Contact {background: transparent url('../images/button-contact.gif') no-repeat top left;width: 72px;}
ul.MainNav li.NavEnd {background: transparent url('../images/header-end.gif') no-repeat top left;width: 189px;}

ul.MainNav li.Home:hover {background: transparent url('/images/button-home-over.gif') no-repeat top left; }
ul.MainNav li.Stores:hover {background: transparent url('/images/button-stores-over.gif') no-repeat top left;}
ul.MainNav li.Flyers:hover {background: transparent url('/images/button-flyers-over.gif') no-repeat top left;}
ul.MainNav li.Employment:hover {background: transparent url('/images/button-employment-over.gif') no-repeat top left;}
ul.MainNav li.Community:hover {background: transparent url('/images/button-community-over.gif') no-repeat top left;}
ul.MainNav li.Company:hover {background: transparent url('/images/button-company-over.gif') no-repeat top left;}
ul.MainNav li.Contact:hover {background: transparent url('/images/button-contact-over.gif') no-repeat top left;}

ul.MainNav li:hover.NavEnd {
    cursor: default !important;
}

ul.MainNav li a {
    height: 90px;
    width: 73px;
    font-size: 0px;
    display: block;
}

ul.MainNav li a:hover {
    text-decoration: none;
}

/* 
 * ========================================
 * Footer Elements
 * ========================================
 */
 
 #Footer {
    background: transparent url('../images/footer.gif') no-repeat top left;
    clear: both;
    font-size: 10px;
    height: 68px;
    width: 750px;
 }