* {
    margin: 0;
    padding: 0;
}

body {
    padding: 30px 0;
    font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #777155;
    background: Black;
}

h1 {
    clear: both;
    padding: 27px 110px 0 0;
    font: 30px Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #E9BE16;
}

h2 {
    padding: 0 110px 0 0;
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #6786FE;
}

h3 {
    padding: 1px 0 0 15px;
    font: bold 18px/40px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #E5EAF2;
    background: url(images/h3.gif) no-repeat top;
}

p {
    padding: 5px 15px 5px 5px;
    font: 14px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #777155;
}

a {
    text-decoration: underline;
    color: #6786FE;
}

a:hover {
    text-decoration: none;
    color: #6786FE;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 826px;
    text-align: left;
    background: #444444;
    border: 2px solid #6A6A6A;
}

#main2 {
    padding: 12px;
}

#logo {
    position: absolute;
    left: 720px;
    top: 80px;
    width: 60px;
    height: 60px;
    background: url(images/logo.gif) no-repeat;
}

#header {
    margin: 0 0 12px 0;
    background: #FEF5CD url(images/header.gif) repeat-x;
}

#header2 {
    height: 154px;
    background: url(images/header2.gif) no-repeat right;
}

#header3 {
    padding: 1px 0 0 0;
    height: 153px;
    background: url(images/image.jpg) no-repeat left;
}

#menu {
    margin: 0 16px 0 246px;
    height: 40px;
    background: #FFCC00;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    float: left;
    display: block;
    padding: 0 20px;
    height: 40px;
    font: bold 14px/40px Arial, Helvetica, sans-serif;
    color: #E9EDF4;
    background: #FFCC00 url(images/menuul.gif) no-repeat left;
}

#menu ul li.firstli {
    background: url(images/menuleft.gif) no-repeat left;
}

#menu ul li.lastli {
    padding-right: 0;
}

#menu ul li a {
    text-decoration: none;
    color: #665200;
}

#menu ul li a:hover, #menu ul li a.active {
    text-decoration: none;
    color: #FEF5CD;
}

#middle {
    background: #FEF5CD url(images/main.gif) repeat-y;
}

#middle2 {
    width: 802px;
    background: url(images/middletop.gif) repeat-x top;
}

#left {
    float: left;
    padding: 65px 0 0 0;
    width: 221px;
    background: #3767B2 url(images/left.jpg) no-repeat top;
}

#left h4 {
    padding: 0 0 0 40px;
    font: bold 16px/30px Arial, Helvetica, sans-serif;
    color: #FEF5CD;
    background: url(images/h4.gif) no-repeat left;
}

#left ul {
    list-style: none;
    padding: 0 5px 10px 50px;
}

#left ul li {
    padding: 0;
    height: 20px;
}

#left ul li a {
    padding: 0;
    font: 11px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #E5EAF2;
}

#left ul li a:hover {
    text-decoration: none;
    color: #FFCC00;
}

#right {
    float: right;
    padding: 0 0 15px 0;
    width: 556px;
}

#right h4 {
    padding: 30px 0 5px 20px;
    font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #777155;
}

#footer {
    clear: both;
}

#bottom {
    margin: 0 15px 15px 250px;
    padding: 10px 0 0 0;
    font: 12px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    border-top: 10px solid #3767B2;
}

#bottom a {
    padding: 0 10px;
}

#copyinfo {
    padding: 0 15px 0 255px;
    height: 41px;
    font: 10px/41px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FEF5CD;
    background: #FFCC00 url(images/footer.gif) no-repeat;
}

#copyinfo a, #copyinfo a:hover {
    color: #FEF5CD;
}