h1  {
	font:bold 24px "Helvetica", sans-serif;
	color:#855f10;
}
h2  {
	font:bold 18px "Helvetica", sans-serif;
	color:#333333;
}
p  {
	font:14px "Helvetica", sans-serif;
	color: #000000;
}
p2  {
	font:12px "Helvetica", sans-serif;
	color: #000000;
}

img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}
		
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#c9ccb6;
}
#wrapper { 
 margin: 0 auto;
 width: 1000px;
	
}
#header {
 position: relative;
 color: #333;
 width: 1000px;
 float: left;
  background: url(images/goldbox.png);
 height: 175px;
 margin: 20px 0px 5px 0px;
  	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
}
#leftcolumn { 
 position: relative;
 color: #333;
 background: #E6BB63;
 margin:0px 0px 5px 0px;
 padding: 10px;
 height: 420px;
 width: 195px;
 float: left;
   	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
}
#rightcolumn { 
 position: relative;
 float: right;
 color: #333;
 background: url(images/lightbox.png);
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 420px;
 overflow:scroll;
 width: 760px;
 display: inline;
   	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
}
#columncolumn {
 position:relative;
 float:left;
 width:740px;
 margin-bottom:10px;
}
#footer { 
 position: relative;
 width: 980px;
 clear: both;
 color: #333;
  background: url(images/goldbox.png);
 padding: 10px;
   	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #cc9a31;
color: #000000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #cc9a31;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #c9ccb6;
}

#navcontainer ul li a:hover
{
background-color: #771013;
color: #fff;
}

  var. 1 = #CC9A31 = rgb(204,154,49)
   var. 2 = #997D42 = rgb(153,125,66)
   var. 3 = #855F10 = rgb(133,95,16)
   var. 4 = #E6BB63 = rgb(230,187,99)
   var. 5 = #E6C786 = rgb(230,199,134)