/* CSS Document */

body {
    height: 100%;
	margin:0px;
	background-image: url("../img/Background.jpg");
    background-repeat: repeat-x;
	background-position: top;
}
html {
    height: 100%;
}
#container {
   height: auto;
   min-height: 100%;
   position: relative;
}
#wrapper { width: 810px; 
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-bottom: 120px;   
border: 0px;  
}
#header { width: 583px; 
height: 73px; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top:28px;    
border: 0px; 
}
.title { width: 650px;
margin-top: 0px;   
margin-left: auto;    
margin-right: auto;        
padding-top: 25px;
padding-bottom: 25px; 
text-align: center;
}
.subcontent { width: 800px;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 15px;    
border: 0px;
font-family: Tahoma;
font-size: medium;
}
.subheads { width: 80%;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 30px;
padding-bottom: 30px;    
border: 0px;
font-family: Tahoma;
font-size: medium;
font-weight: bold;
text-align: center;
color: #CB0317;
}
#video { width: 650px;    
height: 368px; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;    
border: 2px solid #7d7d7d;
text-align: center;
}
#featuresTop { width: 720px;
height: 32px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 12px;    
border: 0px;
background-image: url("../img/featuresTop.jpg");
text-align: center;
}
.featurescontent { width: 676px;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 20px;    
border-left: 2px solid #7d7d7d;
border-right: 2px solid #7d7d7d;
background-image: url("../img/featuresMiddle.jpg");
background-repeat: repeat-x;
background-position: top;
font-family: Arial;
font-size: small; 
}
li + li {margin-top: 20px;}
.featuresBottom { width: 720px;
height: 10px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;    
border: 0px;
background-image: url("../img/featuresBottom.jpg");
}
#contentTop { width: 810px;
height: 9px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 0px;    
border: 0px;
background-image: url("../img/contentTop.jpg");
}
#content { width: 790px;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 8px;    
border-left: 2px solid #666666;
border-right: 2px solid #666666;
font-family: Arial;
font-size: small;
}
#contentBottom { width: 810px;
height: 9px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;    
border: 0px;
background-image: url("../img/contentBottom.jpg");
}
#gTop { width: 450px;
height: 32px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 12px;    
border: 0px;
background-image: url("../img/guaranteeTop.jpg");
text-align: center;
}
#gcontent { width: 410px;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 20px;    
border: 0px;
background-image: url("../img/guaranteeMiddle.jpg");
background-repeat: repeat-y;
font-family: Arial;
font-size: small;
}
#gBottom { width: 450px;
height: 9px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;    
border: 0px;
background-image: url("../img/guaranteeBottom.jpg");
}
#cTop { width: 600px;
height: 32px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 12px;    
border: 0px;
background-image: url("../img/listTop.jpg");
text-align: center;
}
.ccontent { width: 556px;    
height: 100%; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 20px;    
border-left: 2px solid #7d7d7d;
border-right: 2px solid #7d7d7d;
background-image: url("../img/listMiddle.jpg");
background-repeat: no-repeat;
background-position: top;
font-family: Arial;
font-size: small;
}
.cBottom { width: 600px;
height: 13px;     
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;    
border: 0px;
background-image: url("../img/listBottom.jpg");
}
.footercontent { width: 650px;    
height: 60px; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 15px;    
border: 0px;
font-family: Tahoma;
font-size: medium;
font-weight: bold;
text-align: center;
background-image: url("../img/footer.jpg");
}
#base { width: 100%;
height: 100px;     
margin-top: -100px;    
margin-bottom: 0px;    
margin-left: 0px;    
margin-right: 0px;    
padding: 0px;    
border: 0px;
background: #999999;
position: relative;
clear: both;
}
div#lownav a { width: 690px;      
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding: 0px;  
color: #FFFFFF;  
font-size: small;
text-align: center;
}
div#lownav a:hover {	
color: #000000;
}
div#baselinks { width: 700px;      
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 30px;    
color: #000000;
font-family: Arial;
font-size: small;
text-align: center;
color: #FFFFFF;
}
div#baseSub { width: 700px;      
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;    
padding-top: 20px;    
font-family: Times New Roman;
font-size: small;
text-align: center;
color: #FFFFFF;
}
div#form {
width: 380px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 30px;
font-family: Arial;
text-align: right;
border: solid 2px #000000;
background-color: #DEE9F8;
}
div#form2 {
width: 380px;
margin-top: 20px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-family: Arial;
text-align: right;
border: solid 2px #000000;
background-color: #DEE9F8;
}
#membersWrap {width: 100%;
height: 100%;
overflow: auto;
}
#tutorials {width: 575px;
height: 100%;
float: right;
position: relative;
}
#indexWrap { width: 200px;
height: 100%;
float: left;
position: relative;
}
#membersWrap2 {width: 100%;
height: 100%;
margin: 0px;
padding-bottom: 30px;
}
#tutorials2 {width: 580px;
height: auto;
float: none;
margin: 0px;
padding-bottom: 40px;
}
#indexWrap2 { width: 200px;
height: 100%;
float: right;
}
.indexTop { width: 200px;
height: 29px;     
margin-top: 0px;   
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;     
padding-top: 12px;    
border: 0px;
background-image: url("../img/mTopic-Top.jpg");
text-align: center;
}
.indexMiddle { width: 158px;    
height: 100%; 
margin-top: 0px;     
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;   
padding: 20px;    
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-image: url("../img/mTopic-middle.jpg");
background-position: center top;
background-repeat: no-repeat;
font-family: Arial;
font-size: small;
}
.indexMiddle-a { width: 158px;    
height: 100%; 
margin-top: 0px;     
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;   
padding: 20px;    
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-image: url("../img/mTopic-middle-a.jpg");
background-position: center top;
background-repeat: no-repeat;
font-family: Arial;
font-size: small;
}
.indexBottom { width: 200px;
height: 9px;     
margin-top: 0px;  
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;     
padding-bottom: 10px;    
border: 0px;
background-image: url("../img/mTopic-bottom.jpg");
background-position: top;
background-repeat: no-repeat;
}
#lineBreak { width: 400px; 
height: 10px; 
margin-top: 0px;    
margin-bottom: 0px;    
margin-left: auto;    
margin-right: auto;     
border-top: #999999 1px solid; 
}
div#indexnav a { width: 100%;          
color: #000000;  
font-size: small;
text-align: left;
}
div#indexnav a:hover {	
color: #5A4EC9;
font-weight: bold;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
}
.h1 {
	font-size: xx-large;
	font-family: Impact;
	color: #252525;
}
.h2 {
	font-size: large;
	font-family: Tahoma;
	color: #2B396C;
	font-weight: bold;
}
h1 {
	font-size: 30px;
	font-family: Impact;
	color: #252525;
	
}
h2 {
	font-size: large;
	font-family: Tahoma;
	color: #2B396C;
	font-weight: bold;
}
.style1 {
font-family: Times New Roman;
font-size: small;
}
.style2 {
	font-family: Tahoma;
	font-size: medium;
	font-weight: bold;
}
.style3 {
font-family: Arial;
font-size: small;
font-weight: normal;
}
.style4 {
	font-family: Tahoma;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}
.style5 {
	color: #FF0000;
	font-weight: bold;
}
.style6 {color: #009900}
.style7 {color: #0000FF}
.style8 {color: #999999}