/* CSS Document */
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Arial, Helvetica, sans-serif; color:#154d6a; background-color:#EDEDED} 
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { font-size: 14px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
span.error { color: #FF0000; font-weight: bold; font-size:1.2em }
table{margin-bottom:50px}
th,td { text-align: left; vertical-align: top; padding: 2px; }
th { background-color: #D70400; font-size:1.2em; color:#FFFFFF }
td{font-size:1.2em; background-color:#e1f2fb}
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto; background-color:#FFFFFF } 
#wrapper{width:940px; margin:0 auto; height:auto !important; height:600px; min-height:600px;}
p{font-size:1.2em; margin-bottom:1.2em}
sup{color:#FF0000}
span.indent{margin-left:150px}
.clr{clear:left}
h1{margin-bottom:15px; font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.3em}

#bread{margin:-15px 0 10px 0}

/*---------------NAV---------------*/
ul#nav{width:520px;  height:31px; line-height:31px; float:right; margin:99px 0px 0 0; display:inline}
ul#nav li{float:left; font-weight:bold; font-size:1.2em; background:url(images/nav-tab-right.gif) no-repeat top right; margin-left:2px; display:inline}
ul#nav li a{background:url(images/nav-tab-left.gif) no-repeat top left; display:block; padding:0 7px; line-height:2.5em; color:#FFF}
ul#nav li a:hover{color:#FFFF00}
ul#nav li a, #footer a{text-decoration:none}


#logo{float:left; width:208px; height:83px; display:inline; background-image:url(images/logo.gif); font-size:2.5em; margin:24px 0 0 10px; text-indent:-3000px}
#logo a{height:83px; width:100%; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none}

#header{position:relative; height:130px; width:940px; display:block; background:#d70400 url(images/header-bg.gif) no-repeat bottom left; margin:0 auto 10px auto}

#maincol{ float:left; display:inline; position: relative; width:940px}

/*---------------INDEX---------------*/
#index-left{width:408px; float:left}
#index-mid{width:188px;  float:left; margin-left:20px; display:inline}
#index-right{width:315px;  float:right;}
#index-right img{margin:0 0 9px 70px; display:inline}

#banner-yellow{width:940px; height:155px; background-image:url(images/flash-glow.gif); margin:0px auto 10px auto}
#banner-yellow h1{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing:0; width:100%; text-align:center; font-size:3.0em; color:#D70400}

#banner-yellow-reg{width:186px; height:65px; float:right; display:inline; margin:10px 3px 0 0}


table#profile{width:800px; border:6px solid #D70400}
table#profile tr td{width:250px; padding:3px; border-bottom:1px solid #fff; background-color:#ffdcdb}
table#profile tr td.name{width:150px; text-align:right; font-weight:bold}
table#profile tr td input, table#profile tr td textarea{padding:3px}

form{width:400px; border:6px solid #D70400}
form input.field, form select, form textarea{font-family: Arial, Helvetica, sans-serif; font-size:inherit; letter-spacing:0em; color:#154D6A; border:1px solid #7f9db9; padding:3px}
form p{width:auto; padding:3px; margin:0; background-color:#ffdcdb; border-bottom:1px solid #fff}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; width:150px; line-height:1.8em; font-size:1em}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:none}
span.indent{margin-left:153px}
form#links{width:230px}
form#forgotten{width:330px}
form#forgotten p label{width:105px}
form#forgotten  p span.indent{margin-left:110px}

form#login{width:300px; float:left}
form#login p label{width:80px}
form#login p span.indent{margin-left:80px}

form#profile{border:0}

#reg{margin:10px; width:300px; float:left}

#balance{float:right; margin-top:-40px}

/*---------------FOOTER---------------*/
#footer{width:940px; height:50px; margin:50px auto 0 auto; line-height:26px; clear:both; text-align:center; font-size:1.1em; color:#FFF; background-image:url(images/footer-bg.gif)}
body#how #footer p, body#terms #footer p, body#privacy #footer p, body#about #footer p, body#friends #footer p{font-size:1.0em; width:960px}
#footer a{color:#FFF}
p.footer{width:960px}
#footer p { font-size:1.0em; }