﻿body
{
    background: #f6f6f6;
    font: normal 500 12px Arial, Verdana, Sans-Serif;
    color: #333;    
}
.middle
{
    width: 708px;    
    margin: 0px auto;
    padding: 16px 0px 16px 8px;
}
.siteWrapper
{
    width: 708px;
}
h1
{
    font: normal 700 12px Arial, Verdana, Sans-Serif;
}
a:Link, a:visited, a:Active
{
    text-decoration: underline;
    color: #333;
}
a:Hover
{
    text-decoration: none;
}


/*************************
        Banner
*************************/
.bannerWrapper
{
    width: 708px;
    padding: 26px 0px 0px 0px;
    height: 80px;
    background: #fff url(../../Images/System/bg-bannerwrapper.gif) no-repeat right bottom;
}
.bannerLogoWrapper
{
    width: 668px;
}
.bannerLogoWrapper td
{
    vertical-align: top;
}


/**************************
        Top Menu
**************************/
.topMenuWrapper
{
    width: 700px;
    padding: 20px 8px 0px 0px;
    background: #fff url(../../Images/System/bg-content.gif) repeat-y right top;
}
.topMenu
{
    width: 700px;
    height: 28px;
    background: url(../../Images/System/bg-topmenu.gif) repeat-x left top;
    border-style: solid;
    border-width: 1px 0px;
    border-color: #cecece;
}
.topMenuUL
{
    margin: 0;
    padding: 0;
}
.topMenuItem
{
    list-style-type: none;
    display: inline;
    float: left;
    height: 28px;
    border-right: solid 1px #cecece;
}
.topMenuItemSeparator
{
    width: 1px;
    height: 28px;
    list-style-type: none;
    display: inline;
    float: left;
    background: #cecece;
}
A.topMenuItemLink:Link, A.topMenuItemLink:Visited, A.topMenuItemLink:Active
{
    display: block;
    float: left;
    height: 22px;
    padding: 6px 16px 0px 16px;
    color: #3d0088;
    text-decoration: none;    
}
A.topMenuItemLink:Hover
{       
    display: block;
    float: left;
    height: 22px;
    padding: 6px 16px 0px 16px;    
    color: #3d0088;
    text-decoration: underline;                   
}
A.topMenuItemActive:Link, A.topMenuItemActive:Visited, A.topMenuItemActive:Hover, A.topMenuItemActive:Active
{
   display: block;
    float: left;
    height: 22px;
    padding: 6px 16px 0px 16px;
    color: #3d0088;
    text-decoration: none;
    background: url(../../Images/System/bg-topmenu-active.gif) repeat-x left top;
}

/*************************
        Content
*************************/
.contentWrapper
{ 
    width: 668px;
    padding: 24px 24px 16px 16px;
    background: #fff url(../../Images/System/bg-content.gif) repeat-y right top;   
}
A.frontPageLink:Link, A.frontPageLink:Visited, A.frontPageLink:Active
{
    color: #333;
    text-decoration: none;
}
A.frontPageLink:Hover
{
    color: #333;
    text-decoration: underline;
}
/**************************
        Bottom
**************************/
.bottomWrapper
{
    width: 708px;
    height: 8px;
    background: #f6f6f6 url(../../Images/System/bg-bottomwrapper.gif) no-repeat left top;
}


/**************************
         News
**************************/
.newsListDateItem
{
    width: 70px;
}


/**************************
      General Styles
**************************/
.left
{
    float: left;
}
.right
{
    float: right;
}


