﻿body
{
    padding: 0px;
    margin: 0px;
    background-color: #F8F8F8;
    font: 12px/17px Arial, Helvetica, san-serif, times-roman;
    color: #606060;
}
div, ul, h1, h2, h3, li, p, img, a, 
ul
{
    list-style-type: none;
}

/*----Upper Left Corner -----*/
#UPLZone_Container
{
    /*   border: thin solid #000000; */
    height: 182px;
    vertical-align: top;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    width: 15%;
    left: 20%;
}


#UPLZone
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /* border: thin dashed #FF0000; */
    position: relative;
    width: 99%;
    height: 175px;
    float: left;
    z-index: 9;
}
#UPLZone h2
{
    font: 24px/28px Arial, Helvetica, sans-serif;
    color:#d0d0d0;
    text-align: center;
    vertical-align:middle;
    margin: 75px 0 0 0;
    text-transform: uppercase;
    font-weight: bold;
}

/*----- HeaderZone -----*/
#HeaderZone_Container
{
    /*    border: thin solid #000000; */
    height: 185px;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    width: 45%;
    left: 27%;
}

#HeaderZone
{
    color: #F8F8F8; /*  border-style: solid;     border-width: thin;     border-color: #FF00FF; */
    padding: 0px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    top: -80;
    vertical-align: middle; /* float:left; */
    z-index: 05;
    text-align: center;
}
#HeaderZone img
{
    position: relative;
    height: 182px;
    width: 182px;
}
#HeaderZone_Logo
{
    color: #F8F8F8; /* border-style: solid;     border-width: thin;     border-color: #FF00FF; */
    padding: 0px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 70px;
    top: 50px;
    vertical-align: middle;
    z-index: 10;
    text-align: center;
}
#HeaderZone_Logo h1
{
    padding: 5px;
    margin: 0px;
    background-color: #F8F8F8;
    font: 28px/17px Garamond;
    color: #808080;
    font-weight: bold;
}
#HeaderZone_Logo h2
{
    padding: 10px;
    margin: 0px;
    background-color: #F8F8F8;
    font: 22px/17px Garamond;
    color: #808080;
}


/*---- HeaderMenu ---*/

#HeaderMenu_Container
{
    /* border: thin solid #000000; */
    position: absolute;
    height: 25px;
    width: 60%;
    top: 200px;
    left: 20%;
    background-color: #A0A0A0;
}

#HeaderMenu
{
    /*border: thin groove #000000;*/
    height: 25px;
    text-align: Center;
    margin: 5px;
    z-index: 40;
}
#HeaderMenu a
{
    font: 14px/16px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    word-spacing: 0em;
    vertical-align: middle;
}

/*----Upper Right Corner -----*/
#UPRZone_Container
{
    /* border: thin solid #000000; */
    height: 182px;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    width: 15%;
    right: 20%;
}
#UPRZone
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /*  border: thin dashed #FF0000; */
    position: relative;
    width: 99%;
    height: 175px;
    float: right;
    z-index: 30;
}

/*----Left Side Menu -----*/
#SideMenu_Container
{
    width: 200px;
    top: 250px;
    position: absolute;
    left: 25px; /*  border: thin solid #000000; */
}
#SideMenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11/14px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    line-height: 1.5em; /* border: #00FF00 dashed  thin;  */
    padding: 10px;
    margin: 5px;
    position: relative;
    left: 0px; /* background-color: #C0C0C0; */
    display: block;
    text-decoration: none;
}
#SideMenu h1
{
    font: 24px/28px Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
    color: #FBD61A;
    text-align: center;
}

#SideMenu a
{
    font: 11px/14px Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    text-align: center;
    text-decoration: none;
    border: #000000 solid thin;
    padding: 10px;
}

#SideMenu a:hover
{
    font: 11px/14px Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
    color: #00ff00;
    text-align: center;
    border: #000000 solid thin;
    padding: 10px;
}


/*---- Right Side Info -----*/
#InfoZone_Container
{
    width: 200px;
    top: 250px;
    position: absolute;
    right: 25px; /* border: thin solid #000000; */
}
#InfoZone
{
    font: 11px/16px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    line-height: normal; /*   border-color: #00FF00; */ /*  border-style: dashed; */ /*  border-width: thin; */
    padding: 10px;
    position: relative;
}

/*---- MainZone ----------*/
#MainZone_Container
{
    /*   border: thin solid #000000; */
    width: 60%; /* Height:500px;*/
    position: relative;
    top: 250px;
    left: 20%;
}
#MainZone
{
    font-family: Arial, Helvetica, sans-serif; /* border-color: #00FFFF; */ /* border-width: thin; */ /* border-style: dashed; */
    position: relative;
    width: 100%;
    margin: 0px;
    z-index: 40;
}
#MainZone ul
{
    width: 500px;
    font: 12px/16px Arial, Helvetica, sans-serif;
    text-indent: 25px;
    color: #808080;
}
#MainZone ul li
{
    list-style-type: square;
}

#MainZone h1
{
    font: 28px/32px Arial, Helvetica, sans-serif;
    text-decoration: bold;
    color: #808080;
    line-height: 1.5em;
    text-align: left;
}
#MainZone table.hds2 {width:100%; }
/*---- Footer Zone -----*/


#Footer
{
    position: relative;
    width: 60%;
    top: 315px;
    left: 20%;
    background-color: #A0A0A0;
    z-index: 60;
    height: 143px;
    margin: 0 auto 0 auto; /* background:url(images/footer_bg.gif) repeat-x #979797; */
    float: left;
    color: #FFFFFF;
    font: 11px/14px Arial, Helvetica, sans-serif;
}
#Footer ul
{
    width: 382px;
    margin: 11px auto 0 auto;
    display: block;
    font-size: 0px;
    height: 20px;
}
#Footer ul li
{
    display: block;
    float: left;
    height: 16px;
    font: 13px/16px Arial, Helvetica, sans-serif;
}
#Footer ul li a
{
    margin: 0 10px 0 10px;
    text-decoration: none;
    color: #FCFCFC;
    background-color: #A0A0A0;
}
#Footer ul li a:hover
{
    text-decoration: underline;
}
#Footer ul.ad
{
    width: 500px;
    margin: 12px auto 0 auto;
    display: block;
    height: 50px;
}
#Footer ul.ad li
{
    display: block;
    float: left;
    margin: 0px 0 0 0;
    border-right: #FFFFFF 1px dashed;
    height: 37px;
}
#Footer ul.ad li.li1
{
    display: block;
    float: left;
    margin: 0px 0 0 0;
    border-right: none;
    height: 37px;
}
#Footer ul.ad li a.add
{
    font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
    color: #353535;
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px 0 10px;
    background-color: #A0A0A0;
    display: block;
}
#Footer ul.ad li a.add:hover
{
    text-decoration: none;
}
#Footer ul.ad li a.add span
{
    color: #FFDB5D;
    background-color: #A0A0A0;
    text-transform: uppercase;
}
#Footer p
{
    width: 403px;
    margin: 0 auto 0 auto;
    display: block;
    text-align: center;
}
#Footer p.lk
{
    margin: 0 auto;
    text-align: center;
}
#Footer p.lk a
{
    color: #fff;
    background-color: #A0A0A0;
    text-decoration: underline;
}
#footer p a:hover
{
    color: #000;
    background-color: #C6C6C6;
}
