* {margin: 0; padding: 0}
body {background: #000 url(gfx/bg.png) repeat-x; text-align: center; font: 12px/1.5 Verdana; color: #fff}
hr {margin: 10px 0; border: 1px solid #32487F}

/* NAV */
#logo {position: relative; width: 800px; height: 67px; margin: 20px auto; text-align: left}
#logo img {border: 0}
#nav {position: relative; width: 800px; height: 29px; margin: 0 auto; text-align: left}
#nav .p a.p1, a.p2, a.p3, a.p4, a.p5, a.p6, a.p7 {display: block; float: left; width: 87px; height: 29px; margin-right: 5px}
#nav .p a.p1 {background: url(gfx/p/p1.gif) no-repeat}
#nav .p a.p1:hover {background: url(gfx/p/p1h.gif) no-repeat}
#nav .p a.p2 {background: url(gfx/p/p2.gif) no-repeat}
#nav .p a.p2:hover {background: url(gfx/p/p2h.gif) no-repeat}
#nav .p a.p3 {background: url(gfx/p/p3.gif) no-repeat}
#nav .p a.p3:hover {background: url(gfx/p/p3h.gif) no-repeat}
#nav .p a.p4 {background: url(gfx/p/p4.gif) no-repeat}
#nav .p a.p4:hover {background: url(gfx/p/p4h.gif) no-repeat}
#nav .p a.p5 {background: url(gfx/p/p5.gif) no-repeat}
#nav .p a.p5:hover {background: url(gfx/p/p5h.gif) no-repeat}
#nav .p a.p6 {background: url(gfx/p/p6.gif) no-repeat}
#nav .p a.p6:hover {background: url(gfx/p/p6h.gif) no-repeat}
#nav .p a.p7 {background: url(gfx/p/p7.gif) no-repeat}
#nav .p a.p7:hover {background: url(gfx/p/p7h.gif) no-repeat}

/* TOP */
#top {position: relative; width: 100%; height: 160px}
#top .top_content {position: relative; width: 800px; height: 160px; margin: 0 auto; background: #F1F3F0 url(gfx/bg_top.gif) no-repeat right}

/* NEWS */
#news {position: relative; width: 800px; height: 100px; margin: 0 auto; background: #fff; text-align: right}
#news img {margin-right: 25px}

/* CONTENT */
#content {position: relative; width: 760px; margin: 0 auto; background: #294177; padding: 20px; text-align: left; border-top: 5px solid #32487F; overflow: hidden}
#content h1 {font: bold 25px "Trebuchet MS"; color: #D57D2A; border-left: 20px solid #D57D2A; padding-left: 5px; margin: 15px}
#content h2 {font: bold 20px "Trebuchet MS"; color: #D57D2A; margin: 10px; border-bottom: 1px solid #D57D2A; padding-bottom: 3px}
#content h3 {font: bold 15px Verdana; color: #D57D2A; margin: 10px}
#content p, li {font: 12px/1.5 Verdana; color: #fff; margin: 5px}
#content p.w {font: bold 16px/1.5 "Trebuchet MS"; color: #D57D2A; margin: 10px; text-align: center}
#content p.r {font: bold 16px/1.5 "Trebuchet MS"; background: #D57D2A; color: #fff; margin: 10px; padding: 10px; text-align: center}
#content a {font-weight: bold; color: #D57D2A}
#content a:hover {text-decoration: none}
#content ul {margin: 10px 20px}
#content .z {margin: 15px 30px; border: 1px solid #32487F; border-top-width: 5px; padding: 5px; width: 600px; background: #CDD3DF}
#content .z p {font: 11px/1.5 Verdana; color: #444}
#content .z p.t a {font: bold 15px Verdana; color: #D57D2A; margin: 10px}
#content .f {float: right; margin-left: 20px; width: 200px; padding: 10px; overflow: hidden}
#content .f p {margin: 0; margin-bottom: 5px}
#content .f p img {margin: 0; border: 1px solid #fff}

/* FOOT */
#foot {position: relative; width: 780px; margin: 0 auto; background: #32487F; padding: 10px}
#foot p {font: 12px/1.5 Verdana; color: #fff}
#foot a {font-weight: bold; color: #fff}
#foot a:hover {text-decoration: none}

/* PHOTO */
#photo {position: absolute; bottom: 0; left: 0; width: 215px; height: 260px}
#photo img {margin: 0}

/* FORM */
#form {width: 750px; margin: 10px auto; text-align: center}
#form div {margin: 10px auto; font: bold 11px/1.5 Verdana; color: #32487F; width: 500px; padding: 3px; background: #fff url(gfx/bg_input.jpg) repeat-x; border: 1px solid #32487F; border-bottom-width: 0}
#form input {width: 400px; border: 1px solid #32487F; padding: 2px; margin: 3px; font: 11px Verdana}
#form textarea {width: 400px; height: 250px; border: 1px solid #32487F; padding: 2px; margin: 3px; font: 11px Verdana}
#form .ch {width: 30px; border: 0; padding: 2px; margin: 5px; font-size: 10px}
#form .submit {width: 250px; background: #32487F; font: bold 12px Verdana; color: #fff}