﻿body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
 	margin:0; 
 	padding: 0px 0px 0px 0px; 
	text-align:center; 
	background-color:#000000; 

}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #CC0000;
	text-align: center;
	padding: 0px 10px 0px 10px;
}
h2{
	font-family: Helvetica, sans-serif;
	font-size: 140%;
	color: #FF6600;
	text-align: left;
	padding-left: 30px;
	padding-RIGHT: 30px;
	text-decoration:underline;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #666666;
	text-align: left;
	padding-left: 30px;
}
td
{
	text-align: justify;	
	color: #666666;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif
}
#container{ 
	width:827px; 
	height:auto;
	margin-left:auto; 
	margin-right:auto; 
	overflow:hidden; 
} 
#divMain
{
	position: relative;
	padding-left: 0px;
	font-size:80%;
}
.text{
	padding: 0px 30px 0px 150px;
	text-align: justify;
	padding-left: 30px;
	color: #666666;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif
}
.maintext{
	text-align: justify;
	padding-left: 30px;
	padding-right: 10px;
	color: #777777;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif
}

.footertext{
	padding: 0px 70px 0px 100px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:small;
	text-align:center;
}
.images{
	padding-left: 30px;
}
.img{
	padding-left: 10px;
}

#contentcontainer{
	width: 827px;
	height: 310px;
	position: relative;
	float:right;
}
#video{
	position: relative;
	width: 500px;
	height: 288px;
	padding-left: 40px;
	float:left;
}
#optinform{
	position: relative;
	width: 237px;
	height:288px;
	padding-left: 560px;
	margin-top: -280px;
	float:left;

}
#divMainoptin
{
	position: relative;
	padding-left: 0px;
	padding-top: 20px;
	font-size:80%;
}
#divCenteroptin
{				 
	background-image:url(images/optin_center.jpg);
	height: auto;
	width:237px;
	background-position: center;
	background-repeat: repeat-y;
	float:left;
	overflow:hidden; 
	margin-top: -4px;

}
.optintext{
	color: white;
	font-family: Tahoma;
}


#divCenter
{				 
	background-image:url(images/centerline.gif);
	height: auto;
	width:827px;
	background-position: center;
	background-repeat: repeat-y;
	float:left;
	overflow:hidden; 
	margin-top: -4px;

}
#divCenterMain
{				 
	background-image:url(images/centerline_main.gif);
	height: auto;
	width:827px;
	background-position: center;
	background-repeat: repeat-y;
	float:left;
	overflow:hidden; 
	margin-top: -4px;

}


.submit{
	cursor:pointer;
	background:url(images/button.gif) no-repeat;
	width:156px;
	height:55px;
	border-style:none;
	margin:0px;
	padding:0px;
}
.submithr{
	cursor:pointer;
	background:url(images/buttonhr.gif) no-repeat;
	width:156px;
	height:55px;
	border-style:none;
	margin:0px;
	padding:0px;
}

#contentcenter{
	height: auto;
	width:827px;

}
#contentleft{
	height: auto;
	width:590px;
	float: left;
}

#contentright{
	height: auto;
	width:237px;
	float:right;

}
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 2px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 20px; /*padding inside each tab*/
border-right: 2px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
 .mattblacktabs li.selected a{
color: #FF6600; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
background: black; 
}
a{
	color:#FF3300;
	font-family:inherit;
	text-decoration:none;
}
a:hover{
	color: #FFCC00;
	font-family:inherit;
	
}
td
{
    border:dotted 1px #cccccc;    
}

.highlight
{	
	color: #fe7e10;
	font-style: normal;	
	font-weight: bold;	
}
.style2 {
	font-size: 18px;
}