/* CSS Document */

body {
	padding:0;
	margin:0;
	background:#755e29 url(../images/layout/bg_main.jpg) top left repeat;
	/*
	---------------------------------------------------------------------------
	This document uses ems to calculate some element sizes. This is done for maximum
	accessibility when element resizing is needed.
	---------------------------------------------------------------------------
	How the ems base values are obtained:
	--------------------------------------
	The default size for ‘medium’ text in all modern browsers is 16px.
	Since we are planning to use ems as a universal unit of measurement here,
	our first step is to ensure that the browser is set to 16px as standard font-size.
	So, below you will see that we have set the font-size to 100% in IE and to 16px
	for all other browsers.
	---------------------------------------------------------------------------
	*/
	font-size:100%; /* for IE/Win */
	}
html>body {font-size:16px} /* for everything else */
/*	
	Now, to calculate ems values for the page, use the following formula.
	
	child pixels / parent pixels = target ems value
	
	child pixels being the pixel size of the element you are working with
	parent pixels being the font-size of the document, in this case 16px (set above)
	target ems value being the final size in ems of the element you are working with
	---------------------------------------------------------------------------
	NOTE:
	---------------------------------------------------------------------------
	 It is important to note that any child elements will inherit their base em
	value from the parent. IE: if you set the content div to have a font-size of
	0.5 em (or 8px), then all child-divs within the content div will use 8px as
	a value for 1em.
*/
#container {
	position:absolute;
	top:0; 
	left:50%; 
	width:90%; 
	margin-left:-45%;
	}
#content-main-top {
	position:absolute;
	top:54px;
	width:100%;
	background:url(../images/layout/bg_content-main-top.gif) top left no-repeat;
	text-align:right;
	z-index:1;
	}
#content-main {
	position:absolute;
	top:66px;
	width:100%;
	background:#f4f2e5 url(../images/layout/bg_content.jpg) top left repeat-y;
	text-align:left;
	padding-left:10px;
	z-index:1;
	}
#content-main-bottom {
	width:10px;
	background:#f4f2e5 url(../images/layout/bg_content-main-bottom.jpg) top left no-repeat;
	text-align:right;
	margin-left:-10px;
	font-size:0.1em;
	height:10px;
	}
#content-main-bottom-right {
	width:9px;
	/* background:#f4f2e5 url(../images/layout/bg_content-main-bottom.jpg) top left no-repeat; */
	text-align:right;
	left:100%;
	font-size:0.1em;
	float:right;
	}
#nav-main {
	position:absolute;
	top:46px;
	width:109px;
	height:701px;
	margin-left:-40px;
	background:transparent url(../images/layout/bg_buttonbar.gif) top center repeat-y;
	z-index:99;
	}
#nav-main-top {
	position:absolute;
	top:34px;
	width:109px;
	margin-left:-40px;
	background:transparent url(../images/layout/bg_buttonbar-top.gif) top center no-repeat;
	height:12px;
	z-index:99;
	}
#nav-main-center {
	width:100%;
	height:477px;
	background:transparent url(../images/layout/bg_buttonbar-center.jpg) top center no-repeat;
	text-align:center;
	}
#nav-main-bottom {
	position:absolute;
	top:747px;
	width:109px;
	margin-left:-40px;
	background:transparent url(../images/layout/bg_buttonbar-bottom.gif) top center no-repeat;
	height:9px;
	z-index:99;
	}
	.nav-main-buttons-left {
		width:9px;
		height:86px;
		background:transparent url(../images/layout/buttons/button_left.gif) no-repeat;
		float:left;
		}
	.nav-main-buttons-right {
		width:9px;
		height:86px;
		background:transparent url(../images/layout/buttons/button_right.gif) no-repeat;
		float:left;
		}
	.nav-main-buttons-center {
		width:91px;
		height:86px;
		background:transparent url(../images/layout/buttons/button_center.gif) no-repeat;
		float:left;
		}
#branding-logo {
	position:absolute;
	left:100%;
	margin-left:-360px;
	margin-top:20px;
	width:393px;
	background:transparent url(../images/layout/gc_header.gif) top left no-repeat;
	height:92px;
	z-index:98;
	}
#siteinfo-credits {
	background:transparent;
	margin-bottom:1.25em;
	width:47.5em; /* displayed at 760px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.625em;
	text-align:center;
	}
#sandbag-01 {
	float:left;
	width:80px;
	height:521px;
	}
#sandbag-02 {
	float:right;
	width:365px;
	height:47px;
	}
#nav-footer ul{
	float:right;
	border-top:3px solid black;
	}
#nav-footer li
	{
	text-transform:uppercase;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
#nav-footer a {font-weight:bold;}
#nav-footer a:link {color:#0000CC;}
#nav-footer a:visited {color:#003366;}
#nav-footer a:hover {background-color:#660000; color:white; }
#nav-footer a:active {color:#990000;}