* {
   padding:0;
   margin:0;
}
/* CSS layout */
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#120501 url('images/leftNav.jpg') repeat-y scroll left top;
	overflow:auto;
	color: #CFC0A5;
	font-family: Tahoma, Verdana, Arial;
}

#headerArea1 {
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}

#logoTop {
	width:350px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url('images/logoTop.jpg') no-repeat scroll left top;
}

#header {
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url('images/headerBkgrd.jpg') repeat scroll 350px 0px;
}

#headerArea2 {
	width:100%;
	background:transparent url('images/navBkgrd.jpg') repeat-x scroll left top;
	height:36px;
	position:absolute;
	top:100px;
	left:0;
}

#logoBottom {
	width:350px;
	height:36px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url('images/logoBottom.jpg') no-repeat scroll left top;
}

#navArea {
	width:auto;
	height:36px;
	position:relative;
	top:0;
	left:0;
	/*background:transparent url('images/logoBottom.jpg') no-repeat scroll left top;*/
	/*margin-right:350px;*/
}

/*thanks to wheezy360 of bluesfear.com for this navigation!!!!!*/

ul#nav { 
	list-style-type: none; 
	margin: 0 0 0 0; 
	padding: 0; 
	width: 100%;
}

ul#nav li { 
	float: left; /* float is the key to making the list go horizontal */ 
	margin: 0 10px;
}

ul#nav li a { 
	display: block; 
	height: 36px;
}

li#home a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/home.jpg') 0 0 no-repeat; 
	width: 45px;
	min-width: 45px !important;
	position:absolute;
	top:0;
	left:7%;
}

li#home a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -45px 0; 
}

li#show a { 
	background: transparent url('images/show.jpg') 0 0 no-repeat; 
	width: 92px;
	min-width:92px;
	position:absolute;
	top:0;
	left:18%;
}

li#show a:hover {
  	background-position: -92px 0; 
}

li#soon a { 
	background: transparent url('images/soon.jpg') 0 0 no-repeat; 
	width: 92px;
	min-width: 92px;
	position:absolute;
	top:0;
	left:35%;
}

li#soon a:hover { 
  	background-position: -92px 0; 
}

li#price a { 
	background: transparent url('images/price.jpg') 0 0 no-repeat; 
	width: 76px;
	min-width: 76px;
	position:absolute;
	top:0;
	left:53%;
}

li#price a:hover { 
  	background-position: -76px 0; 
}

li#vip a { 
	background: transparent url('images/vip.jpg') 0 0 no-repeat; 
	width: 72px;
	min-width: 72px;
	position:absolute;
	top:0;
	left:70%;
}

li#vip a:hover { 
  	background-position: -72px 0; 
}

li#contact a { 
	background: transparent url('images/contact.jpg') 0 0 no-repeat; 
	width: 77px;
	min-width: 77px;
	position:absolute;
	top:0;
	left:85%;
}

li#contact a:hover { 
  	background-position: -77px 0; 
}

/*end of wheezy's code. thanks bro!!!*/



#contentArea {
	width:100%;
	height:100px;
	position:absolute;
	top:136px;
	left:0;
}

#leftNav {
	width:140px;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	background:transparent;
	color:#CD282B;
	padding:5px 5px 15px 5px;
	text-align:center;
}

#leftNav p a{
	text-decoration: none;
	color:#FF6140;
}

#leftNav p a:hover{
	text-decoration: underline;
	color:#FFA57D;
}

#content {
	height: auto; /*position:absolute;
	top:0;
	left:150px;*/;
	background: transparent;
	color: #CFC0A5;
	padding: 5px 5px 15px 150px;
}

#timeTable {
	width:90%;
	height:45px;
	border-left:1px gray solid;
	border-top:1px gray solid;
	margin:10px auto;
	font-family:Tahoma, Verdana, Arial;
	text-align:center;
}

#timeTable td {
	border-right:1px gray solid;
	border-bottom:1px gray solid;
	padding:3px 5px;
}

#timeTable2 {
	width:99%;
	margin:10px auto;
	font-family:Tahoma, Verdana, Arial;
	text-align:center;
}

#timeTable3 {
	width:90%;
	height:45px;
	border-left:1px yellow solid;
	border-top:1px yellow solid;
	margin:10px auto;
	font-family:Tahoma, Verdana, Arial;
	text-align:center;
}

#timeTable3 td {
	border-right:1px yellow solid;
	border-bottom:1px yellow solid;
	padding:3px 5px;
}


#t1 {
	width:50%;
}

#t2 {
	height:15px;
	font-size:x-small;
}

#t3 {
	width:50%;
	border:1px gray solid;
}

#tt1 {
	width:40%;
}

#tt2 {
	width:10%;
}

#tt3 {
	width:50%;
}

P {
	color: inherit;
	font-family: Tahoma, Verdana, Arial;
	font-size: small;
	text-align: inherit;
	margin: 5px 10px 15px 10px;
}

a {
	text-decoration: none;
	color:#3F9995;
}

a:hover {
	text-decoration: underline;
	color:#4EBFBA;
}

h1 {
	color: #FF6600;
	font-family: Tahoma, Verdana, Arial;
	font-size: x-large;
	margin: 25px 10px 5px 10px;
}

h1 a {
	text-decoration:none;
	color:#FF6600;
}

h1 a:hover {
	text-decoration: none;
	color: #FF9800;
}

h2 {
	color:silver;
	font-size: large;
	margin:5px 10px;
}

.star {
	color:silver;
	font-family: "Times New Roman", Arial;
	font-size: medium;
}


.star a {
	text-decoration: none;
	color:#3F9995;
}

.star a:hover {
	text-decoration: underline;
	color:#4EBFBA;
}


h3 {
	color: #0066FF;
	font-size: small;
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
	margin: 10px auto 10px auto;
}

h4 {
	color:#FF6600;
	font-family: Tahoma, Verdana, Arial;
	font-size: large;
	margin:auto;
	text-align:center;
}

h4 a {
	text-decoration:none;
	color:#FF6600;
	text-align:center;
}

h4 a:hover {
	text-decoration: none;
	color: #FF9800;
	text-align:center;
}

#poster {
	width:auto;
	height:auto;
	margin:10px;
	float:left;
}

h5 {
	font-family: Tahoma, Verdana, Arial;
	font-size: medium;
	text-align: center;
	margin: 2px;
	color: #0066FF;
}

h6 {
	color: #0066FF;
	font-size: xx-large;
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
	margin: 20px auto;
}

.ad {
	font: italic normal lighter xx-small Arial, Helvetica, sans-serif;
	background: black url('images/1ball.gif') no-repeat top center;
	width: 75px;
	height: 95px;
	position: absolute;
	top:1px;
	right: 1px;
	color: silver;
	text-align: center;
	border: 1px #FFFF00 solid;
	z-index: 101;
}

.redTimesLG {
	color: #FF0000;
	font: x-large Verdana, Arial, sans-serif;
	text-align: center;
}

.redTimesMD {
	color: #FF0000;
	font: 14pt Verdana, Arial, sans-serif;
	text-align: center;
}

.redTimesSM {
	color: #FF0000;
	font: 12pt Verdana, Arial, sans-serif;
	text-align: center;
}

.summerTable {
	padding: 5px;
	color: #FF6600;
	font: large tahoma,verdana,arial;
	text-align: center;
}

.summerDiv {
	margin:auto;
	width:300px;
	height:200px;
	border:1px silver solid;
}

.summerDiv2 {
	float:left;
	width:150px;
}





/* from here down... VIP Club signup page css ....*/

.vipR {
	text-align:left;
	width:50%;
}

.vipL {
	text-align:right;
	width:50%;
}

.required {
	color:red;
}

.error1 {
	color:red;
	font-size:larger;
	font-style:italic;
}

.error2 {
	color:orange;
}

.error3 {
	color:red;
	font-size:x-large;
	font-weight:bolder;
}

.error4 {
	color:orange;
}

.success3 {
	color:lime;
	font-size:x-large;
	font-weight:bolder;
}




#TipBox ul {
	color:red;
	margin-left:-30px;
}


legend {
	color:white;
}





.NewAdArea {
	margin:auto;
	text-align:center;
	border-top:1px silver solid;
	border-bottom:1px silver solid;
}

.NewAdUL {
	margin:auto;
}

.NewAdContainer {
	border: 1px silver solid;
	margin:10px 10px 0 10px;
	list-style-type: none;
	float: left;
	padding:0;
	
}