@charset "utf-8";
/* CSS Document */

/*--- General Body Content and Layout Styling ---*/
* {margin:0;padding:0;border:0;outline:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif; background: #141414 url(../images/bodyBG.gif);}
a:link, a:visited{text-decoration: none; font-weight:bold; color:#666;}
a:hover{text-decoration:none;color: #333;}

.aligncenter{}
.alignleft{float:left;}
.alignright{float:right;}
.clear {clear:both;}

p{padding: 5px 0 0 0;}

h1{font-size: 26px;font-weight:bold;}


/*--- MAIN CONTENT ---*/
/*--- Main Site Wrapper ---*/
#wrapper{position:absolute;top: 50%;left: 50%;width:890px;height:550px;margin-top: -275px; /*set to a negative number 1/2 of your height*/margin-left: -445px; /*set to a negative number 1/2 of your width*/background: url(../images/mainBG.png) top center;}

/*--- Site Logo and header ---*/
#logo{margin:21px 21px 0px 21px; height: 90px; position:relative; background: #FFF url(../images/headerBG.gif) repeat-x;}
#logo h1 {font-size:22px;font-weight:normal; padding:0px; text-align:center;}

/*--- Main Content Container ---*/
#container{margin:0px 21px 0px 21px;}
#containerBG { height: 255px;}
#containerBG h1{ font-weight: 700; color:#FFF; text-transform: uppercase; font-size:38px; padding: 25px 0px 10px 0px; text-align:center; margin: 5px auto;}

#containerBG h2{ font-weight: 700; color:#FFF; font-size:28px; padding: 0px 0px 0px 0px; text-align:center; margin: 2px auto;}
#containerBG p{ font-weight: lighter; color:#FFF; font-size:20px; padding: 0px 0px 0px 0px; text-align:center; margin: 5px auto; width: 570px; line-height: 26px; letter-spacing:normal;}

#containerBG ul{padding: 0px 0px 5px 0px; text-align:center;}
#containerBG ul li{list-style: none;}

/*--- progress bar styling ---*/
#progressBarBG{padding: 15px 0px 0px 14px;margin:0 auto;width: 579px;height: 44px;background:url(../images/progressBarBG.png) no-repeat;}
.progressbar {border:1px solid #101010;width: 547px;height: 23px;text-align: center;font-size: 18px;}

span.text {font-size: 18px; text-shadow:1px 1px 1px #333333}

#signUp{}
#signUp img {margin:0 auto; display:block;}
#notification {background: #141414;  padding-top: 25px;}

#formMessage { background: #141414; height: 25px;}
#formMessage .userMessage {height: 25px;color: #ffffff;text-align:center; margin: 2px auto; padding: 2px; font-size:15px; background: none;}

/*--- e-mail input form styling ---*/
#notificationForm {background:url(../images/emailBG.png) no-repeat;width:562px;height:51px;position:relative;display:block;margin:0 auto;}
#notificationForm .email {font-family: "Helvetica",Arial,sans-serif;font-size:18px;padding:8px;line-height:18px;overflow:hidden;width:460px;color:#999;background:none;border:0;position:absolute;left:5px;top:7px;}
.notificationFormSubmit {background: url(../images/submitBTN.png) no-repeat 0 0; width:78px;height:41px;position:absolute;right:5px;top:6px;display:block;border:0;}
.notificationFormSubmit:hover { background:url(../images/submitBTN.png) no-repeat 0 -41px; cursor:pointer;}
.notificationFormSubmit:active { background:url(../images/submitBTN.png) no-repeat 0 -82px; cursor:pointer;}
#notificationForm span.ajaxLoadImg {position:absolute; right:35px; top:33px;z-index: 999;}

/*--- Footer ---*/
#footer{margin:0px 21px 0px 21px; padding: 5px 0px 10px 0px; background: none; font-size: 12px;}
div.copyright{padding-left: 2px;padding-right: 5px; padding-top: 10px;font-family: "Helvetica",Arial,sans-serif;font-size:11px;text-align: right; background:none; }
div.copyright, div.copyright a {color:#FFF; background: none;}
div.copyright a:link, div.copyright a:visited{text-decoration:underline; font-weight: normal; background:none;}