﻿body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}
body, #header .middle, #shop-left .Menu-Item
{
    background-color: #647798;
}

#header, #navigation, #sitemap, #main, #content, #left, #right, #footer,
#shop-left, #shop-right,
#content .top, #content .bottom, #page,
div.content, #legal, #legal .item,
#header .top, #header .middle, #header .bottom, .home-intro, .general, #stats
{
    overflow: hidden;
    height: 100%;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}

a
{
    color: Blue;
    text-decoration: underline;
}
a:Hover
{
    text-decoration: none;
}

/************* HEADER STUFF ************/

#header
{
}
#header .top
{
    border-bottom: solid 5px #FFCC00;
    margin-bottom: 2px;
}
#header .top .left
{
    width: 200px;
    float: left;
}
#header .top .right
{
    width: 570px;
    float: right;
    background: transparent url("banner-bg.gif") no-repeat right top;
    min-height: 90px;
}
#header .top .right h5
{
    color: Black;
    font-size: 8pt;
    text-align: right;
    margin: 0px;
}
#header .top .right .info
{
    height: 66px;
}

#header .middle
{
    margin-bottom: 2px;
    padding: 2px 5px 2px 7px;
    color: White;
}
#header .middle .left
{
    width: 49%;
    float: left;
    padding-top: 4px;
}
#header .middle .right
{
    width: 49%;
    float: right;
    text-align: right;
}
#header .middle .right span
{
    position: relative;
    top: -8px;
}

#header .bottom
{
    background-color: #FFFF80;
    color: Black;
    padding: 3px 5px 4px 7px;
    margin-bottom: 8px;
}

/************* NAVIGATION ************/

#navigation
{
    padding-top: 5px;
    text-align: right;
}
#navigation ul, #navigation li
{
    margin: 0px;
    padding: 4px 0px;
    border: 0px;
    list-style-type: none;
    border-collapse: collapse;
}
#navigation ul
{
}
#navigation li
{
    display: inline;
}
#navigation li a
{
    padding: 3px 20px;
    border-left: solid 1px White;
    border-bottom: solid 1px White;
    color: White;
    font-weight: normal;
    background-color: Silver;
    text-decoration: none;
}
#navigation li a:Hover, #navigation li a.Selected
{
    padding: 5px 20px;
    background-color: #FFCC00;
    border-bottom: solid 1px #FFCC00;
    color: Black;
}

/************* CONTENT ************/
/* This is the main area of the page consisting of two columns - #left and #right */

#content
{
    min-height: 395px;
    margin-bottom: 4px;
}

#left
{
    float: left;
    width: 542px;
}

#right
{
    float: right;
    width: 224px;
}

/* Proportions for shop layout */
#shop-left
{
    float: left;
    width: 128px;
}

#shop-right
{
    float: right;
    width: 644px;
}

#shop-left img
{
    padding-bottom: 2px;
}

/************* FOOTER ************/

#footer
{
}
#footer a, #footer img
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}
#footer img
{
    padding-right: 1px;
}

/* PAGE SPECIFIC */
/* 1. Misc */
/* unordered lists containing images (i.e. FAQs) */
#left ul.Links, #shop-left ul.Links
{
    list-style-image: url("bullet.gif");
}
#left ul.Links li a, #shop-left ul.Links li a
{
    padding-left: 0px;
    background-image: none;
}

/* Form Headings (i.e. Help Search Facility) */
table.Form caption
{
}

/* Search Results */
/* Defined below with .Menu */
.search
{
}

/* Defined above */
div.description
{
}
div.description-center
{
    text-align: center;
}

/* 2. MENU */
/* All page elements for this style inherit the same properties so are defined with Menu */
.Menu, .Address, .snap-shot, .snap-intro, .home, .footer-element, .about-item, .contact-item,
.panel, .faqs-item, .media-item, .help-item, .legal-item, #Weather, .search,
.AspNet-PasswordRecovery, .AspNet-Login, .form, .home-item, .footer-logos .footer-item,
.shop-item
{
    overflow: hidden;
    height: 100%;
    
}
.Menu h3, .Address h3, .snap-shot h3, .snap-intro h3, .home h3, .footer-element h3, .about-item h2, .contact-item h2,
.panel h3, .faqs-item h2, .media-item h2, .help-item h2, .legal-item h2, #Weather h3, .search h3,
.accordion-header h4, .accordion-header-selected h4, .AspNet-Login .AspNet-Login-TitlePanel, .form h4, #left .form h4,
.home-item h3, .footer-logos .footer-item h4, .AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-TitlePanel,
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-Question-TitlePanel,
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-SuccessTextPanel h4,
.product-gallery .AspNet-DataList table caption, .shop-item h3, .shop-item h2,
.guidance .AspNet-FormView .AspNet-FormView-Data h4, .product-listing h3, h2.shop-heading
{
    background-color: #647798;
    padding: 3px;
    font-size: 8pt;
    color: White;
    margin: 0px;
}

.Menu
{
    margin-bottom: 4px;
}
.Menu h3
{
}
.Menu p
{
}
.Menu ul, #right .sub-menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.Menu li
{
    list-style-type: none;
    border-bottom: solid 1px Silver;
    border-right: solid 1px Silver;
    border-left: solid 1px Silver;
}
.Menu li.alt
{
}
#right .Menu ul li a, #right .sub-menu ul li a
{
    display: block;
    padding: 3px;
    text-decoration: none;
    color: Black;
}
#right .sub-menu ul li a:hover, #right .sub-menu ul li a.Selected,
#right .Menu ul li a:hover, #right .Menu ul li a.Selected
{
    background-color: #D0DFFE;
}
.Menu img.footer
{
    margin-top: 20px;
}

/* Normal Text Menu Items (i.e. Ask a question in FAQs) */
.Menu-Item
{
    padding: 4px 2px;
    margin-bottom: 4px;
    overflow: hidden;
    height: 100%;
}
.Menu-Item h3
{
    font-size: 10pt;
    color: #FFCC00;
    margin: 0px 0px 4px 0px;
    text-align: center;
}
.Menu-Item label
{
    color: White;
}
.Menu-Item select
{
    margin: 2px 0px 4px 0px;
    width: 124px;
}

/* Messages - AJAX Message Facility (not always used) */
.Menu-Messages
{
    overflow: hidden;
}
.Menu-Messages h5
{
    font-size: 12pt;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
}
.Menu-Messages .description
{
    margin-bottom: 10px;
}

/* 3. Weather */
#Weather
{
    min-height: 100px;
}
#Weather h3
{
    
}
#Weather table
{
    width: 98%;
    margin: 3px 2px;
}
#Weather table tr td
{
    text-align: center;
    white-space: nowrap;
}
#Weather table tr td strong
{
    font-weight: normal;
}
#Weather table tr td.Header
{
    white-space: nowrap;
    padding: 2px 0px;
}
#Weather table tr td.Symbol
{
    height: 74px;
    width: 40%;
    background-color: #0396C3;
}
#Weather table tr td.Temp
{
    height: 40px;
    width: 30%;
    color: Black;
    border-left: solid 4px White;
}
#Weather table tr td.Label
{
    color: #B4B4B4;
    font-size: 8pt;
}

/* 4. Address */
.Address
{
}

/* 5. Home */
/* Normal Home Elements (i.e. Latest News) */

/* main defined above with .Menu */
.home
{
}

/* home page snap-shots and snap-introduction */
.snap-shot
{
}
.snap-intro
{
}

/* Area Descriptions (also can be used in Menu) */
.area-desc, .area-desc-right
{
}

/* 6. About Us (and Projects) */
/* main defined above with .Menu */
.about-item
{
}

/* 7. Contact Us */
/* main defined above with .Menu */
.contact-item
{
}
.contact-item .left
{
    float: left;
    width: 49%;
}
.contact-item .right
{
    float: right;
    width: 49%;
}

/* 8. Links */
/* main defined below with .details-item */
.links-item
{
}

/* 9. FAQs */
/* main defined above with .Menu */
.faqs-item
{
}

/* 10. Media */
/* main defined above with .Menu */
.media-item
{
}

/* 11. Help */
/* main defined above with .Menu */
.help-item
{
}

/* 12. Legal */
/* main defined above with .Menu */
.legal-item
{
}

/* 13. Details Listing - new style for listing media and event items with abstract */
.details-item, .details-record, .links-item, .details-record .item
{
    overflow: hidden;
    height: 100%;
}

/*********** SPECIFIC STYLES ***********/

/* Defines the link at the bottom of the page to us */
#page, #legal
{
    margin: 0px auto;
}
#page
{
    width: 774px;
    padding: 2px;
    background-color: White;
}
/* Legal area below #page */
#legal
{
    width: 650px;
    text-align: center;
    color: White;
    padding: 3px 0px 10px 0px;
}
#legal .item
{
    width: auto;
    float: left;
}

#legal ul, #legal li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-collapse: collapse;   
}
#legal li
{
    display: inline;
}
#legal a
{
    color: #FEFEFE;
    text-decoration: none;
    border-right: solid 1px White;
    padding: 0px 6px 0px 3px;
}
#legal a:Hover
{
    text-decoration: underline;
}

/* shop-item (sections of a shop page) */
.shop-item
{
    margin-bottom: 20px;
}

/* Inner area of all the sections */
div.content
{
    padding: 3px;
}
div.content-center
{
    padding: 3px;
    text-align: center;
}

/* vertically align elements */
.VMiddle
{
    vertical-align: middle;
}

/* Home Image */
.home-intro
{
    height: 189px;
    margin-bottom: 4px;
}
.home-intro span
{
    visibility: hidden;
}

/* Generic Item */
.general
{
}
.general .content h5
{
    font-size: 10pt;
}
.general .content h4
{
    font-size: 12pt;
}

.general .shop-main
{
    width: 512px;
    float: left;
}
.general .shop-menu
{
    width: 128px;
    float: right;
}

.general .login-left
{
    width: 35%;
    float: left;
}
.general .login-right
{
    width: 64%;
    float: right;
}

.general .col, .search .col
{
    float: left;
    width: 49%;
    margin-right: 3px;
}
.general .col-right
{
    float: right;
    width: 49%;
}

/* Document Link */
.doc-link
{
    background: transparent url("adobe.gif") no-repeat center left;
    padding: 3px 0px 3px 18px;
}

/* Hours of Business */
table.HoB
{
    width: 100%;
    border-collapse: collapse;
}
table.HoB tbody tr td, table.HoB thead tr th
{
    border: solid 1px #CCCCCC;
    padding: 1px;
}
table.HoB thead tr th
{
    font-weight: normal;
}

/* Standard heading */
h2.shop-heading
{
    background-color: Red;
}

/* Stats counter */
#stats
{
    text-align: center;
    margin: 10px 0px;
}