/* CSS Document */

html {
	height: 100%;
	width: auto;
	padding: 0 0 200px 0;

	/* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background: #020701 url(images/structure/background.jpg) no-repeat center top;
}
body {
	position: relative;
	min-height: 100%; 
	width: 970px;
	margin: 0 auto; /* center */ 
	margin-top: 150px;
	background-color: #D5AB63;
}

/* Header ******************************************************* */
header.homepage {
	position:absolute;
	top: -150px;
	left: 0;
	width: 970px;
	height: 450px;
	background: url(images/structure/top_homepage.jpg) no-repeat center top;
}
header.secondary {
	position:absolute;
	top: -150px;
	left: 0;
	width: 970px;
	height: 292px;
	background: url(images/structure/top.jpg) no-repeat center top;
}

/* Nav ********************************************************** */
nav, aside {
	position: absolute;
	height: 92%; 
	top: 40px;
	z-index: 15;
}
nav {
	left: 0;
	border-right: 1px solid #5D2D05;
	width: 225px;
}
nav #home_seal {
	position: absolute;
	left: 408px;
	top: -164px;
}
nav #grand-lodge_seal {
	position: absolute;
	left: 885px;
	top: -155px;
}
nav ul {
	padding-right: 15px;
}
nav ul li {
	list-style: none;
	padding: 2px 0;
	border-bottom: 1px dotted #5D2D05;
}
nav ul li a {
	display: block;
	text-transform: uppercase;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #5D2D05;
}
nav ul li a:hover {
	color: #D5AB63;
	background-color: #5D2D05;
}

/* Aside ******************************************************** */
aside {
	right: 0;
	padding: 0 15px;
	border-left: 1px solid #5D2D05;
	width: 200px;
}
aside h1 {
	font-size: 14pt;
	font-weight: bold;
	color: #5D2D05;
	font-family: Arial, Helvetica, sans-serif;
}
aside h2 {
	font-size: 11pt;
	color: #5D2D05;
}
aside img {
	border: thick solid white;
}
aside a > img {
	border: none;
}

/* Article ****************************************************** */
article {
	position: relative;
	z-index: 10;
}
article p {
	line-height: 150%;
}
article h1 {
	margin-bottom: 10px;
	color: #5D2D05;
}
article h2 {
	color: #5D2D05;
}
article.homepage {
	padding: 275px 250px 30px 250px;
}
article.secondary {
	padding: 30px 260px 30px 250px;
}
/* Footer ******************************************************* */
footer {
	position: absolute;
	bottom: 0px;
	width: 970px;
	height: 108px;
	background: url(images/structure/bottom.jpg) no-repeat center bottom;
	z-index: 5;
}
footer > p {
	position: absolute;
	left: 30px;
	bottom: -40px;
	color: #D5AB63;
	font-size: 8pt;
}
footer > p > a {
	color: #D5AB63;
	border-bottom-color: #D5AB63;
}
footer > p > a:hover {
	color: #7A89EE;
	border-bottom-color: #7A89EE;
}



strong {
	font-weight: bold;
}
em {
	font-style:italic;
}
/* *** Linky *** */
a {
	color: #5D2D05;
	border-bottom: 1px dotted #5D2D05;
}
a:hover {
	color: #5D2D05;
	border-bottom-color: #5D2D05;
}
a.decorative-link:after {
	content: " >"
}
a.link-for-image {
	border: none;
}
a:hover.link-for-image {
	border: none;
}
a.link-pdf {
	border: none;
}
ul li {
	background: none;
}
/* *** Other Stuff *** */
#album-6 {
	border: thick solid white;
}
.floatybox {
	float: left;
	width: 90px;
	margin: 0px 15px 20px 15px;
}
.floatybox p {
	padding-bottom: 0px;
}
.floatybox .title {
	position: relative;
	height: 30px;
	border-bottom: 1px solid #5D2D05;
	margin-bottom: 5px;
}
.floatybox .title p {
	position: absolute;
	bottom: 0;
	padding-bottom: 3px;
	font-weight: bold;
	color: #5D2D05;
}
.floatybox img {
	border: thick solid white;
}
article fieldset {
	border: 1px solid #5D2D05;
}
article fieldset legend {
	padding: 5px;
	color: #5D2D05;
}
article td {
	padding-left: 0;
}
article td:first-child {
	font-weight: bold;
}
#menu a.current {
	color:black; 
}