body		{
				margin-left: 12pt; 
				margin-right: 12pt;
				font-size: 8pt; 
				font-family: "comic sans ms", verdana, serif; 
				color: #120087;
				background: 	#d3d3d3; 
				} 
				
table		{
				margin-left: 12pt; 
				margin-right: 12pt;
				font-size: 8pt; 
				font-family: "comic sans ms", verdana, serif; 
				color: #120087;
				empty-cells: show;
				background: 	#f0f8ff;
				}

td.masthead {background-image: 	url("http://www.gorlestonbeach.org.uk/images/masthead.jpg"); } 
td.pad10 {padding: 10px; }
td.pad20 {padding-left: 20px; }
td.pad30 {padding-left: 30px; padding-right: 30px; }
td.pad60 {padding-left: 60px; }
td.padtop {padding-top: 20px; }
td.footerpad {padding-top: 30px; padding-left: 20px;}
.lefting {float: left;}	
.righting {float: right;}
.center {text-align: center;}

h1.right {text-align: right;}

h1 			{font: 18pt "comic sans ms", verdana, serif; color: #120087; text-align: center;} 
h2 			{font: 14pt "comic sans ms", verdana, serif;} 
h3 			{font: 12pt "comic sans ms", verdana, serif;} 
h4 			{font: 10pt "comic sans ms", verdana, serif;} 
h5 			{font: 8pt "comic sans ms", verdana, serif;}

p.masthd {font-size: 18px; margin-left: 5px;}
 

ul.none 		{list-style-type: none ;}
    
li					{font: 8pt "comic sans ms", verdana, serif;}
li.font6pt	{font: 6pt "comic sans ms", verdana, serif;}

a {line-height: 25px; font-size: 110%;}

a.green					{ width: 100px; border-bottom: 3px dotted #ff8c00 }
a.green:link 		{ font-size: 110%; text-decoration: none; color:#07890b }	 /* unvisited link */
a.green:visited	{ font-size: 110%; text-decoration: none; color:#07890b }	 /* visited link */ 
a.green:active 	{ font-size: 110%; text-decoration: none; color:#07890b }	 /* selected link */
a.green:hover   { background: #d3d3d3; }	 																 /* mouse over link */

a.red						{ width: 100px; border-bottom: 3px dotted #ff8c00 }
a.red:link 			{ font-size: 110%; text-decoration: none; color:#ff0000 }	 /* unvisited link */
a.red:visited		{ font-size: 110%; text-decoration: none; color:#ff0000 }	 /* visited link */ 
a.red:active 		{ font-size: 110%; text-decoration: none; color:#ff0000 }	 /* selected link */ 
a.red:hover   	{ background: #d3d3d3; }																	 /* mouse over link */

a.blue					{ width: 100px; border-bottom: 3px dotted #ff8c00 }
a.blue:link 		{ font-size: 110%; text-decoration: none; color:#120087 }	 /* unvisited link */
a.blue:visited	{ font-size: 110%; text-decoration: none; color:#120087 }	 /* visited link */ 
a.blue:active 	{ font-size: 110%; text-decoration: none; color:#120087 }	 /* selected link */ 
a.blue:hover   	{ background: #d3d3d3; }																	 /* mouse over link */

a.purple:link 		{ font-size: 110%; color:#5800a5 }	 /* unvisited link */
a.purple:visited	{ font-size: 110%; color:#5800a5 }	 /* visited link */ 
a.purple:active 	{ font-size: 110%; color:#5800a5 }	 /* selected link */ 
a.purple:hover   	{ background: #d3d3d3; }				 		 /* mouse over link */

textarea.mail {background-color: #e9eef4 ;}
input.mail {background-color: #e9eef4 ;}


#title {
        position: absolute ;
      	top: 60px ;
      	left: 103px ;
      	width: 500px ;
				}

#top {
        position: absolute ;
      	top: 0px ;
      	left: 103px ;
      	background: 	url("./images/masthead.jpg") ;
      	background-repeat: no-repeat ;
      	width: 650px ;
				}

#left {
       position: absolute ;
       top: 140px ;
       left: 0px ;
       width: 1100px ;
     	 }
	
#left .month {
    	float: left;
      width: 100px ;
    	background-color: #d3d3d3 ;
    	padding-top: 40px ;
    	text-align: center; 
			}	

#right {
      position: absolute ;
    	top: 150px ;
    	left: 1050px ;
    	width: 200px ;
			}

#footer2005 {
      position: absolute ;
    	top: 710px ;
    	left: 100px ;
    	width: 655px ;
			}
#footer2008 {
      position: absolute ;
    	top: 320px ;
    	left: 100px ;
    	width: 655px ;
			}			

#footer {
      position: absolute ;
    	top: 940px ;
    	left: 100px ;
    	width: 655px ;
			}
			
/* footer thisyear - change top by 160px each month */
#footerthisyear {
      position: absolute ;
    	top: 320px ;
    	left: 100px ;
    	width: 655px ;
			}			
/* Mail  */

#wrapper {width: 699px; margin: 0 auto; color: #120087; background:	#d3d3d3; padding: 10px;}

#masthead {
		background: url(http://www.gorlestonbeach.org.uk/images/masthead.jpg);
		background-repeat: no-repeat;
		height: 60px;
		margin-bottom: 8px;
		text-align: left;
		}
		
#content {padding-bottom: 10px;}

#MailInputText {width: 400px; padding: 20px 120px;}

select		{background-color: #fffba6; color: #120087;}
textarea	{background-color: #fffba6; color: #120087;}
input			{background-color: #fffba6; color: #120087;}
submit 		{background-color: #fffba6; color: #120087;}