/* Body Constants */

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

body {
		  font-family: Verdana, Arial, Helvetica, san-serif;
      font-size: 62.5%;
		  background: url(http://www.gorlestonhistory.org.uk/images/background.jpg) no-repeat #000400;
		  color: #ffffff;
		  }
			
/* Structual Divs */
#wrapper {
					width: 720px;
					margin: 0 auto;
					text-align: left;
					}

#content	{margin-top: 5em;}

#textbox	     {width: 460px; float: right; margin: 0 30px 0 0;}

					 
#sidebar	{width: 180px; float: left; margin: 0 0 0 30px;}

#footer		{width: 720px;}
			
/* Floating  Aligning and Spacing */
.lefting  {float: left;}
.righting {float: right;}
.clear    {clear: both;}

.leftcol2		{width: 200px; float: left;}
.rightcol2	{width: 500px; float: right;}


.center		{text-align: center;}

.spacer5	{height: 5px;}		
.spacer10	{height: 10px;}		
.spacer20	{height: 20px;}		
.spacer30	{height: 30px;}		
.spacer50	{height: 50px;}		

.separator1 {border-top-style: ridge; border-color: #ffffff;}
.separator2	{border-top-style: ridge; border-color: #ffffff; margin: 1em 0 2em 0;}
.separator3	{border-top-style: ridge; border-color: #ffffff; margin: 2em 0 0.5em 0;}

/* Margins */
.imgmargin1 {margin: 0 0 1em 1em;}
.imgmargin2 {margin: 1em 0 1em 1em;}


/* Fonts  Navigation and Lists */
#footer p   {font-size: 1.0em; margin-bottom: 0em;}
#textbox h1 {font: 1.8em Verdana, Arial, Helvetica, san-serif; margin-bottom: 2.3em;}
#textbox h2 {font: 1.6em Verdana, Arial, Helvetica, san-serif; margin-bottom: 1.0em;}
#textbox h3 {font: 1.4em Verdana, Arial, Helvetica, san-serif; margin-bottom: 0.8em;}

p  {font-size: 1.2em; margin-bottom: 1.3em;}

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

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

ul		 {margin-top: 4em;}
li		 {font-size: 1.3em; margin-bottom: 0.5em;}
.none	 {list-style-type: none;}