body{   
     color: black;     
/*     font-size: 16px;    
    font-family:"Times New Roman", Times, serif;  */
    font:normal 12px Tahoma;
   
	/* background-color: #fff;       */  
	background-color: rgb(220, 220, 220); 
   }  
canvas { display: block; 
outline: 0px;
margin-bottom: 1.5em; 
margin-left: auto;
margin-right: auto; 
border-radius: 5px;

}
  
  .mainarea{   
         background-color: rgb(250, 250, 240);   
		  margin-left: 30px;
		  margin-right: 3px; 
		  color: black;
		   margin-top: 1px;
		  margin-bottom: 2px;
		 width: 76%;    
		 padding-left: 10px;   
		 padding-right: 10px;    
		 padding-top: 5px;    
		 padding-bottom: 15px;    
		 border: 1px solid #727272; 
		float: left;   
		-moz-border-radius:  20px;              
		border-radius: 20px;
		box-shadow: 10px 10px 20px 	rgb(180, 180, 180);   
		height: 560px;  
	
	}  

	.mainareaUnlimited{
         background-color: rgb(250, 250, 240);   
		  margin-left: 30px;
		  margin-right: 3px; 
		  color: black;
		   margin-top: 1px;
		  margin-bottom: 2px;
		 width: 76%;    
		 padding-left: 10px;   
		 padding-right: 10px;    
		 padding-top: 5px;    
		 padding-bottom: 15px;    
		 border: 1px solid #727272; 
		float: left;   
		-moz-border-radius:  20px;              
		border-radius: 20px;
		box-shadow: 10px 10px 20px 	rgb(180, 180, 180); 
	}
	

	.mainareacentered{   
	 
         background-color: rgb(250, 250, 240);   
		  margin-left: auto;
		  margin-right: auto; 
		  color: black;
		   margin-top: 1px;
		  margin-bottom: 2px;
		  width: 900px; 
		  
		 padding-left: 20px;   
		 padding-right: 20px;    
		 padding-top: 5px;    
		 padding-bottom: 15px;    
		 border: 1px solid #727272; 
		
		-moz-border-radius:  20px;              
		border-radius: 20px;
		box-shadow: 10px 10px 20px 	rgb(180, 180, 180);     
		}  


#noline{
}
	
#noline a:link {text-decoration:none;}    /* unvisited link */
#noline a:visited {text-decoration:none;} /* visited link */
#noline a:hover {text-decoration:none;}   /* mouse over link */
#noline a:active {text-decoration:none;}  /* selected link */


	      
	#websitetitle {
	       
	 margin-left: 2px; 
	 margin-top: 2px;      
	}
	
	#templatetext{
		position: absolute;  
	   margin-left: -10px;     
		 float: left; 
	   width: 30%;   
	        
		overflow: auto;   
    /* border: 1px solid #727272;     */       
		height: 430px; 

		
/*		z-index: 0;    */
	}  
	                           
	
   	 #templateimage{  
	margin-top:  -10px;
			 margin-left: 0px;  
			margin-right: 10px; 
			 float: right;      
			  /*    margin-top: 2%;*/    
				  width: 400px;  
			     height: 400px;
               background-repeat:no-repeat; 
/*       border: 1px solid #727272;    */
/*	background-image:url('images/frontpage1.jpg');*/
				} 
				
				 #templatevideo{  
				margin-left: auto; 
				margin-right: auto;    
				     margin-top: 20px;
							  width: 640px;  
						     height: 500px;
				 } 
				
				#templateimagetext{
	                    margin-top:  10px;
						 margin-left: auto;     
						 margin-right: 10px;  
					       right: -10%;
							 float: left;
                        position: absolute;  
                         width: 400px;    
                        
                         text-align: left; 
                         top:  90px;      	              
				}
				
   #footer{  

	   position: absolute;     
	   width: 400px;      
		margin-right: auto; 
	    text-align: center;   
	   bottom: 4px;
		left: 50%; 
	    margin-left: -200px;
		font:normal 10px Tahoma; 
		z-index: -1; 
} 	 

 
  	
	.menuarea{     
			  margin-left: 10px;
		      float: left;
			 margin-top: 20px;  
			  width: 15%; 
			height: 280px;  
			  padding: 2px;  
		         z-index: -1; 
		} 
		 
		#textarea1{
			 margin-top: 20px; 
			 margin-left: 60px;   
		}  
		
	   #titlearea{     
				  margin-left: auto;
				  margin-right: auto; 
		  
				  margin-top: 1px;
/*				  margin-bottom: 5px;*/
				 /* width: 100%;  */
				  padding: 8px;  
				 height: 50px;  				  
			} 
 #news{ 
	position: absolute;
	right: 0px;  
	top: -1px;
	
/*      width: 200px;*/
   
	padding-left: 15px;  
	 padding-right: 15px;
	 padding-top: 5px;  
	 padding-bottom: 5px;    
	background-color: #727272; 
	color: white; 
	
	-moz-border-radius:  5px;              
		border-radius: 5px;
		
}   		
		 
		#news a:link{
			color:white;
		}   
		
		
		#news a:visited{
			color:white;
		}
		#news a:focus{
			color:white;
		}	
		#news a:hover{
			color:white;
		}
		#news a:active{
			color:white;
		}
		
		
 		
 #image{       
		 	 margin-left: auto;
			 margin-right: auto;
			  margin-top: 2%;  
			  width: 630px;  
		     height: 367px;
               
background-image:url('images/awayfromkeyboardmid.jpg');
			}   
			
			 #videos{  
				     
					 	 margin-left: auto;
						 margin-right: auto;
						  margin-top: 2%;  
						  width: 0px;  
					     height: 500px;
  
						}
			
			#imagetext{ 
		   
			   width:630px; 
				height:20px; 
			  /*  left: 200px; 
			      top: 390px; */  
			  
			   margin-left:auto;  
			   margin-right:auto;  
			 
			    text-align: center;   
              font:italic 12px Tahoma;
			}
			
 #bigimageback{ 
	position: fixed; 
	left: 0px; 
	top: 0px;
/*	width: 2000px;    */   
	width: -1px; 
	height: 1500px;
	background-color: black;    
	  filter:alpha(opacity=0);
	  	  opacity:.0;
	 /*z-index: 5;*/             
}  
    
#bigimage { 
      position: absolute;  
/*       width: 800px;  */
width: -1px;
		height: 600px;                
        margin-right: auto; 
	    text-align: center;   
	   top: 30px;
	left: 120px;
/*		left: 50%; */
	    margin-left: auto;
	background-color: white; 
	 filter:alpha(opacity=100);
	  	  opacity:1;
}     

  .bigtitle{  
	   	  font-family: 'Monofett', arial, serif; 
		  font-size: 40px; 
		color:black;      
}  	
.smalltitle{
   	font-size: 20px; 
	color:black;  
}	          
.center{
	    margin-left: auto;
		 margin-right: auto;
         text-align: center;
}
  .largeleft{
	position: absolute;  
	top:160px;
	float:right;
}
   .smallleft{    

      width: 50px; 
      height: 50px; 
     /* margin: 10px;     */
	  /*border: 1px black solid;*/ 
	  text-align: center;
	  font-size: .75em;
	}
	   		   		

		.smallbottom{    
		  float: left;
	      width: 50px; 
	      height: 50px; 
	     /* margin: 10px;     */
		  /*border: 1px black solid;*/ 
		  text-align: center;
		  font-size: .75em;
		} 
		
			.smallbottom2{    
			  float: left;
		      width: 50px; 
		      height: 50px; 
	
			  text-align: center;
			  font-size: .75em;  
			margin-left: 3px;
			 margin-right: 3px;   
			}
			
		
		#centerbottom{    
		   width: 750px;      /* was 700  */ 
		margin-top: 60px;     /* was 20  */  
			margin-right: auto; 
			 margin-left: auto; 
		    text-align: center;   
		 /*-moz-border-radius:  6px;              
		  border-radius: 6px;
		  box-shadow: 10px 10px 20px 	#DDD;*/	   
			}			
		  
 		a:link {
				color:black;
			}
			a:visited{
				color:black;
			}
			a:focus{
				color:black;
			}	
			a:hover{
				color:black;
			}
			a:active{
				color:black;
	                     }
	
				.codearea{
				background-color: #E8F1FF;  /* #c4f1ff; #ECECEC; */ 
				padding-left: 5px;
				padding-top: 5px;
				padding-bottom: 5px; 
				font-size: .8em;  
				   -moz-border-radius: 5px;
					border-radius: 5px;  
				 	  border-color:#508DEA; 
						border-style:solid;
						border-width:2px;  

						-moz-box-shadow: 5px 5px 5px #ccc;
					  -webkit-box-shadow: 5px 5px 5px #ccc;
					  box-shadow: 5px 5px 5px #ccc;
				}
				
				.smalltitlestyle{
				color: #5D5D8C; /* #e9556a;*/ 
				font-family:  Lucida Grande, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
				font-style:bold;
				font-color:red;
				font-size:24px; 
				/* line-height:100%;  */ 
				text-shadow: 2px 2px 2px #A4B6DB;

				}