/* ---------  defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
		
html {font-size: 100%;}			

body {
		  font-family: Verdana, Arial, Helvetica, san-serif;
      font-size :		62.5%;
  		color: 				#120087;
  		background: 	#d3d3d3;
			text-align: center; 
  		}
		
/* ---------  ids and classes  --------- */

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

#content {
				  width: 699px;
				  padding-bottom: 10px;
					}

#mailinputtext {
							  width:  470px;
								margin: 0 0 30px 115px;
								text-align: left;
								}
								
.leftext				{
								 float: left;
								 width: 100px;
								 }													

.centertext			{
								 margin: 0 37px;
								 padding: 10px;
								 width: 400px;
								 float: left;
								 }													

.rightext				{
								 float: left;
								 width: 100px;
								 }													

#masthead {
					 background: url(http://www.gorlestonbeach.org.uk/images/masthead.jpg);
					 height: 60px;
					 text-align: left;
					 }
					 
#footer		{
					 width: 699px;
					 margin-top: 40px;
					 }
													 
/* ---------  fonts --------- */

.fontsize1 {font-size: 0.9em;}

p				 {font-size: 1.2em; margin-bottom: 10px;}			
p.masthd {font-size: 18px; margin-left: 5px;}

h1 			{font: 2.0em/2.0em Verdana, Arial, Helvetica, san-serif;} 
h2 			{font: 1.8em/1.8em Verdana, Arial, Helvetica, san-serif;} 
h3 			{font: 1.5em/1.5em Verdana, Arial, Helvetica, san-serif;} 
h4 			{font: 1.2em/1.2em Verdana, Arial, Helvetica, san-serif;} 
h5 			{font: 1.0em/1.0em Verdana, Arial, Helvetica, san-serif;}

.background1 {background: 	#f0f8ff;}

/* ---------  spacing --------- */
				
.border1		 {border: 1px ridge #dc143c;}
.spacer5  	 {height: 5px;}
.spacer10 	 {height: 10px;}
.spacer30 	 {height: 30px;}
.spacer40 	 {height: 40px;}
.spacer100	 {height: 100px;}

.lefting  {float: left;}	
.righting {float: right;}
.clear 		{clear: both;}


.center 	{text-align: center;}
.left   	{text-align: left;}
.right  	{text-align: right;}

margin1		{margin-bottom: -10px;}

.imgspaceleft1  {float:right; margin: 0 0 10px 10px;}
.imgspaceright1 {float:left; margin: 0 10px 10px 0;}

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