/* CSS Document */
html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(assets/images/bg.png) #303030; color:#58595B}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif}
a {text-decoration:none; color:#0000CC}
a img{border:0}
h6 {margin:5px 0 1px; font-size:10px}
.hint {font-size:9px}

#container {margin:45px auto 0; width:964px}

#header {height:54px; color:#939598}
#header ul {list-style:none; display:block; margin:0; padding:0}
#header ul li {display:block; margin-left:16px; height:21px; float:left; margin-top:35px; font-weight:bold }
#header ul li.active a {color:#FFFFFF;}
#header ul li.soon a {color:#666666;}
#header ul li img {vertical-align:middle}
#header ul li a {color:#939598; text-transform:uppercase; }
#header ul li a:hover {color:#FFFFFF}


#subtitle, #footer{background:url(assets/images/tabbg.png) #939598; height:17px; color:#58595B; ext-align:center; padding:2px 0}
#sub_hookup {background-color:#CCCCCC; text-transform:lowercase; padding:2px 0;}
#sub_hookup a.active {color:#FFFFFF}
#subtitle{text-transform:lowercase; padding:3px 5px; text-align:left; color:#000}
#subtitle div {display:none;}
#subtitle h4 {display:inline; margin:0; color:#231F20; font-size:12px}
#subtitle a {color:#58595B; padding-left:20px}
#sub_hookup a {color:#58595B; padding-left:14px}
#subtitle a.active {color:#FFFFFF}
#subtitle a:hover, #sub_hookup a:hover {color:#FFFFFF}
#footer {font-size:10px; padding:0 10px}

#content {background-color:#bbbdc0; height:468px}
#content em {font-style:normal; color:#8c8c8c}
#content .front {font-size:16px; padding:5px; line-height:26px; text-align:justify; width:320px}
#content h2 {font-size:12px; text-transform:uppercase; margin:10px 0; padding-top:10px}
#content p {margin-top:0}

#content .login {background:url(assets/images/loginbg.png) no-repeat; height:98px; width:305px; padding:8px; margin:10px 15px;}
#content .login h6 {color:#e4e5e5;}
#content .login input {border:1px solid #58585a; padding:1px; margin:0 0 3px; width:130px;}
#content .login .button { background:none; color:#e4e5e5;  width:60px}

#content .bg1 {background:url(assets/images/bg1.jpg); height:468px;}
#content .bg2 {background:url(assets/images/bg2.jpg); height:468px;}
#content .bg3 {background:url(assets/images/bg3.jpg); height:468px;}
#content .bg4 {background:url(assets/images/bg4.jpg); height:468px;}
#content .text { overflow:auto; height:468px; margin:0 0 0 350px ;  width:614px;}
#content .worldseries {height:375px; border:1px solid #000; width:604px; padding:5px; width:594px}

#content .apply {float:left; margin:5px}

#content .tag1, #content .tag2 {padding:2px 0 25px 5px; display:block; margin:0 5px;}
#content .tag1 {background:url(assets/images/tag1.png) no-repeat left top;}
#content .tag2 {background:url(assets/images/tag2.png) no-repeat left top;}

#regform {padding:5px; overflow:auto; height:458px;}
#regform h5 {font-size:12px; margin:10px 0 0}
#regform var {display:block; float:left; width:320px; font-style:normal; text-align:right; padding-right:5px}
#regform input, #regform textarea, #regform select {opacity:.75; filter:alpha(opacity=75); -moz-opacity:.75; margin:1px; padding:0; border:0; width:200px; }
#regform .error {background-color:#FFFF66}
#regform input {}
#regform input.small {width:20px; opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
#regform input.button {background:#58595B; color:#ffffff; font-weight:bold; padding:2px; opacity:1; filter:alpha(opacity=100); -moz-opacity:1}
#regform textarea {height:60px; }
#regform select {}


.faqs strong {margin:10px 0 5px; display:block}
a.continue {display:block; text-align:right; font-weight:bold; padding-right:5px}