/* CSS Document */

body {
	padding:0;
	padding-left:1.25em;
	margin:0;
	background:#cc9833 url(../images/layout/ver2/bg_main.gif) top right repeat-y;
	/*
	---------------------------------------------------------------------------
	This document uses ems to calculate 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:16px /* for non IE/win browsers */
	}
	/*IE specific, due to its mis-interpretation of the box-model */
	*html body {
		font-size:100%; /* for IE5.x/win */
		f/ont-size:16px; /* for IE6.x/win and other versions */
		} 
/*	
	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.
*/
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.375em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:0.625em;
	}  /* displayed at 22px */
H2 {font-size:1.125em}  /* displayed at 18px */
H3 {font-size:0.94em}  /* displayed at 15px */
H4 {font-size:0.75em}  /* displayed at 12px */
INPUT, SELECT, TH, TD {font-size:1em}
#container {
	margin-bottom:0.625em;
	width:47.5em; /* displayed at 760px */
	font-size:1em;
	}
#branding-logo {
	position:absolute;
	top:1.25em;
	width:47.5em; /* displayed at 760px */
	height:3.125em;
	z-index:101;
	}
#branding-logo img {
	width:47.5em;
	height:3.125em;
	}
#nav-main {
	position:absolute;
	top:4.375em;
	width:47.5em; /* displayed at 760px */
	background:#330000 url(../images/layout/ver2/bg_container.gif) top left repeat-y;
	height:1.125em;
	z-index:99;
	}
#nav-main ul
	{
	padding:0;
	margin:0;
	float:right;
	width:41em;
	font-family:arial, helvetica, sans-serif;
	color:#cc9933;
	font-weight:normal;
	font-size:0.875em;
	}

#nav-main ul li {
	display:inline;
	}

#nav-main ul li a
	{
	padding:0 1em;
	color:#cc9933;
	text-decoration:none;
	float:left;
	font-weight:bold;
	}

#nav-main ul li a:hover
	{
	background-color:#cc9833;
	color:#330000;
	}
#content-main {
	position:absolute;
	top:0;
	margin:0;
	width:44.375em; /* displayed at 760px */
	padding-top:5.5em;
	padding-left:3.125em;
	background:transparent url(../images/layout/ver2/bg_container.gif) top left repeat-y;
	border-bottom:0.875em solid #330000;
	z-index:97;
	}
#siteinfo-legal {
	background:transparent;
	margin-top:50px;
	width:100%; /* displayed at 760px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:center;
	}
#siteinfo-credits {
	background:transparent;
	margin-bottom:1.25em;
	width:100%; /* displayed at 760px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.625em;
	text-align:center;
	}
/*
---------------------------------------------------------------------------
Additional layout elements, not essential to page structure
---------------------------------------------------------------------------
*/
.clear {
	clear:both;
	font-size:0.1em;
	}