/* Compatibility fix, margin and padding clearer */
body, h1, h2, h3, h4, form, input, textarea, ul, li, p, a, img {
	padding: 0;
	margin: 0;
	border: 0;
	color: 575757;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	background: none;
	}
	
	
/* site wide element settings */
html {
	overflow: -moz-scrollbars-vertical;
	}
	
p, h1, table {
	color: 575757;
	padding: 5px 25px;
	line-height: 20px;
	}
td {
	padding-right: 20px;
	}

p.center {
	text-align: center;
	}
a:link {
	color: #c5142d;
	}
a:visited {
	color: #c5142d;
	}
span.italic {
	font-style: italic;
	}
span.bold {
	font-weight: bold;
	}

div#fullheader {
	height: 300px;
	background: url('../img/headerbackground.gif') repeat-x;
	}
div fullheader div headerimage {
	height: 300px;
	}
	
div contentwrapper {
	width: 783px;
	margin: 0 auto;
	}
	
/*anything within header content*/
div div headercontent {
	height: 92px;
	}
	
div div#headercontent div#headerwrapper {	
	width: 783px;
	height: 92px;
	}
	
div div#headercontent div#headerwrapper h1 {	
	display: none;
	}

div div#headercontent img#landguardlogo {
	width: 313px;
	height: 92px;
	float: left;
	}
div div#headercontent div#headerlinks {
	color: #96968d;
	float: right;
	margin-top: 15px;
	}
div div#headercontent div#headerlinks a {
	padding-right: 20px;
	}
div div#headercontent div#headerlinks a:hover {
	color: #c5142d;
	}
	
/* anything within the menu content */
div div#menucontent {
	height: 18px;
	background: url('../img/menubackground.gif') repeat-x;
	position: relative;
	z-index: 40;
	}
	
div div#menucontent #ddmenu li {
	margin-left: 15px;	
	width: 140px;
	height: 20px;
	background: url('../img/menutabpassive.gif') no-repeat;
	display: inline;
	float: left;
	list-style: none;
	font: bold 11px arial;
	}

div div#menucontent #ddmenu li a {
	font-weight: bold;
	display: block;
	padding: 1px 10px 1px;
	width: 168px;
	color: #c5142d;
	}

div div#menucontent #ddmenu li a:hover {
	}

div div#menucontent #ddmenu div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: white;
	border: solid #d5d5d1;
	border-width: 0px 1px 1px 1px;
	}

div div#menucontent #ddmenu div a {	
	color: #4d5523;
	position: relative;
	display: block;
	margin-left: 0;
	padding: 5px 10px;
	width: 166px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: white;
	font-weight: normal;
	}

div div#menucontent #ddmenu div a:hover {
	background: url('../img/submenubackground.gif') repeat-x;
	font-weight: bold;
	}


/* anything within body content */

div div#bodycontent {
	clear: both;
	background: url('../img/bodybackground.gif') repeat-x;
	padding-left: 10px;
	padding-top: 10px;
	}
	

/* anything within the main content */

div div#bodycontent div#maincontent {
	width: 473px;
	float: left;
	margin-left: 5px;
	display: inline;
	background: url('../img/maincontentmiddle.gif') repeat-y;
	}
div div#bodycontent div#maincontent div#maincontenttop {
	background: url('../img/maincontenttop.gif') no-repeat top left;
	}
div div#bodycontent div#maincontent div#maincontenttopclear {
	background: url('../img/maincontenttopclear.gif') no-repeat top left;
	}

	
div div#bodycontent div#maincontent div#maincontentbottom {
	background: url('../img/maincontentbottom.gif') no-repeat bottom left;
	}
div div#bodycontent div#maincontent p, ul, ol {
	line-height: 20px;
	}

div div#bodycontent div#maincontent div.closefour {
	width: 350px;
	height: 50px;
	background: url('../img/openingtimes.gif') no-repeat;
	margin-left: 25px;
	}
div div#bodycontent div#maincontent div.closefive {
	width: 400px;
	height: 50px;
	background: url('../img/openingtimes.gif') no-repeat;
	margin-left: 25px;
	}
	
div div#bodycontent div#maincontent div#redguard {
	height: 450px;
	margin-right: 0px;
	}
	
div div#bodycontent div#maincontent ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 5px 25px;
	margin-left: 15px;
	}
div div#bodycontent div#maincontent li {
	padding-bottom: 10px;
	}
div div#bodycontent div#maincontent ul {
	list-style-type:disc;
	list-style-position: outside;
	padding: 5px 25px;
	margin-left: 15px;
	}

div div#bodycontent div#maincontent div.colcontainer {
	padding: 15px 25px;
	}
	
div div#bodycontent div#maincontent div.colcontainer div.first {
	float: left;
	width: 30%;
	padding-bottom: 10px;
	}
div div#bodycontent div#maincontent div.colcontainer div.second {
	float: left;
	width: 70%;
	padding-bottom: 10px;
	}	
div div#bodycontent div#maincontent div.colcontainer div.third {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	}
		
div div#bodycontent p#pdfpara {
	margin-top: -20px;
	}	
	
div div#bodycontent img.pdficon {
	position: relative;
	top: 20px;
	margin-right: 10px;
	}



/* gaps between content */
div div#bodycontent div#gapvert {
	width: 10px;
	height: 250px;
	float: left;
	}

div div#bodycontent div#gaphori {
	width: 100%;
	height: 10px;
	clear: both;
	}
	
	
/* anything within the sub content */

div div#bodycontent div#subcontent {
	width: 280px;
	float: left;
	background: url('../img/subcontentmiddle.gif') repeat-y;
	}
div div#bodycontent div#subcontent div#subcontenttop {
	background: url('../img/subcontenttop.gif') no-repeat top left;
	}
div div#bodycontent div#subcontent div#subcontenttopclear {
	background: url('../img/subcontenttopclear.gif') no-repeat top left;
	}
div div#bodycontent div#subcontent div#subcontentbottom {
	background: url('../img/subcontentbottom.gif') no-repeat bottom left;
	}
	
div div#bodycontent div#subcontent img#admiralregiment {
	padding-left: 40px;
	}

div div#bodycontent div#subcontent img.standardsize {
	padding-top: 10px;
	padding-left: 25px;
	}

	
div div#bodycontent div#subimagecontent {
	width: 280px;
	float: left;
	}
div div#bodycontent img {
	padding-bottom: 10px;
	}


div div#bodycontent div#imagecontainer  {
	width: 280px;
	height:	454px;
	float: left;
	}
div div#bodycontent div#imagecontainer img.imageinstance {
	position: absolute;
	display: none;
	}
div div#bodycontent div#imagecontainer img#defaultimage {
	display: block;
	}
	
	
/* anything with medium content */

div div#bodycontent div#mediumcontent {
	width: 602px;
	margin: 0 auto;
	background: url('../img/mediumcontentmiddle.gif') repeat-y;
	}
div div#bodycontent div#mediumcontent div#mediumcontenttop {
	background: url('../img/mediumcontenttop.gif') no-repeat top left;
	}
div div#bodycontent div#mediumcontent div#mediumcontenttopclear {
	background: url('../img/mediumcontenttopclear.gif') no-repeat top left;
	}
div div#bodycontent div#mediumcontent div#mediumcontentbottom {
	background: url('../img/mediumcontentbottom.gif') no-repeat bottom left;
	}
div div#bodycontent div#mediumcontent img {
	padding: 10px;
	}
	
/* anything within the whats on content */
	
div div#bodycontent div#volunteers {
	margin: 0 auto;
	width: 582px;
	}
div div#bodycontent img.curvedcorners {
	margin: 0 auto;
	width: 602px;
	display: block;
	}

/* anything within the full content */

div div#bodycontent div#fullcontent {
	width: 763px;
	margin: 0 auto;
	background: url('../img/fullcontentmiddle.gif') repeat-y;
	}
div div#bodycontent div#fullcontent div#fullcontenttop {
	background: url('../img/fullcontenttop.gif') no-repeat top left;
	}
div div#bodycontent div#fullcontent div#fullcontenttopclear {
	background: url('../img/fullcontenttopclear.gif') no-repeat top left;
	}
div div#bodycontent div#fullcontent div#fullcontentbottom {
	background: url('../img/fullcontentbottom.gif') no-repeat bottom left;
	}
	



/* anything to do with the timeline */

div div#bodycontent div#fullcontent div#historycontainer {
	height: 170px;
	}

div div#bodycontent div#fullcontent div#historycontainer div.bubble {
	position: relative;
	width: 215px;
	height: 155px;
	top: 10px;
	display: none;
	}
	
div div#bodycontent div#fullcontent div#historycontainer div#bubbleleft {
	background: url('../img/bubbleleft.gif') no-repeat;
	}
div div#bodycontent div#fullcontent div#historycontainer div#bubbleright {
	background: url('../img/bubbleright.gif') no-repeat;
	}
	
div div#bodycontent div#fullcontent div#historycontainer div.bubble div {
	padding: 30px;
	}	
	
div div#bodycontent div#fullcontent div#historycontainer a {
	display: block;
	width: 150px;
	}
	
div div#bodycontent div#fullcontent div#timeline {
	width: 723px;
	height: 99px;
	margin: 0 auto;
	background: url('../img/timeline.gif') no-repeat bottom left;
	}	


/* anything to do with drag imag feature */

div div#bodycontent div#fullcontent div#dragimage {
	margin: 0 10px;
	width: 743px;
	height: 459px;
	cursor: move;
	}
div div#bodycontent div#fullcontent div.aerialimage {
	background: url('../img/aerialimage.jpg') no-repeat;
	background-position: -800px -400px;
	}
div div#bodycontent div#fullcontent div.cutawayimage {
	background: url('../img/cutawayimage.jpg') no-repeat;
	background-position: -160px 0px;
	}
	
div div#bodycontent div#fullcontent div#move {
	height: 19px;
	width: 743px;
	text-indent: 25px;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 3px;
	background: url('../img/move.gif') no-repeat;
	float: left;
	display: inline;
	}
div div#bodycontent div#fullcontent div.nickcopy {
	float: right;
	position: relative;
	top: -19px;
	left: -20px;
	}
div div#bodycontent div#fullcontent img#cutaway {
	width: 743px;
	height: 866px;
	padding: 0 10px;
	}

div div#bodycontent iframe {
	padding: 0 10px;
	}



/* anything within the footer content */
div div#footer  {
	padding: 40px 0;
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	color: #d5d5d1;
	}
div div#footer a {
	text-align: center;
	color: #d5d5d1;
	}