@CHARSET "ISO-8859-1";
* { margin: 0px; padding: 0px; }
html { background-color: #9d1539; }
body { text-align:center; font-size: 62.5%; font-family:Arial; background: #9d1539 url(../images/bodybg.jpg) repeat-x center 0; width: 100%; display: table; }
h1, h2, p { font-size: 1.4em; }

p { margin:0px 0px; }
ul { list-style-type: none; }
a { color: #004595}
#wrap { text-align:left; width: 990px; position: relative; margin-right: auto; margin-left: auto; }
#main { color: #89094e; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; }
#footer { font-size: 1.1em; line-height: 2.8em; background-repeat: no-repeat; width: 990px; height: 31px; clear: both; }
#footer #copyright { color: white; float: right; margin-right: 38px; display:inline;}
#footer #copyright a { color: white; text-decoration: underline; }
#footer #copyright a:hover { color: white; text-decoration: none; }
#col2 { float:right; font-size:1.1em; background-image: url(../images/board.jpg); background-repeat: no-repeat; background-attachment: scroll; width:504px; height: 629px; padding-top: 40px; }
#col2 h2 { font-size: 1.1em; text-align: center; color: white; font-family:Arial;}
#col2 h1 { font-size: 1.4em; color: #5fff67; font-weight: normal; padding: 40px 0 30px;}
#col1 { color: #89094e; font-size: 0.9em; background-repeat: no-repeat; background-attachment: scroll; width: 486px; height: 629px; float: left; }
.guy { background-image: url(../images/guy.jpg); }
.girl { background-image: url(../images/girl.jpg); }
.start { background-image: url(../images/start.jpg); background-repeat: no-repeat; background-attachment: scroll; }
.end { background-image: url(../images/end.jpg); background-repeat: no-repeat; background-attachment: scroll; }
#col1 p {margin:10px 20px;}
#col1 strong { color: #077c14; }
.clear { line-height: 1px; height: 1px; clear: both; }
.button input { color: white; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 36px; background-image: url(../images/sendbutton.gif); background-repeat: no-repeat; text-align: center; width: 79px; height: 32px; border-width: 0; cursor: pointer; display: block; }
.field input { color: black; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding: 4px; border: solid 1px #89094e; }
.field { margin-top: 0; padding-bottom: 0; }
.button { margin-top: 15px; }
.other { visibility: hidden; display: none; }
.firstpara {font-size: 1em; padding-top: 10px;}
.divimage {padding: 20px 0px}
.resultp1 { color:#5FFF67; display:inline; float:left; font-family:Arial; padding-left:25px; padding-top:70px; width:140px; }
.resultp2 {clear: both; text-align: left; font-size: 0.8em; color: white; font-family:Arial; padding: 30px 60px 20px 30px;}
.resultp2 strong {color: white; font-weight: normal}
#restartbtn { padding-left:125px; padding-top:45px; }
#restartbtn a { background-image: url(../images/try-again.gif); background-repeat: no-repeat; background-attachment: scroll; width: 223px; height: 46px; border-style: none; border-width: 0; display: block; }
.manhead { background-image: url(../images/guyhead.jpg); background-repeat: no-repeat; background-attachment: scroll; width: 171px; height: 183px; margin-bottom: 0; margin-left: 0; cursor: pointer; display: block; }
.womanhead { background-image: url(../images/girlhead.jpg); background-repeat: no-repeat; background-attachment: scroll; display: block; width: 197px; height: 183px; margin-bottom: 0 !important; margin-left: 0 !important; cursor: pointer; }
.hideradio { position: absolute; left: -2000px; }
