@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;/* visibility:hidden;*/}
/*div.text {visibility: hidden;}*/

#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;}

/*--- Submit button Styles if using an image as the button ---*/
/*.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;}*/

/*--- Submit button Styles if CSS3 button class ---*/
button.notificationFormSubmit{ background:#87cb2f;  background:-moz-linear-gradient(0% 100% 90deg,#4f8807 0%,#5b9f03 50%,#65af05 50%,#6cbf02 100%);  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#6cbf02),color-stop(0.5,#65af05),color-stop(0.5,#5b9f03),color-stop(1,#4f8807));  border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px;  box-shadow:inset 0px 0px 0px 1px rgba(233,115,255,0.4);  -moz-box-shadow:inset 0px 0px 0px 1px rgba(233,255,100,0.4);  -webkit-box-shadow:inset 0px 0px 0px 1px rgba(233,255,100,0.4);  color:#fff;  font-family:"helvetica neue",helvetica,arial,sans-serif;  font-size:15px;  font-weight:bold;  letter-spacing:1px;  line-height:1;  padding:8px 0 10px 0;  text-align:center;  text-shadow:0px -1px 1px rgba(0,0,0,.4);  width:78px;  height:41px;  position:absolute;  right:5px;  top:5px;  display:block;  border:0;  cursor:pointer}

button.notificationFormSubmit:hover{ background:#4f8b00;  background:-moz-linear-gradient(0% 100% 90deg,#459b00 0%,#66bd00 50%,#87c143 50%,#90cf4c 100%);  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#90cf4c),color-stop(0.5,#87c143),color-stop(0.5,#66bd00),color-stop(1,#459b00))}

button.notificationFormSubmit:active{ background:#b30300;  background:-moz-linear-gradient(0% 100% 90deg,#4f8807 0%,#5b9f03 50%,#65af05 50%,#6cbf02 100%);  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#6cbf02),color-stop(0.5,#65af05),color-stop(0.5,#5b9f03),color-stop(1,#4f8807));  box-shadow:inset 0px 0px 0px 1px rgba(233,115,255,0.4);  -moz-box-shadow:inset 0px 0px 0px 1px rgba(233,255,100,0.4);  -webkit-box-shadow:inset 0px 0px 0px 1px rgba(233,255,100,0.4)}

#notificationForm span.ajaxLoadImg {position:absolute; right:35px; top:33px;z-index: 999;}

/*--- footer ---*/
#footer{margin:0px 20px 0px 20px; padding: 5px 0px 10px 0px; font-size: 12px; background:url(../images/footerBG.png) no-repeat 0 0; }
.footerBG {}
div.copyright{padding-left: 2px;padding-right: 0; padding-top: 10px; font-family: "Helvetica",Arial,sans-serif;font-size:11px;text-align: right; background:none; float:right; clear: both;}
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;}
div.notice {float: right; color: #FFF; margin-right: 25px;}

/*--- twitter feed styling ---*/
#twitterUserTimeline {}
.tweets {font-style: normal;width:auto;max-width: 550px;display:inline-block;color: #ffffff;background: none;font-size: 12px;padding: 0;margin-left: 40px;*z-index: 5;*zoom: 1;*padding: 2px 10px;}
	.tweets img {float: left;margin: 0 8px 4px 0;}
	.tweets .text {margin: 0;color: #999;}
	.tweets .text a {color: #81A455;white-space: nowrap;text-decoration: underline;}
	.tweets .text a:hover {color: #4A4A4A;white-space: nowrap;text-decoration: underline;}
	.tweets .time a {font-size: 80%;color:#999;white-space: nowrap;text-decoration: none;}
	.tweets .time a:hover {text-decoration: underline;}
	
/*--- social media buttons styling ---*/	
.socialMediaTW{float:left;position: absolute;bottom: -16px;right: 95px;}
.socialMediaFB{position: absolute;bottom: -14px;right: 10px;}