body {
	margin: 0; padding: 0;
	font: 85% Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFEF9;
	position: relative;
}

/* accessibility */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
	padding: 0 15px 0 0;
	background: url(/images/external.png) no-repeat 100% 0;
}

/* background images for individual pages */
body { background-repeat: no-repeat; background-position: 5px 5px; }
body#shellgreen-page { background-image: url(../2visiting/images_cemeteries/shellgreen_topleft.jpg); }
body#shrapnel-page { background-image: url(../2visiting/images_cemeteries/shrapnel_cemetery.jpg); }
body#hillsixty-page { background-image: url(../2visiting/images_cemeteries/hillsixty_cemetery.jpg); }

#container { background-repeat: no-repeat; background-position: right bottom; }
#shellgreen-page #container { background-image: url(../2visiting/images_cemeteries/shellgreen_bottomright.jpg); }
#shrapnel-page #container { background-image: url(../2visiting/images_cemeteries/shrapnel_2.jpg); }

/* page positioning */
#container {
	margin: 0 10px 10px 0; padding: 0 0 200px 0;
}
#content-area {
	padding: 0;
	margin: 5px 0 20px 223px;
	min-width: 14em; max-width: 35em;
}
dl#visual-1, dl#visual-2, dl#visual-3, dl#visual-4, dl#visual-5, dl#visual-6, dl#visual-7, dl#visual-8, dl#visual-9, dl#visual-10 {
	position: absolute;
	left: 5px;
	width: 208px;
	height: auto;
}
dl#visual-1, dl#visual-1-enlarge { top: 290px; } /* add 220px to each one */
dl#visual-2, dl#visual-2-enlarge { top: 510px; }
dl#visual-3, dl#visual-3-enlarge { top: 730px; }
dl#visual-4, dl#visual-4-enlarge { top: 950px; }
dl#visual-5, dl#visual-5-enlarge { top: 1170px; }
dl#visual-6, dl#visual-6-enlarge { top: 1390px; }
dl#visual-7, dl#visual-7-enlarge { top: 1610px; }
dl#visual-8, dl#visual-8-enlarge { top: 1830px; }
dl#visual-9, dl#visual-9-enlarge { top: 2050px; }
dl#visual-10, dl#visual-10-enlarge { top: 2270px; }

dl#visual-1-enlarge, dl#visual-2-enlarge, dl#visual-3-enlarge, dl#visual-4-enlarge, dl#visual-5-enlarge, dl#visual-6-enlarge, dl#visual-7-enlarge, dl#visual-8-enlarge, dl#visual-9-enlarge, dl#visual-10-enlarge {
	padding: 0 10px 10px 0;
	position: absolute;
	left: 5px;
	width: 485px;
	border: 1px solid #333;
	background-color: #FFF;
	z-index: 100;
}

/* Text Styles */
h1 {
	margin: 0;
	font-size: 1.2em;
	color: #BAAE76;
	text-decoration: none;
	text-shadow: -5px 3px 3px #CCC;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: normal;
}
h2 { font-size: 1.1em; }
p {	font-size: 95%; }
a:link, a:visited { color: #80714B;}
a:hover {
	color: #333;
	text-decoration: none; 
}
a:focus {	
	color: #333;
	background-color: #FF6;
	text-decoration: none; 
}
a:active {}

p#cwg-link {
	padding: 0 0 15px 85px;
	font-size: 85%;
	color: #666;
	background: url(../2visiting/images/cwg_logo.gif) no-repeat left top;
	position: absolute;
	min-height: 70px;
	width: 124px;
	left: 5px; top: 180px;
}
acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}
blockquote {
    margin-left: 0; margin-right: 0; padding: 0.25em 0 0.25em 3em;
	background: url(../images/blockquote_bgtop.gif) no-repeat;
}
blockquote p {
	padding-right: 3em;
	background: url(../images/blockquote_bgbot.gif) no-repeat right bottom;
}
cite {
	display: block;
	margin-top: 0.5em;
	font-size: 85%;
	text-align: right;
	font-style: normal;
}

/* Definition Lists - for images and captions */
dl { margin: 0; }
dt {
	text-transform: uppercase;
	font-size: 90%;
	border-top: 1px solid #BAAE76;
	line-height: 18px;
	text-indent: 13px;
	background: url(../images/greenarrow.gif) no-repeat left top;
}
dt img {
	width: 208px; height: 138px;
	border: 0;
	text-indent: 0; /* for ie mac's sake */
}
dl#visual-1-enlarge dt, dl#visual-2-enlarge dt, dl#visual-3-enlarge dt, dl#visual-4-enlarge dt, dl#visual-5-enlarge dt, dl#visual-6-enlarge dt, dl#visual-7-enlarge dt, dl#visual-8-enlarge dt, dl#visual-9-enlarge dt, dl#visual-10-enlarge dt { 
	border-top: none;
}
#visual-1-enlarge dt img, dl#visual-2-enlarge dt img, dl#visual-3-enlarge dt img, dl#visual-4-enlarge dt img, dl#visual-5-enlarge dt img, dl#visual-6-enlarge dt img, dl#visual-7-enlarge dt img, dl#visual-8-enlarge dt img, dl#visual-9-enlarge dt img, dl#visual-10-enlarge dt img { 
	padding-left: 10px;
	width: 475px; height: 320px;
}
dt a { text-decoration: none; }
dd {
	margin-left: 0; margin-top: 3px;
	text-align: right; 
	font-size: 75%;
	border-bottom: 1px solid #BAAE76;
}