/* CSS Document */
body
{
    padding: 0px;
    margin: 0px;
    background: url(../images/mainbg.gif) 0 0 repeat-x #ffffff;
    color: #666;
    font: 14px/18px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
div, p, ul, h2, img
{
    padding: 0px;
    margin: 0px;
}
ul
{
    list-style-type: none;
}
a
{
    background: #fff;
    color: #000;
    text-decoration: none;
}
a:hover
{
    background: #fff;
    color: #666;
    text-decoration: underline;
}

/*----TOP PANEL----*/
#Header
{
    width: 778px;
  /*  height: 87px;*/
    height: 100px;
    position: relative;
    margin: 0 auto;
}
#Header #Logo
{
    width: 229px;
    height: 52px;
    background: #fff;
    color: #666;
    position: absolute;
    top: 35px;
    left: 0px;
    padding: 0 0 0 35px;
}
#Header #Logo img
{
    width: 201px;
    height: 52px;
}


#Header ul
{
    width: 468px;
    height: 32px;
    position: absolute;
    top: 43px;
    right: 45px;
}
#Header ul li
{
    width: 78px;
    height: 32px;
    float: left;
}
#Header ul li a
{
    width: 76px;
    height: 32px;
    display: block;
    background: url(../images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
    color: #666;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    margin: 0 2px 0 0;
}
#Header ul li a:hover
{
    background: url(../images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4;
    color: #fff;
    text-decoration: none;
}

#Header ul li.home
{
    background: url(../images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#BodyContent
{
    width: 689px;
    position: relative;
    margin: 0 auto;
}
#BodyContent h1 { padding:15px 0px}
#BodyContent p.toptextpadding
{
    padding: 25px 0 0;
}
#BodyContent p span
{
    background: #fff;
    color: #D20039;
}
#BodyContent p.more
{
    width: 81px;
    height: 22px;
    display: block;
    margin: 0 0 0 606px;
    background: url(../images/more-bg.gif) 0 0 no-repeat;
}
#BodyContent p.more a
{
    width: 70px;
    height: 22px;
    display: block;
    background: url(../images/arrow1.gif) 1% 60% no-repeat;
    line-height: 22px;
    text-decoration: none;
    padding: 0 0 0 11px;
}
#BodyContent p.more a:hover
{
    background: url(../images/arrow2.gif) 1% 60% no-repeat;
    text-decoration: none;
}

/*----Footer Panel----*/
#Footer
{
    width: 689px;
    position: relative;
    margin: 0 auto;
    font: 12px/15px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 15px 0 0;
    background: url(../images/footerbg.gif) 0 0 repeat-x #F4F4F4;
    color: #212121;
    position: relative;
    margin: 0 auto;
    height: 133px;
    clear: both;
}

#Footer ul
{
    width: 450px;
    height: 20px;
    position: relative;
    margin: 0 auto;
}
#Footer li
{
    float: left;
}
#Footer ul li a
{
    padding: 0 10px 0;
    color: #212121;
    background: #F4F4F4;
    text-decoration: none;
}
#Footer ul li a:hover
{
    text-decoration: underline;
}

#Footer p.copyright
{
    width: 250px;
    background: #F4F4F4;
    color: #212121;
    position: relative;
    margin: 0 auto;
}

#Footerhtml
{
    width: 64px;
    height: 19px;
    display: block;
    position: absolute;
    top: 73px;
    left: 270px;
}
#Footerhtml a
{
    width: 59px;
    height: 18px;
    background: #fff;
    color: #6A6A6A;
    border: 1px solid #B6B6B6;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 19px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
#Footerhtml a:hover
{
    background: #D2D0D0;
    color: #353427;
    text-decoration: none;
}

#Footercss
{
    width: 64px;
    height: 19px;
    display: block;
    position: absolute;
    top: 73px;
    left: 336px;
}
#Footercss a
{
    width: 49px;
    height: 18px;
    background: #fff;
    border: 1px solid #B6B6B6;
    color: #6A6A6A;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#Footercss a:hover
{
    background: #D2D0D0;
    color: #353427;
    text-decoration: none;
}