﻿body 
{
    font-family:Arial,verdana,helvetica;
    font-size:12px;
    margin:20px 0px 0px 0px;
    padding:0px;
    text-align: center;
}

#pageContainer 
{
    width: 878px;   
    text-align: left;
    border: 1px solid #000000;
    margin:0px;
    padding:0px;
}

#topHalf 
{
    height: 350px;
    border-bottom: 1px solid #9D9FA1;
    padding:0px;
    margin:0px;
}

#topLeft 
{
     width:  165px;
     height: 350px;
     float: left;
     margin:0px;
}

#eAwards 
{

    height: 25px;
}

.eAwards 
{
    background: #E4E5E6;
}
.eAwardsHover
{
    background: #D576AF;
}
 


#logoBox 
{
    width:  165px;
    height: 321px;
}
#logo 
{
    margin: 0px 0px 0px 25px;
}


#topRight 
{
    float:left;
    margin:0px;    
}


#pageSloganBarPink, #pageSloganBarBlue, #pageSloganBarGreen, #pageSloganBarBrown, #pageSloganBarOrange, #pageSloganBarBurgandy {
    font-size:32px;
    font-family: Arial;
    text-align:right;
    color:#ffffff;
    width:713px;
    height: 102px;
}

#pageSloganBarPink   {background:#D576AF;}
#pageSloganBarBlue   {background:#5984C3;}
#pageSloganBarGreen  {background:#75C043;}
#pageSloganBarBrown  {background:#7A4338;}
#pageSloganBarOrange {background:#F68E52;}
#pageSloganBarBurgandy {background:#A2224B;}



#topNavigationBar 
{
    background: #E4E5E6;
    width:713px;
    height: 35px;
    padding:4px 0px 2px 0px;
}

#topImageBar 
{
    background:#231F20;
    margin:0px;
}

#topLink 
{
    float:left;
    margin-left:8px;
    text-align:center;
    line-height:12px;
}

.topLinkHoverOffPink {border:1px solid #E4E5E6;}
.topLinkHoverOnPink  {border:1px solid #D576AF;}

.topLinkHoverOffBlue {border:1px solid #E4E5E6;}
.topLinkHoverOnBlue  {border:1px solid #5984C3;}

.topLinkHoverOffGreen {border:1px solid #E4E5E6;}
.topLinkHoverOnGreen  {border:1px solid #75C043;}

.topLinkHoverOffBrown {border:1px solid #E4E5E6;}
.topLinkHoverOnBrown  {border:1px solid #7A4338;}

.topLinkHoverOffOrange {border:1px solid #E4E5E6;}
.topLinkHoverOnOrange  {border:1px solid #F68E52;}


.pad4 
{
    margin:4px 4px 4px 4px;
}
.pad10 
{
    margin:10px 10px 10px 10px;
}

#topLink a:link    {font-size:9px;color:#535253;text-decoration:none;vertical-align:middle;}
#topLink a:active  {font-size:9px;color:#535253;text-decoration:none;vertical-align:middle;}
#topLink a:visited {font-size:9px;color:#535253;text-decoration:none;vertical-align:middle;}
#topLink a:hover   {font-size:9px;color:#535253;text-decoration:none;vertical-align:middle;}


#bottomHalf 
{
    height: 360px;
    padding:0px;
    margin:0px;
}


#bottomLeft 
{
     width:  165px;
     height: 325px;
     float: left;
     margin: 10px 0px 0px 0px;
     font-size:smaller;
     line-height:24px;
}
#leftLinkInner a:link    {font-size:9px;color:#535253;text-decoration:none;}
#leftLinkInner a:active  {font-size:9px;color:#535253;text-decoration:none;}
#leftLinkInner a:visited {font-size:9px;color:#535253;text-decoration:none;}
#leftLinkInner a:hover   {font-size:9px;color:#535253;text-decoration:none;}

#leftLink 
{   
    margin: 5px 0px 5px 0px
}

#leftLinkInner 
{
    margin: 2px 0px 2px 12px;
}


#contentMain 
{
     float: left;
     margin:0px;
     width:545px;
}

#contentMain a:link    {color:#231F20;font-weight:bold;text-decoration:none;}
#contentMain a:active  {color:#231F20;font-weight:bold;text-decoration:none;}
#contentMain a:visited {color:#231F20;font-weight:bold;text-decoration:none;}
#contentMain a:hover   {color:#231F20;font-weight:bold;text-decoration:underline;}

#contents{ position: relative; top: 0; left: 0; width: 515px; height: auto;}

#scroller 
{
    width:515px;
    height:300px;
    overflow:hidden;
}

#scroll_box 
{
    height: 200px;
    width: 100px;
    overflow: auto;
}
#scroll_up 
{
    position:relative;
    top:140px;
    left:-6px;
    cursor: pointer;
    z-index:3;
}
#scroll_down {
    position:relative;
    top:154px;
    left:-20px;
    cursor: pointer;
    z-index:3;
}


#bottomRight
{
     border-left: 1px solid #000000;
     width:  166px;
     height: 325px;
     float: left;
     margin: 0px;
     font-size:10px;
}
#bottomRightHeader 
{
    height:22;
    background:#E4E5E6; 
    color:#535253;
    position:relative;
    top:-23px;
    font-size:14px;
}


#footer 
{
    background: #E4E5E6;
    height:17px;
    padding:4px;
    text-align:right;
}

#footer a:link    {font-size:9px;color:#000000;text-decoration:none;}
#footer a:active  {font-size:9px;color:#000000;text-decoration:none;}
#footer a:visited {font-size:9px;color:#000000;text-decoration:none;}
#footer a:hover   {font-size:9px;color:#000000;text-decoration:underline;}

ul 
{
    list-style-type: square;
    line-height:20px;
}
ul.pink {list-style-image: url('../img/liPink.gif'); }
ul.blue {list-style-image: url('../img/liBlue.gif'); }
ul.green {list-style-image: url('../img/liGreen.gif'); }
ul.brown {list-style-image: url('../img/liBrown.gif'); }
ul.orange {list-style-image: url('../img/liOrange.gif'); }
ul.burgandy {list-style-image: url('../img/liBurgandy.gif'); }


