.album {   margin:0 auto;  width:1120px;}
.cont {   margin:0 auto;  width:1100px;}
.tabl {   margin:0 auto;  width:1040px;}

th {
		border:3px solid blue; padding:10px;    background-color:#99CCFF;
 font:Comic Sans MS; font-size:18px; text-align:left;   color:black;" 

 
 
}
 
 
h1 { 
  font: normal 240% arial, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
}

h3 { 
  font: normal 120% Comic Sans MS;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
   color:black;
}


h2 { 
  font: normal 170% arial, sans-serif;
    margin: 0 0 0 0;
  padding: 0 0 0 0;
  
  color: #FFF;
      font-weight: bold;
}

 h7 { 
  font: normal 160% arial, sans-serif;
  color: #FFF;
  
  
}
 h4 { 
  font: normal 130% Comic Sans MS;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
}
 h5 { 
  font: normal 120% Comic Sans MS;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #00f;
  font-weight: bold; 
}	
h6 { 
  font: normal 210% arial, sans-serif;
    margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
}


body {  
  background: #FFF url(/images/back.jpg) no-repeat center fixed;
  color: #222222;
  text-align: center;  margin: 30px auto 60px;
font: 14px/24px  Arial, sans-serif;
  line-height: 300%;
   min-width: 1050px;
}






.square3{
width:180px; /*same as the height*/
height:50px; /*same as the width*/
background-color:#FF7F50;
border:1px solid BLACK; /*same colour as the background*/
color:#fff;
font-size:1.2em;
/*set the border-radius at half the size of the width and height
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
/*give the button a small drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
box-shadow: 2px 2px 15px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.square3:hover{
background:#c20b0b;
border:1px solid #c20b0b;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
box-shadow: 0 0 5px rgba(0,0,0, .75);
}



.square5{
width:108px; /*same as the height*/
height:50px; /*same as the width*/
background-color:#FF7F50;
border:1px solid BLACK; /*same colour as the background*/
color:#fff;
font-size:1.2em;
/*set the border-radius at half the size of the width and height
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
/*give the button a small drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
box-shadow: 2px 2px 15px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.square5:hover{
background:#c20b0b;
border:1px solid #c20b0b;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
box-shadow: 0 0 5px rgba(0,0,0, .75);
}



.square13{
width:340px; /*same as the height*/
height:70px; /*same as the width*/
background-color:#FF7F50;
border:1px solid BLACK; /*same colour as the background*/
color:#fff;
font-size:1.4em;
/*set the border-radius at half the size of the width and height
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
/*give the button a small drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
box-shadow: 2px 2px 15px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.square13:hover{
background:#c20b0b;
border:1px solid #c20b0b;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
box-shadow: 0 0 5px rgba(0,0,0, .75);
}





.square5b{
width:85px; /*same as the height*/
height:35px; /*same as the width*/
background-color:#FF7F50;
border:1px solid BLACK; /*same colour as the background*/
color:#fff;
font-size:0.9em;
/*set the border-radius at half the size of the width and height
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
/*give the button a small drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
box-shadow: 2px 2px 15px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.square5b:hover{
background:#c20b0b;
border:1px solid #c20b0b;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
box-shadow: 0 0 5px rgba(0,0,0, .75);
}





	a.one:link {    background-color:#FFFFDD;	width:80px; /*same as the height*/

	
height:10px;
	  font:Comic Sans MS; font-size:22px;   margin: 2px;
		text-decoration : none;  padding : 2px;  border-color : #69f #00f #00f #69f;}a:hover { border-color: red;  }		


		
		

		
		a:link {    background-color:#FFFFDD;	
		width:12px;  border-style: solid;  border-width : 2px 6px 6px 2px; 
		text-decoration : none;  padding : 6px;  border-color : #69f #00f #00f #69f;}a:hover { border-color: red;  }								
		






 /* border-width : 20px 10px 10px 20px;
*/


	
		
		
		
		
		
		
  .typed {
	border: 3px double #CCCCCC;
	width: 340px;
	 height:40px;
    font-size:16pt;
	text-color:blue; 
	 margin: 10px;
}



  .submit {
	border: 3px double #CCCCCC;
	width: 140px;
	 height:30px;
    font-size:14pt;
  }



		
		
				
		
		
		
		
		
		
		
   @media screen and (max-device-width: 780px) {
	 



	a.one:link {   width:200px; /*same as the height*/
height:50px; /*same as the width*/
font-size:1.8em; margin: 4px;
background-color:#FFFFDD;	
border:1px solid BLACK; /*same colour as the background*/
border-color : #69f #00f #00f #69f;}a:hover { border-color: red;  }		
font-size:56px;



/*	
		width:54px;  border-style: solid;  border-width : 10px 10px 10px 10px;
		text-decoration : none;  padding : 6px;  
*/




	 
	   
  .typed {
	border: 3px double #CCCCCC;
	width: 440px;
	 height:100px;
    font-size:46px;
	 margin: 20px;
}



  .submit {
	border: 3px double #CCCCCC;
	width: 240px;
	 height:60px;
    font-size:20pt;
  }



	   
   
   .tabl { font: 54px  Arial, sans-serif;  margin:0 auto;  width:90%;}

    .album {   margin:20 auto;  width:90%;}
   
   
   th two{
		border:3px solid blue; padding:10px; background:#FFFFDD;
 font:Comic Sans MS; font-size:28px; text-align:left;   color:black;"
}
   
   
   
   

   
   
   
   body {  
  background: #FFF; 
  color: #222222;
  text-align: center; 
    line-height: 300%;
  margin: 0;
  
font: 44px/64px  Arial, sans-serif;

 
}


   
   h1 { 
  font: normal 240% arial, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: black;
}
h2 { 
  font: normal 170% arial, sans-serif;
    margin: 0 0 0 0;
  padding: 0 0 0 0;
  
  color: black;
      font-weight: bold;
}
 h3 { 
  font: normal 160% arial, sans-serif;
  color: black;
}
 h4 { 
  font: normal 160% Comic Sans MS;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: black;
}
 h5 { 
  font: normal 120% Comic Sans MS;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #00f;
  font-weight: bold; 
}	
h6 { 
  font: normal 210% arial, sans-serif;
    margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
}



		
   

  
   
   	#blocks
{
   top:50;
   width:1050px;
    height:700px;
    margin:0 auto;
    position: relative;
	

}

#blocks2
{
   top:800;
   width:1050px;
    height:200px;
    margin:0 auto;
    position: relative;
	


}

   
   
     .cont { 

	 
	   top:1200;
	 margin:0 auto;

	 width:90%;
	 
	 
	 
	 } 
   
   
   
   

 

table.tabl td {overflow:visible;font-family: "Comic Sans MS", cursive, font-size:48px;}/*Hide text outside the cell.*/  


table.tabl th {  vertical-align:top; overflow:hidden; text-align:left;		
font-family: "Comic Sans MS", cursive, sans-serif; font-size:48px;		
 background-color:#99CCFF; border:3px solid blue;}	



					
}