/*-----------------------------------------------------------*/
/* Layout */
/*-----------------------------------------------------------*/
body
{
    height:100%;
    background-color: #cccccc;
    display:block;
}
.SiteWidth
{
    width: 980px;
    margin: 0px auto;
    text-align: left;
}
#PageContainer
{
    display:block;
    background: #f7f7f7 url('images/pageBg.png') repeat-x bottom left;
    color: #888;
}
#HeaderWrapper, #ContentWrapper, #FooterWrapper { text-align: center; }
#PanelHeader
{
    height: 200px;
    position:relative;
    background-color: #212121;
}
#PanelLogo
{
    height: 160px;
}
#PanelLogo img
{
    margin-top: 50px;
    margin-left: 75px;
}
#PanelMenu
{
    height: 40px;
    padding-left: 0px;
}
#PanelRightFooter
{
    clear: both;
    float: right;
    text-align: right;
}
#PanelContent
{
    min-height: 400px;
}

#DivLogo
{
    float: left;
}

#DivSiteTitle
{
    float: left;
    margin-left: 20px;
    margin-top: 47px;
    line-height: 23px;
}
.HeaderBg
{
    background-color: #333333;
    color: White;
}
.SidesBg
{
    background-color: Transparent;
}
.ContentBg
{
    background-color: White;
    color: #555;
}
.FooterBg
{
    background-color: #262626;
    color: #ccc;
}

.SidePanel
{
    margin-top: 10px;
}

.ColumnRight
{
    float: right;
}
.ColumnLeft
{
    float: left;
}
.MainBody P
{
    margin-bottom: 10px;
}
#FooterWrapper
{
    padding-bottom:25px;
}
#PanelFooter
{
}
#PanelFooterLeft
{
    margin-left:25px;
}
#PanelFooterRight
{
    margin-right:25px;
}
.Content p, .Content ul
{
    margin-bottom: 15px;
}
.Footnote1
{
    background-color: #f0f0f0;
    color: #777;
}
.Footnote2
{
    background-color: #ccc;
    color: #333;
}
#PanelFooterLeft, 
.FooterToken,
.LoginToken
{
    color:#aaa;
}
.HeaderGap
{
    height:20px;
    display:table-cell;
    line-height:20px;
    font-size:1px;
}
.Feature1 { margin:20px 6px 0px 26px; }
.Feature2 { margin:20px 6px 0px 6px; }
.Feature3 { margin:20px 6px 0px 6px; }
.Feature4 { margin:20px 0 0px 6px; }

/*-----------------------------------------------------------*/
/* Content Panes */
/*-----------------------------------------------------------*/
.BannerPane, 
.BannerPane div,
.BannerPane p
{
    line-height:0px;
    padding:0;
    margin:0;
    border:0;
}
.LeftPane
{
    padding: 0 7px 0 0;
    width: 50%;
}
.RightPane
{
    padding: 0 0 0px 7px;
    width: 50%;
}
.LeftPane2
{
    padding: 0 15px 0 0;
    width: 25%;
}
.RightPane2
{
    padding: 0 0 0px 15px;
    width: 25%;
}

/*-----------------------------------------------------------*/
/* Lists */
/*-----------------------------------------------------------*/
ul { list-style: none; margin-left: 16px; }
ul.square
{
    list-style-type: square;
    margin-left: 27px;
    margin-bottom: 10px;
}
ul.square li { margin-bottom: 5px; }