@import url(undo.css);

/* SET BASE FONT ATTRUBUTES */
body {
	font: 11px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #301D11;
	background: #5a0000;
	padding: 0;
	margin: 0;
}

#Container {
	background: #fffccc url(../img/main_bg.png) repeat-y;
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

body.mobile {
	background: #fffccc;
	margin: 0;
	padding: 0;
}

body.mobile #Container {
	background: #fffccc;
	width: 100%;
}

#Header {
	background: url(../img/header_bg.jpg) no-repeat;
	position: relative;
	height: 209px;
	padding: 0;
	margin: 0 10px;
	border-bottom: 1px solid #fff
}

#Header #Logo {
	width: 240px;
	height: 209px;
	position: absolute;
	top: 0;
	left: 0;
}

#Header #SiteTitle {
	width: 440px;
	height: 126px;
	position: absolute;
	top: 20px;
	left: 240px;
	z-index: 200;
}

#Header #SiteTitle span {
	visibility: hidden;
}

#Header #StrapLine {
	width: 441px;
	height: 37px;
	position: absolute;
	left: 250px;
	top: 147px;
	z-index: 300;
}

#Header #ABOD {
	width: 255px;
	height: 124px;
	position: absolute;
	right: 20px;
	top: 27px;
}

#Header #StrapLine span {
	visibility: hidden;
}

#skipLink {
	margin-top: 5px;
	margin-left: 22px;
	float: left;
	display: none;
}

#skipLink a {
	color: #004687;
	height: 15px;
	font-weight: bold;
	text-decoration: none;
}

#nav {
	width: 725px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 192px;
	left: 213px;
}

#nav ul {
	padding: 0;
	margin: 0;
	height: 15px;
}

#nav li {
	height: 15px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}

#nav li span {
	visibility: hidden;
}

#nav li a {
	display: block;
	height: 15px;
	line-height: 0;
	text-decoration: none;
	background: url(../img/topnav.jpg) no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}

#nav li a:hover {
	display: block;
}

#nav li#homeNavLink {
	width: 48px;
}

#nav li#homeNavLink a:hover {
	background-position: 0 -15px;
}

#nav li#mapNavLink {
	width: 180px;
}

#nav li#mapNavLink a {
	background-position: -48px 0;
}

#nav li#mapNavLink a:hover {
	background-position: -48px -15px;
}

#nav li#historyNavLink {
	width: 71px;
}

#nav li#historyNavLink a {
	background-position: -228px 0;
}

#nav li#historyNavLink a:hover {
	background-position: -228px -15px;
}

#nav li#commemorationsNavLink {
	width: 426px;
}

#nav li#commemorationsNavLink a {
	background-position: -299px 0;
}

#nav li#commemorationsNavLink a:hover {
	background-position: -299px -15px;
}

#SecondaryLogos {
	text-align: center;
	margin-top: 10px;
}

#Credits {
	margin-top: 10px;
	text-align: center;
}

#MainArea {
	margin: 0 0 30px;
}

#Content {
	position: relative;
	margin: 10px 30px;
}

#MainArea #Content #linkBoxes {
	margin-bottom: 20px;
}

#MainArea #Content #linkBoxes .linkbox {
	float: left;
	width: 290px;
	height: 290px;
	margin-right: 25px;
}

#MainArea #Content #linkBoxes .linkbox.last {
	margin-right: 0;
}

#MainArea #Content #linkBoxes .linkbox #TourLink {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/linkboxes/tour.jpg);
	border: none;
}

#MainArea #Content #linkBoxes .linkbox #TourLink:hover {
	background: url(../img/linkboxes/tour_o.jpg);
}

#MainArea #Content #linkBoxes .linkbox #TourLink span {
	visibility: hidden;
}

#MainArea #Content #linkBoxes .linkbox #HistoryLink {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/linkboxes/history.jpg);
	border: none;
}

#MainArea #Content #linkBoxes .linkbox #HistoryLink:hover {
	background: url(../img/linkboxes/history_o.jpg);
}

#MainArea #Content #linkBoxes .linkbox #ACLink {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/linkboxes/ac.jpg);
	border: none;
}

#MainArea #Content #linkBoxes .linkbox #ACLink:hover {
	background: url(../img/linkboxes/ac_o.jpg);
}

#MainArea #Content #linkBoxes .linkbox #TourLink span,
#MainArea #Content #linkBoxes .linkbox #HistoryLink span,
#MainArea #Content #linkBoxes .linkbox #ACLink span {
	visibility: hidden;
}

#MainArea #Content div.columns .col1,
#MainArea #Content div.columns .col2 {
	width: 50%;
	float: left;
}

#MainArea #Content a {
	color: #009;
	text-decoration: none;
	border-bottom: 1px dashed #360;
}

#MainArea #Content a:hover {
	color: #851811;
	text-decoration: none;
	border-bottom: 1px solid #360;
}

p, ul, ol {
	margin-bottom: 10px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia;
	font-weight: normal;
	color: #5a0000;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -2px;
	line-height: 1.1em;
	margin-bottom: 10px;
}

h1 {font-size: 3.4em;}
h2 {font-size: 3.0em;}
h3 {font-size: 2.5em;}
h4 {font-size: 2.0em;}
h5 {font-size: 1.5em; letter-spacing: normal;}
h6 {font-size: 1.2em;}

p {
	font-family: Georgia;
	color: #2b2b2b;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1.2em;
}

acronym {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A30328;
	cursor: help;
}

#Content p {
	margin-left: 20px;
	margin-right: 30px;
}

#Content ul,
#Content ol,
#Content dl {
	padding-left: 10px;
}

#Content ul ul {
	margin: 10px 0 5px;
}

#Content ul li {
	line-height: 1.4em;
}

#Content ol li {
	list-style-type: decimal;
}

#Content li,
#Content dt,
#Content dd {
	line-height: 13px;
	padding-left: 0;
	padding-bottom: 4px;
	list-style-type: none;
}

#Content dl {
	margin-bottom: 8px;
}

#Content dt {
	font-weight: bold;
	line-height: 12px;
	padding-bottom: 7px;
}

#Content dd {
	line-height: 10px;
	padding-bottom: 7px;
}

#Content a#mcfBanner {
	display: block;
	border: 3px solid #fff;
	height: 137px;
}

#Content a#mcfBanner:hover {
	border: 3px solid #ffcf00;
}

#Content a#mcfBanner img {
	margin: 0;
	padding: 0;
}

#Footer {
	background: url(../img/footer.jpg) no-repeat;
	height: 190px;
	margin: 0 10px;
	clear: both;
	position: relative;
}

#Footer .menu {
	width: 800px;
	margin: 0 auto;
	padding-top: 10px;
}

#Footer .menu p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
}

#Footer .menu a {
	color: #fff;
	text-decoration: underline;
}

#Footer .menu a:hover {
	color: #ffc600;
}

#Footer .banner {
	position: absolute;
	width: 560px;
	height: 100px;
	top: 68px;
	left: 165px;
}

.burg {
	color: #660000;
}

.caps {
	text-transform: uppercase;
}

.noborder {
	border: none;
}

.clear {
	clear: both;
}

p.copyright {
	color: #fff;
	font-size: 9px;
	width: 560px;
	position: absolute;
	top: 170px;
	left: 165px;
	text-align: center;
	padding-top: 3px;
}

.burolink {
	position: absolute;
	top: 144px;
	right: 10px;
}

#bigMap {
	position: relative;
	width: 1024px;
	height: 700px;
	margin: auto;
	border: 6px solid #fff;
}

#bigMap #mapTitle {
	position: absolute;
	left: 12px;
	top: 14px;
}

#bigMap #mapClose {
	position: absolute;
	left: 17px;
	top: 204px;
	background: url(../img/map-close.png) no-repeat;
	width: 103px;
	height: 22px;
	text-decoration: none;
}

#bigMap #mapClose:hover {
	background: url(../img/map-close_o.png) no-repeat;
}

#bigMap #mapCloseAlt {
	position: absolute;
	right: 8px;
	bottom: 8px;background: url(../img/map-close.png) no-repeat;
	width: 103px;
	height: 22px;
	text-decoration: none;
}

#bigMap #mapCloseAlt:hover {
	background: url(../img/map-close_o.png) no-repeat;
}

#bigMap #mapClose span,
#bigMap #mapCloseAlt span {
	visibility: hidden;
}

#bigMap #mapInstructions {
	position: absolute;
	left: 17px;
	top: 145px;
}

#Popup .trail {
	background: #fff;
	border: 3px solid #a82814;
	padding: 20px 0;
	width: 476px;
}

#Popup .trail .trailImage {
	width: 220px;
	margin-right: 20px;
	float: left;
}

#Popup .trail .trailImage img {
	width: 194px;
	margin-left: 20px;
	border: 3px solid #fff;
}

#Popup .trail .content {
	float: left;
	margin: 0;
	width: 210px;
	overflow: auto;
}

.mapleft {
	float: left;
	width: 230px;
	margin: 0 10px 0 20px;
}

.mapright {
	float: left;
	width: 655px;
}

.mapright img {
	border: 2px solid #fff;
}

.popupLinks {
	width: 90%;
	margin-top: 10px;
}

.popupLinks a {
	color: #fff;
}

.popupLinks a:hover {
	color: #cc6600;
	text-align: center;
}

.elemSpace {
	margin-bottom: 10px;
}

.elemSpace label {
	display: block;
}

.elemSpace input,
.elemSpace textarea {
	clear: both;
	border: 1px solid #5A0000;
}

.bannerBox {
	margin-top: 2em;
}

.halfBanner {
	width:444px;
	float: left;
}

#MainArea #Content a.halfBanner {
	display: block;
	border: 3px solid #fff;
}

#MainArea #Content a.halfBanner:hover {
	border: 3px solid #ffcf00;
}

.rightBanner {
	float: right;
}