/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
header, hgroup, menu, nav, section {display: block;}
body 															 				 {line-height: 1;}
ol, ul 																		 {list-style: none;}
blockquote, q 														 {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; 	content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*  --------- End of Eric Meyer CSS reset  --------- */



/*  --------- Start of CSS settings for Gorleston History --------- */
body {
		  font-family: Verdana, Arial, Helvetica, san-serif;
		  color: 			 rgb(240,231,221);
			background:  rgb(75,47,0);
			}

/*  --------- Home Page --------- */

#wrapper  {width: 1370px;}
#wrapper1 {width: 920px;}
#wrapper2 {width: 1215px;}
#wrapper3 {width: 1035px;}

#wrapper1, #wrapper2, #wrapper3, #wrapperhome {
                      											 position: relative;
                          									 margin-left: auto;
                          									 margin-right: auto;
                          									 text-align: left;
                      											 overflow: hidden;
                      											 margin-top: 30px;
											 											 }

#content	{margin: 0;}

#footer				{width: 1020px; margin: 20px 0; font-size: 0.9em;}
#footer1 			{width: 915px;}
#footer2 			{width: 1200px;}
#footer3 			{width: 1030px;}

#footer1, #footer2, #footer3 				{margin: 20px 0; font-size: 0.9em;}
#footer1 p, #footer2 p, #footer3 p	{margin-bottom: 0;}

.outer1	 			{margin-left: 310px;}

.textbox1 {width: 560px; padding: 25px 20px 5px 20px;}
.textbox2 {width: 560px; padding: 25px 315px 5px 20px;}
.textbox3, textbox4	{width: 670px; padding: 25px 25px 5px 20px;}

.imagebox			{margin-top: 20px;}
.imagebox img {float: left; margin: 0 10px 10px 0;}


.box1
					 {
					 width: 220px;
					 float: left;
					 padding: 20px 20px 10px 20px;
					 }
.box1 h4  {margin: 0 0 5px 5px;}
					 

.topofpage		{width:120px; padding: 5px 0 10px 0; margin-top: 20px; text-align: center;}
#sources			{margin: 0 0 -15px 5px;}
/*  --------- Fontsize --------- */
p {line-height: 1.3em; margin-bottom: 20px;}
.fontsize1 {font-size: 0.9em;}

/*  --------- Borders --------- */
.imagebox img, .img1, .border1, .topofpage, .footerlist1, .textbox1, .textbox3, .box1
					 {border:4px ridge rgb(128,96,70);  /* border radius in historycss3.css waiting validation */}

.bordertop1 {border-top: 3px ridge rgb(128,96,70);}			 			 				 /* border radius in historycss3.css waiting validation */
.bordertop2 {border-top: 4px ridge rgb(128,96,70); margin-top: 30px;}    /* border radius in historycss3.css waiting validation */
					 
/*  --------- Lists --------- */
.none					 {list-style-type: none;}
ul.inline li	 {display: inline;}

ul.inside   	 {list-style-position: inside; list-style-type: square; margin: 0 0 50px 0;}
ul.inside li	 {margin-bottom: 5px;}

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

ul.horiz li 		{display: inline;}

ul.boxlist1 li  {list-style-type:square; color: rgb(240,231,221); margin: 0 0 7px 20px; font-size: 0.9em;}
ul.boxlist1 li:first-child	{margin-bottom: 25px;}

ul.boxlist2 li	{font-family: Verdana; font-size: 0.9em; list-style-type:decimal; color: rgb(0,0,0); margin: 0 0 10px 25px;}
ul.boxlist2 								{margin-bottom: 25px;}

ul.footerlist1 li:first-child  			 {font-family: RedressedRegular; font-size: 1.4em;}
ul.footerlist1 li 	 								 {display: inline-block; font-size: 1em; margin: 10px 0;}					 
ul.footerlist1 											 {margin: 20px 0;}

ul.ggparent {list-style-type:square; color: rgb(240,231,221); margin: 0 0 20px 20px;}
ul.gparent 	{list-style-type:disc; 	 color: rgb(215,129,60);  margin: 20px 0 5px 60px;}
ul.parent 	{list-style-type:circle; color: rgb(201,161,128); margin: 0 0 0 120px;}
ul.child  	{list-style-type:square; color: rgb(243,186,140);	margin: 5px 0 10px 60px; }

.ggparent li a:link, .ggparent li a:visited, .ggparent li a:active {color: rgb(240,231,221); text-decoration: underline;}
.gparent li a:link,  .gparent li a:visited,  .gparent li a:active  {color: rgb(215,129,60);  text-decoration: underline;}
.parent li a:link, 	 .parent li a:visited, 	 .parent li a:active 	 {color: rgb(201,161,128); text-decoration: underline;}

.ggparent li, .gparent li, .parent li {margin-bottom: 5px;}


/*  --------- Navigation --------- */
a:link 				{color: rgb(240,231,221);}								/* unvisited link */
a:visited 		{color: rgb(240,231,221);}								/* visited link */ 
a:hover 			{background: rgb(128,96,70);}							/* mouse over link */
a:active 			{color: rgb(240,231,221);}			 					/* selected link */ 

ul.boxlist2 li a:link 			{color: rgb(0,0,0);}					  /* unvisited link */
ul.boxlist2 li a:visited 		{color: rgb(0,0,0);}					 	/* visited link */ 
ul.boxlist2 li a:hover 			{background: rgb(128,96,70);}		/* mouse over link */
ul.boxlist2 li a:active 		{color: rgb(0,0,0);}						/* selected link */ 

a 						{text-decoration: none;} 
a.underline		{text-decoration: underline;}


/*  --------- Floating  Aligning Spacing and Margins --------- */
.lefting  {float: left;}
.righting {float: right;}
.clear    {clear: both;}

.center		{text-align: center;}

.spacer5	{height: 5px;}
.spacer10	{height: 10px;}
.spacer20	{height: 20px;}
.spacer30	{height: 30px;}
.spacer40	{height: 40px;}
.spacer60	{height: 60px;}

.margin1	{margin-left: 10px;}
.margin2	{margin: 0 50px;}
.margin3	{margin-right: 10px;}
.margin4	{margin: 10px 0 5px 20px;}
.margin5	{margin: 10px 0 0 20px;}
.margin6	{margin-top: 20px;}
.margin7	{margin-bottom: 4px;}

.imgwidth1	{width: 260px; float: left; margin-right: 10px; }

/*  --------- TABLES --------- */
table.one {
  width: 540px;
	margin-left: 12px;
	font-size: 0.95em;
	background: transparent;
  border: 2px ridge #ffffff;
	}

table.one td  {border: 1px ridge #ffffff; padding: 2px;}

table.one td.width1	{width: 70px;}
table.one td.width2	{width: 490px;}
table.one td.width3	{width: 46px;}

table.cockrill {
  width: 720px;
	margin: 0;
  background: transparent;
  border: 2px ridge #ffffff;
	}

table.cockrill td					{border: 1px ridge #ffffff; padding: 10px 5px;}

table.cockrill td.width1	{width: 100px;}
table.cockrill td.width2	{width: 610px;}
table.cockrill td.width3	{width: 46px;}
table.cockrill td.width4	{width: 70px;}
table.cockrill td.width5	{width: 640px;}

/* --------------------==== Text Resizer ====-------------------- */
#resizer	 	 {
						 position: absolute;
						 top: 0px;
						 left: 780px;
						 }
						 
#resizer img {margin: 0;}
						
#resizer li  {list-style: none; color: rgb(250,250,210); font-size: 0.8em;}						

.normalview {font-size: 1.0em;}		 						   	   /*CSS to return page to default setting (with no additional CSS rules added)*/
.largeview	{font-size: 1.1em;}	 										 /*CSS for "large font" setting*/
.xlargeview	{font-size: 1.2em;}  										 /*CSS for "extra large font" setting*/

a.texttoggler 					{margin-right: 5px;}										 /*CSS for Text Size Toggler control*/
a.texttoggler img				{border: 2px solid rgb(250,250,210);}		 /*CSS for Text Size Toggler control*/
a.texttoggler img:hover	{border: 2px solid rgb(255,0,0);}	 		 	 /*CSS for Text Size Toggler control*/

a.selectedtoggler img		{border: 2px solid rgb(0,0,0);} 	 	 		 /*CSS for Selected Text Size Toggler control*/
/* --------------------====================-------------------- */


.testbr						 {border: 2px ridge #ffffff;}