@charset "utf-8";
/* CSS Document */

body {background-color: #000; margin: 0; padding: 0; font-family: arial; color: #FFF; background-image:url(../images/bg.jpg);}

#header {overflow: hidden; margin: 0 auto 0 auto; padding: 0; border-left: 5px solid #8BB01A; border-right: 5px solid #8BB01A; width: 1030px;}
#content {background-color: #FFF; margin: 0 auto 0 auto; padding: 5px 0 10px 0; border-left: 5px solid #8BB01A; border-right: 5px solid #8BB01A; overflow: hidden;width: 1030px;}
#content h2 { text-transform: uppercase; padding: 0 10px 0 10px; margin: 10px 0 10px 0; text-align: center; font-size: 30px;} 
#content h2 a {color: #E94700;}
#content ul {list-style-type: none; margin: 0; padding: 0 0 0 5px; overflow: hidden;}
#content ul li {float: left; overflow: hidden; margin: 0 5px 5px 0;}
#content ul a {display: block; border: 5px solid #FBF5DD; position: relative; text-decoration: none;}
#content ul a img {z-index: 1} 
#content ul a h3, #content ul a h4 {z-index: 10; float: left; position: absolute; background-color: #000; text-transform: uppercase; margin:0;}
#content ul a h4 {top:10px; left: 10px; padding: 2px 6px 2px 6px; color: #0077CD; font-size: 20px;}
#content ul a h3 {top:44px; left: 10px; padding: 0px 6px 0px 6px; color: #FFF; font-size: 50px;}
#content ul a p {z-index: 10; position: absolute; left: 10px; bottom: 10px; background-image:url(../images/trans-black.png); margin:0; padding: 10px;width: 709px; color: #FFF; font-size: 16px;}
#content ul a p span {text-transform: uppercase; font-weight: bold;}

.footer { font-size: 12px; color:#000000; margin-left:auto; margin-right:auto; }