/* Common styles */
html, body, div, p, ul, ol, li, a, form,  img, table, td, h1, h2, h3, h4, h5 {margin:0px auto; padding:0px;}
body {color:#3a3a3a; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; min-width: 1000px;}
img {border:none;}
img.float, div.float {float:left;}
.clear {clear:both; font-size:0px; height:0px; line-height:1px;}

/* Header styles */
#header-wrap {overflow:hidden;}
#header-wrap {background-color:black; height:181px; position:relative; width:100%; z-index:0;}
#header {background:url('i/header.jpg') no-repeat; height:100%; position:relative; width:980px;}
#header #hl, #header #hr {height:181px; min-width:0px; position:absolute; top:0px; z-index:1;}
#header #hl {background:url('i/header-left.jpg') no-repeat right; left:-136px; width:136px;}
#header #hr {background:url('i/header-right.jpg') no-repeat left; right:-137px; width:137px;}
#header #auth {color:#d7d7d7; font-size:12px; left:660px; position:absolute; top:4px; width:330px; z-index:10;}
#header #login fieldset {border:none; padding:0px;}
#header #login input[type=text], #header #login input[type=password]
{
	background:#000;
	border:1px solid #3d3d3d;
	color:#d7d7d7;
	font-size:10px;
	height:19px;
	line-height:18px;
	padding:2px;
	width:132px;
}
#header #login #login-submit {position:absolute; top:9px;}
#header a.register, #header a.lost {float:left; padding: 1px 0 0 3px; width:140px;}
#header a.register {color:#F00; text-decoration:none; text-transform:uppercase;}
#header a.register:hover {text-decoration:underline;}
#header a.lost {color:#A4A4A4; font-size:10px;}

/* Menu styles */
#menu-wrap {background:url('i/nav-bg-top.png') repeat-x; height:56px; overflow:hidden; position:relative; width:100%;}
#top-menu {position:relative; width:980px;}
#top-menu .navL, #top-menu .navR {position:absolute; min-width:0; overflow:hidden; top:0;}
#top-menu .navL {left:-136px;}
#top-menu .navR {right:-137px;}
#top-menu a {border:none; display:block; float:left; height:56px; margin:0; padding:0;}
a#nav-home {background:url('i/nav-home.jpg') no-repeat; width:130px;}
a#nav-home:hover, a#nav-home.active {background:url('i/nav-home-on.jpg') no-repeat;}
a#nav-sites {background:url('i/nav-sites.jpg') no-repeat; width:125px;}
a#nav-sites:hover, a#nav-sites.active {background:url('i/nav-sites-on.jpg') no-repeat;}
a#nav-programs {background:url('i/nav-programs.jpg') no-repeat; width:165px;}
a#nav-programs:hover, a#nav-programs.active {background:url('i/nav-programs-on.jpg') no-repeat;}
a#nav-tools {background:url('i/nav-tools.jpg') no-repeat; width:133px;}
a#nav-tools:hover, a#nav-tools.active {background:url('i/nav-tools-on.jpg') no-repeat;}
a#nav-terms {background:url('i/nav-terms.jpg') no-repeat; width:134px;}
a#nav-terms:hover, a#nav-terms.active {background:url('i/nav-terms-on.jpg') no-repeat;}
a#nav-support {background:url('i/nav-support.jpg') no-repeat; width:152px;}
a#nav-support:hover, a#nav-support.active { background:url('i/nav-support-on.jpg') no-repeat;}
a#nav-signup {background:url('i/nav-signup.jpg') no-repeat; width:141px;}
a#nav-signup:hover, a#nav-signup.active { background:url('i/nav-signup-on.jpg') no-repeat;}

/* Body styles */
#body-wrap {background:url('i/body-wrap-bg.gif') repeat-x; margin-bottom:-5px; overflow:hidden; position:relative; width:100%;}
#body {padding-bottom:155px; position:relative; width:980px;}
#body img {display:block;}
#body p {color:#2c2c2c; font-size:12px; margin:10px;}
#body h1 {color:#0181e3; font-size:14px; margin:10px;}
#body .b {color:#b80000;}
#body .bb {color:#510002;}
.ptitle {margin-bottom: 12px;}
#body-left-bg, #body-left-top, #body-foot-left, #body-right-bg, #body-right-top, #body-foot-right {min-width:0px; position:absolute; width:174px;}
#body-left-bg {background:url('i/t-body-left-bg.jpg') repeat-y right top; left:-174px; top:107px;}
#body-left-top {background:url('i/t-body-lefttop.jpg') no-repeat center right; height:107px; left:-174px; top:0px;}
#body-foot-left {background:url('i/body-foot-L.jpg') no-repeat center right; bottom:0px; height:160px; left:-174px;}
#body-right-bg {background:url('i/t-body-right-bg.jpg') repeat-y left top; right:-174px; top:0px;}
#body-right-top {background:url('i/t-body-righttop.jpg') no-repeat center left; height:107px; right:-174px; top:0px;}
#body-foot-right {background:url('i/body-foot-R.jpg') no-repeat center left; bottom:0px; height:160px; position:absolute; right:-174px;}
#body-foot-bg {background:url('i/body-foot-bg.jpg') no-repeat; bottom:0; height:155px; left:0; position:absolute; width:980px; z-index:1;}

/* Form styles */
#body .form fieldset {border:none; margin:0 auto; padding:0 0 2px 0;}
#body .form label {display:block; float:left; height:25px; padding-top:5px; text-align:right; vertical-align:middle;}
#body .form fieldset div {background:url('i/input-text.png') no-repeat; float:left; height:25px; padding:5px 0 0 7px; width:154px;}
#body .form input[type=text], #body .form input[type=password] {background:none; border:none; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; height:12px; width:141px;}			
#body .form select {font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#body .form h3 {color:#f18800; font-size:13px; font-weight:normal;}
#body .form .error {color:red; font-size:14px; font-weight:normal;}

/* Footer styles */
#footer-wrap {background-color:black; height:235px; position:relative; width:100%;}
#footer {background:url('i/footer.jpg') no-repeat; height:100%; position:relative; width:980px;}
#fl, #fr {bottom:0; height:235px; min-width:0; position:absolute;}
#fl {background:url('i/footer-left.jpg') no-repeat right; left:-136px; width:136px;}
#fr {background:url('i/footer-right.jpg') no-repeat left; right:-137px; width:137px;}
#footer-menu {color:#c0c0c0; font-size:11px; left:355px; letter-spacing:2px; position:absolute; text-transform:uppercase; top:44px;}
#footer-menu a {color:#c0c0c0; text-decoration:none;}
#footer-menu a:hover {color:#fff;}
#copyright {color:#a4a4a4; left:530px; position:absolute; text-align:center; top:85px;}

/* Signup form */
#signup-form H3 { color:#f18800; font-weight:normal; font-size:12px;}
#signup-form FIELDSET { border:none; margin:0 auto;  padding:0px; padding-bottom:2px;}
#signup-form label { float:left; width:150px; height:25px; vertical-align:middle; padding-top:5px; display:block; text-align:right}
#signup-form FIELDSET DIV { float:left; width:154px; height:25px; padding-left:7px; padding-top:5px; background:url(i/input-text.png) no-repeat;}
#signup-form INPUT[type=text], #signup-form INPUT[type=password] { border:none; background:none; width:141px; height:12px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:10px;}
#signup-form SELECT {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:10px;}
#signup-form .red {color:red;}
#signup-form .f50 { width:350px; float:left; padding-left:100px;}
#signup-form .f50 A {color:red}
#signup-form .error {color:red; font-weight:bold;}