/* Body Constants */

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

body {
		  font-family: Verdana, Arial, Helvetica, san-serif;
      font-size: 62.5%;
		  color: #ffffff;
		  }

/* Backgrounds */
#background1 		 {background: url(http://www.gorlestonhistory.org.uk/images/background.jpg) no-repeat #000400;}		
#background2		 {background: #00022a;}		


/* Structual Divs */
#wrapper {
					width: 800px;
					margin: 0 auto;
					text-align: left;
					}

#content	{margin-top: 5em;}

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

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

#footer		{width: 800px;}
			
/* 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;}
.separator4 {border-top-style: ridge; border-color: #ffffff; margin: 0 0 3em 0;}


/* Margins */
.imgmargin1 {margin: 0 0 10px 20px;}
.imgmargin2 {margin: 0 0 0 20px;}
.imgmargin3 {margin: 0 0 0 30px;}
.imgmargin4 {margin: 30px 0 0 0;}

.margin1		{margin-bottom: 10px;}
.margin2		{margin: 45px 0;}
.margin3		{margin-top: 20px;}
.margin4		{margin-left: 25px;}

.pad1				{padding-left: 20px;}
.pad2				{padding-left: 188px;}


/* Navigation Fonts  Sources  */
a:link 				{color: #ffffff;}								/* unvisited link */
a:visited 		{color: #ffffff;}								/* visited link */ 
a:hover 			{background: #696969;}					/* mouse over link */
a:active 			{color: #ffffff;}			 					/* selected link */ 
a 						{text-decoration: none} 
a.underline		{text-decoration: underline} 


#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;}


.font1		{font-size: 1.4em;}

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;}


#sources {
				 border-left:2px solid #d9546d;
				 border-bottom:2px solid #d9546d;
				 font-size: 1.2em;
				 }
				 
/* ----------  input  lists  cockrill family tree lists ---------- */


input						{background-color: #00022a; color: #ffffff;}
textarea				{background-color: #00022a; color: #ffffff;}

ul		 		{margin-top: 4em;}
ul.inside {list-style-position: inside; list-style-type: square;}
li		 		{font-size: 1.3em;}
.none	 		{list-style-type: none;}

.ggparent li a:link, .ggparent li a:visited, .ggparent li a:active {color: #ff6000; text-decoration: underline;}
.gparent li a:link, .gparent li a:visited, .gparent li a:active {color: #ff7800; text-decoration: underline;}
.parent li a:link, .parent li a:visited, .parent li a:active {color: #ff9000; text-decoration: underline;}

ul.ggparent {list-style-type:square; color: #ff6000; margin: 0 0 0 20px;}
ul.gparent {list-style-type:disc; color: #ff7800; margin: 20px 0 0 60px;}
ul.parent {list-style-type:circle; color: #ff9000; margin: 0 0 0 120px;}
ul.child  {list-style-type:square; color: #ffb400; margin: 0 0 0 60px;}

ul.index				 {list-style-type:square; color: #ffffff; margin-left: 20px;}
ul.index li			 {margin-bottom: 3px;}

ul.links				 {list-style-type:square; color: #ff9000; margin: 0 0 40px 40px;}
ul.links li			 {margin-bottom: 10px;}

/* ---------- tables ---------- */
table.review {
  width: 535px;
	margin: 0;
  font-size : 0.9em;
	background: transparent;
  border: 2px solid #30787b;
  border-collapse: collapse;
	}

table.review thead tr 				 {color: red; background: transparent;}
table.review thead tr th			 {padding: 0.4em 0 0.4em 0.8em; border: 2px solid #30787b;}
table.review tbody tr					 {border: 2px solid #30787b;}
table.review tbody th					 {padding: 0.4em 0 0.4em 0.8em ; border: 2px solid #30787b;}
table.review tbody td					 {background: transparent; padding: 0.4em 0 0.4em 0.8em; border: 2px solid #30787b;}
table.review tbody tr.odd 		 {background: transparent;}
table.review tbody tr.odd td	 {background: transparent; color: #30787b;}

table.cockrill {
  width: 540px;
	margin: 0;
  font-size : 0.9em;
	background: transparent;
  border: 3px ridge #d9546d;
	}

table.cockrill td  {border: 1px ridge #d9546d;}

.tdwidth1			 		 {width: 70px;}
.tdwidth2			 		 {width: 470px;}
.tdwidth3			 		 {width: 46px;}

table.census {
  margin: 0;
  background: transparent;
  border: 3px ridge #d9546d;
	}

table.census td  {border: 2px ridge #d9546d;}