@charset "utf-8";


/*global default styles*/
html {height: 100%;}
.hide {display: none;}
img {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0;}

/*base default font size, type, and line height*/
body {font: 76%/1.4em Arial, Helvetica, sans-serif; background: #000; color:#333333; height: 100%; padding: 0; margin: 0;}

/*add selectors here for font sizing*/
p {font-size: 1.0em padding: 0; margin: 0;}
h1 {font-size: 5em; text-transform: uppercase;padding: 0.2em 0 0.2em 0; margin: 0; letter-spacing: -0.03em; line-height: 0.8em;}
h2 {font-size: 3em; text-transform: uppercase;padding: 0.5em 0 0 0; margin: 0; line-height: 0.8em;}

/*base links*/
a {outline: none;}
a:link {color: #F6FF01; text-decoration: underline;}
a:visited {color: #F6FF01; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: underline;}
a:active {color: #fff; text-decoration: none;}

/*Global Style*/
div#container {margin: 0 auto; text-align: center; width: 590px;background:#fff; height: 100%; border-left: 5px solid #fff; border-right: 5px solid #fff;}
div#header {background: url(../images/logo_index.jpg) no-repeat; height: 210px; text-indent: -9999px;}

div#intro {border-bottom: 5px solid #fff; padding: 20px 20px;}
div#intro h1 {font-size: 1.5em; text-transform:uppercase;}

div#picture {background: url(images/enter_pic.jpg) no-repeat; height: 328px; border-bottom: 5px solid #fff;}


div#middle {background: #7A0000; padding: 5px 0 10px 0; border-bottom: 5px solid #fff; color: #fff;}
.textarea {width: 480px; height: 90px; border: solid 5px #fff; background: #fff; margin: 10px 0;}
.exit {text-transform:uppercase;}
div#bottom {background: #BB0000; padding: 10px 0; font-size: 1.8em; font-weight: bold; text-transform:uppercase; border-bottom: 5px solid #fff;}
div#bottom a {color: #fff; text-decoration:underline;}
div#bottom a:hover {color: #F6FF01; text-decoration:underline;}

div#footer { padding: 10px 0; margin: 0 auto; width: 590px; text-align: center; border-top: solid 1px #fff; font-size: 0.9em; line-height: 1.2em; background: #fff;}
div#footer a {color: #990000;}
div#footer a:hover {color: #000000;}

ul, li {padding: 0; margin :0; list-style-type: none;}

h4 {font-size: 1.4em; padding: 0; margin: 15px 0;}

/* position list chunks side by side */
div#links {padding: 5px 0 20px 15px;height: 100px;}
div.wrapper{float: left; border-right: solid 1px #CCCCCC;width: 15em;padding: 0;margin: 0;}
div.wrapper-last{float: left; border-right: 0px;width: 15em;padding: 0;margin: 0;}

/* anchor styling */
div#links a{display: block;padding-left: 0.5em; text-decoration: none; color: #990000;}
div#links a:hover{ color: #000; background-color: #FFFF00;}