﻿/*Credits: Dynamic Drive CS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body
{
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Century Gothic, Tahoma, Arial;
    font-size: 12px;
}
b
{
    font-size: 110%;
}
em
{
    color: red;
}
#maincontainer
{
    width: 916px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}
#topsection
{
    background: white;
    height: 82px; /*Height of top section*/
    border-bottom-color: Gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#eservlogo
{
    float: left;
    position: relative;
    top: 11px;
    left: 0px;
    padding-bottom: 0px;
    width: 333px;
    height: 69px;
}
#asplogo
{
    float: right;
    top: 21px;
    right: 0px;
    position: relative;
}
#menu
{
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    top: 10px;
}
#menu ul
{
    margin: 0;
    padding: 0;
    padding-left: 0px; /*offset of tabs relative to browser left edge*/
    list-style-type: none;
}
#menu ul li
{
    display: inline;
    margin: 0;
}
#menu ul li a
{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px; /*padding inside each tab*/
    border-right: 1px solid black; /*right divider between tabs*/
    color: black;
    background: #ababab;
    text-decoration: none;
    font-size: medium;
    font-family: Century Gothic, Tahoma, Arial;
    font-weight: bold;
    text-align: center;
}

#menu ul li a:hover, #menu ul li.selected a
{
    background-color: #7b7b7b; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
    color: #fff;
}

#contentwrapper
{
    float: left;
    width: 100%;
    margin-top: 25px;
}
#contentcolumn
{
    margin-left: 214px; /*Set left margin to LeftColumnWidth*/
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}

#leftcolumn
{
    float: left;
    width: 214px; /*Width of left column*/
    margin-left: -916px; /*Set left margin to -(MainContainerWidth)*/
    background: white;
    margin-top: 25px;
}
#leftmenu
{
    border: 1px solid Gray;
    background-color: white;
    border-bottom-width: 0;
    width: 200px;
}
#leftmenu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
/*
#leftmenu ul li
{
    margin-right: 0px;
    margin-top: 0px;
    top: 0px;
    vertical-align: middle;
    text-align: left;
    height: 19px;
}
*/
#leftmenu ul li a
{
    font-size: 13px;
    font-weight: bold;
    font-family: Century Gothic, Tahoma, Arial;
    padding: 4px 3px;
    display: block;
    width: 100%; /*Define width for IE6's sake*/
    color: #595959;
    text-decoration: none;
    border-bottom: 1px solid #C0C0C0;
}
#leftmenu ul li a:visted
{
    color: #595959;
}
html > body #leftmenu ul li a
{
    /*Non IE rule*/
    width: auto;
}
#leftmenu ul li a:hover
{
    background-color: #FF4500;
    color: black;
}
* html #leftmenu
{
    /*IE only rule. Original menu width minus all left/right paddings */
    width: 164px;
}
#footer
{
    clear: left;
    width: 100%;
    background: white;
    color: #FFF;
    text-align: left;
    padding: 4px 0; /*border-top-color: Gray;     border-top-style: solid;     border-top-width: 1px;*/
}
#innerfooter
{
    clear: left;
    width: 100%;
    background: white;
    color: #FFF;
    text-align: left; /*padding: 4px 0;*/
    padding-top: 10px;
    border-top-color: Gray;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 25px;
}
.innertube
{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 10px;
}
.style16
{
    font-family: Century Gothic, Tahoma, Arial;
    color: #FF6600;
}
.style51
{
    font-size: 18px;
}
.style52
{
    font-family: Century Gothic, Tahoma, Arial;
    font-size: 12px;
    color: #666666;
}
.style53
{
    font-family: Century Gothic, Tahoma, Arial;
    font-size: 12px;
    color: #0099FF;
}
.style9
{
    font-family: Century Gothic, Tahoma, Arial;
    font-size: 18px;
    color: #FF6600;
}
.style50
{
    font-size: 12px;
    color: #666666;
}

.button
{
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    background-color: #FF4500;
    font-size: 13px;
    font-weight: bold;
    font-family: Century Gothic, Tahoma, Arial;
    color: #595959;
    text-decoration: none;
}

.EmailTemplate
{
    font-family: Century Gothic, Tahoma, Arial;
    font-size: 12px;
}

