/************  The Document  ************/
html
{
    background-color: #dbe9fc;
    color: #474747;       
    cursor: default;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 100%; 
}
body
{
    height: 100%; 
    margin: 0px;
    padding-top: 0px;                  /*change header pad*/
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
form
{
    height: 100%; 
}
ghostform
{
    height: 100%; 
}


/************  Page Hyper Links  ************/
a
{
    color: #0060a6;
    text-decoration: none;
}
a:link
{
}
a:visited
{
}
a:active
{
}
a:hover
{
    text-decoration: underline;
}

/************  Center Page Container  ************/
.container
{
    background-color: #FFFFFF; 
    background-image: url(Images/horizontal_repeat_y.gif);    
    background-position: -29px 0px;    
    background-repeat: repeat-Y;
    bottom: 0px;
    height: auto !important;    /* IE7 & Firefox will use this */
    height: 100%;               /* IE6 will use this only */
    margin: 0px auto;           /* center container */
    min-height: 100%;           /* up-to-date browsers understand this */
    position: relative;         /* required for footer positioning */
    width: 983px;    
}


/************ Container Top Contents ************/

.containerTop
{
    background-image: url(Images/header_top.png);
    background-repeat: no-repeat;
    width: 100%;
}

.bannerPanel
{
    height: 110px;
    overflow: visible;
    padding: 10px;
}


.companyLogo
{
    float: left;
    padding-left: 13px;
    padding-top: 9px;
    width: auto;
}

.companyName
{
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 56px;   
    padding-right: 0px; 
    
}

.companyNamePlus
{
    font-family: Lucida Handwriting, Calibri, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: Red;
    padding: 0px;        
}

.companySlogan
{
    font-family: Lucida Handwriting, Calibri, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: Red;
    padding-left: 30px;    
}

/**********************************************************/

.mainPageTextContent
{
    font-family: Comic Sans MS, Calibri, Helvetica, sans-serif;
    font-size: 36px;   
    font-weight:bolder;    
    color: #146bac; 
    /*background-color: #dbe9fc;*/
    padding:10px;
}

.mainPageTextContent2
{
    font-family: Arial, Tahoma, Calibri, Helvetica, sans-serif;
    font-size: 24px;        
    color: #146bac;     
    padding:10px;
}

.mainPageTextFooter
{
    font-family: Arial, Tahoma, Calibri, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight:bolder;    
    color:#d91f27; 
    padding:10px;
}


/************ end of Container Top Contents *********/

.mainHeader
{    
    padding-left: 12px;
    padding-right: 11px;
}

.headerBottom
{
    font-weight: bold;
}

.headerBottom .bottomContainer
{
    font-weight: bold;
}


/************ Main Content elements *************************/

.mainContent
{
    overflow: visible;
    padding-bottom: 60px;
    margin-bottom: 0px !important;
    margin-bottom: 60px;
    padding-top: 10px;
}

.mainContent .contentAreaCenter
{
    vertical-align: top;
}

.contentArea
{
    overflow: hidden;
    padding-left: 12px;
    padding-right: 11px;
    width: auto;
}

.contentAreaCenter
{
    background-color: #FFFFFF; 
    display: block !important; 
    display: inline-block;     
    overflow: hidden;    
}

/************ end of Main Content elements ********************/

/********** Main Footer elements ******************************/

.container .mainFooter
{
    background: #dbe9fc; 
    bottom: 0; 
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.mainFooter .topLeft
{
    float: left;
}

.mainFooter .topRight
{
    float: right;
}

.footerUpper
{
    height: 11px;                   /*change footer pad*/
    overflow: hidden;
    padding-left: 6px;
    padding-right: 5px;
}

.footerUpper .topLeft
{
    background-image: url(Images/corner.gif);
    background-position: -173px -1px;
    height: 11px;
    width: 11px;
}

.footerUpper .topRight
{
    background-image: url(Images/corner.gif);
    background-position: -185px -1px;
    height: 11px;
    width: 11px;
}

.footerUpper .topMiddle
{
    background-image: url(Images/vertical_repeat_x.gif);
    background-position: 0px -1147px;
    background-repeat: repeat-x;
    display: block;
    height: 11px;
}

/********** end of Main Footer elements **************************/

.navigationBottomFade
{
    background-image: url(Images/vertical_repeat_x.gif);
    background-position: 0px -1311px;
    background-repeat: repeat-x;
    height: 5px;
    overflow: hidden;
}

.navigationBottomBar
{
    background-image: url(Images/vertical_repeat_x.gif);
    background-position: 0px -1159px;
    background-repeat: repeat-x;
    clear: both;
    height: 14px;
    margin-top: -1px;    
}

/************ end Navigation ************/