*
{
    margin: 0;
    padding: 0;
}

.bottom
{
    clear: both;
}

body
{
    margin: 0;
    padding: 0;
    background: #CCC;
    color: #000;
    font-size: 80%;
    font-family: "arial";
}

img
{
    border: 0;
}

#topCont
{
    width: 100%;
    height: 250px;
    color: #CCC;
}

#top
{
    margin: 0 auto;
    width: 900px;
    height: 50px;
    background: #000;
    font-weight: bold;
}

#topleft
{
    float: left;
    width: 225px;
    height: 32px;
    font-size: 85%;
    padding: 18px 0 0 25px;
    color: #666;
}

#topleft a
{
    color: #FC0;
    text-decoration: none;
}

#topleft a:hover
{
    color: #FFF;
    text-decoration: none;
}

#topright
{
    float: left;
    width: 625px;
    height: 34px;
    padding: 16px 25px 0 0;
    text-align: right;
    font-size: 120%;
    color: #999;
}

#header
{
    margin: 0 auto;
    width: 900px;
    height: 200px;
    background: #000;
}

#headerleft
{
    float: left;
    width: 300px;
    height: 200px;
    background: #333;
}

#headerright
{
    float: left;
    width: 600px;
    height: 200px;
    background: #333399;
}

#headerright h1
{
    margin: 0;
    padding: 65px 30px 0 0;
    font-weight: normal;
    font-size: 300%;
    letter-spacing: -2px;
    color: #FFF;
    text-align: right;
}

#headerright h2
{
    margin: -10px 0 0 0;
    padding: 0 30px 0 0;
    font-weight: normal;
    font-size: 200%;
    letter-spacing: -1px;
    color: #66CCFF;
    text-align: right;
}

#mainCont
{
    width: 100%;
}

#main
{
    margin: 0 auto;
    width: 900px;
    background: #FFF url('../images/background-main.png') repeat-y;
    
}

#mainmenu
{
    float: left;
    width: 299px;
    padding: 15px 0 0 0;
    font-size: 85%;
    font-weight: bold;
    background: #F1F1F1;
}

#mainmenu ul
{
    list-style-type: none;
    margin: 0 0 30px 0;
}

#mainmenu a
{
    display: block;
    padding: 7px 0 7px 20px;
    width: 279px;
    text-decoration: none;
    color: #333;
}

#mainmenu a.active
{
    background: #CCC;
    color: #FFF;
}

#mainmenu a:hover
{
    background: #333399;
    color: #FFF;
}

#mainmenu p
{
    margin: 0 20px 15px 20px;
    color: #555;
    line-height: 160%;
    font-size: 110%;
}

#mainmenu p span
{
    color: #222;
    font-size: 125%;
}

#maincontent
{
    float: left;
    width: 550px;
    padding: 15px 25px 0 25px;
    line-height: 160%;
}

#maincontent p
{
    margin: 0 0 15px 0;
    padding: 0;
}

#maincontent h1
{
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: normal;
    font-size: 170%;
    color: #666;
}

#maincontent img
{
    float: right;
    margin: 0 0 15px 15px;
    padding: 5px;
    border: 1px solid #CCC;
}

#maincontent ul
{
    margin: 0 0 15px 30px;
    list-style-type: square;
    color: #000066;
}

#maincontent blockquote
{
    margin: 0 0 15px 20px;
    padding: 0 0 0 15px;
    border-left: 3px solid #FC0;
}

#maincontent ul li span
{
    color: #000099;
}

#footerCont
{
    width: 100%;
}

#footer
{
    margin: 0 auto;
    width: 900px;
    color: #999;
    font-size: 85%;
    background: #FFF;
    border-top: 1px solid #CCC;
}

#footer a
{
    color: #666;
    text-decoration: none;
}

#footer a:hover
{
    color: #FC0;
}

#footerleft
{
    float: left;
    width: 425px;
    padding: 15px 0 15px 25px;
}

#footerright
{
    float: left;
    width: 425px;
    padding: 15px 25px 15px 0;
    text-align: right;
}