/* general
----------------------------------------------------------*/

body
{
margin:0 auto;
padding:0;
background-color: #6a2c0e;
font-size: 76%;
font-family: "Lucida Grande", tahoma, verdana, sans-serif;
color: #444;
line-height: 1.6em;
text-align:center;
}

/* Top Bar
----------------------------------------------------------*/

#topBarContainer
{
position:relative;
width: 100%;
height: 214px;
background: url(images/topBarBk.jpg) top repeat-x;
z-index: 0;
}

#topBar
{
position:relative;
margin:0 auto;
padding:0;
width:780px;
height:214px;
background: transparent;
text-align:left;
z-index: 1;
}

	#topBarBanner
	{
	margin:0 auto;
	padding:0;
	width:780px;
	height:214px;
	position: absolute;
	left:0px;
	top:0px;
	overflow: hidden;
	z-index: 2;
	}

#topBar h1
{
position:relative;
margin:0;
padding:0;
width: 100%;
height: 144px;
text-indent: -99999999px;
z-index: 3;
}

#topBar h1 a
{
display: block;
height: 105px;
width: 375px;
background: none;
text-decoration: none;
}

#topBar ul
{
padding:0 0 0 20px;
margin: 0;
height: 42px;
position:relative;
z-index: 4;
}

#topBar li
{
list-style-type: none;
margin: 0;
padding: 0 20px 0 0px;
float: left;
line-height: 42px;
}

#topBar li a
{
color: #444;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

#topBar li a:hover
{
color: #6a2c0e;
text-decoration: underline;
}


/* Content Structure
----------------------------------------------------------*/

#contentContainer
{
margin: 0;
padding: 0;
width: 100%;
background-color: #f7eed9;
float: left;
}

#content
{
margin:0 auto;
padding:0 0 25px 0;
width: 780px;
text-align:left;
}

#content p
{
margin: 0;
padding: 8px 0;
}

#content h2, #content h2 a
{
margin: 0;
padding: 0;
color: #6a2c0e;
font-size: 24px;
text-decoration: none;
line-height: 28px;
}

#content h3, #content h3 a
{
margin: 12px 0 -7px 0;
padding: 0px;
color: #333;
font-weight: bold;
text-decoration: none;
}

#content a
{
color: #6a2c0e;
}

	/* Content Left & side navigation
	----------------------------------------------------------*/

#contentLeft
{
padding: 0 20px;
width: 180px;
float: left;
}

#contentLeft ul
{
list-style-type: none;
margin: 0;
padding:0;
}

#contentLeft li {
margin: 0;
padding:0;
}

#contentLeft li a, #contentLeft li a:visited {
display: block;
width: 170px;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 5px;
text-decoration: none;
color: #6a2c0e;
border-bottom: 1px solid #e6d8b8;
background: transparent;

}

#contentLeft li a:hover, #contentLeft li a:active {
background-color: #e6d8b8;
}

#contentLeft li a.current {
background: transparent url(images/OnArrow.gif) no-repeat;
width: 180px;
margin-right: -10px;
border: 0;
color: #f7eed9;
}

	/* Content RIGHT
	----------------------------------------------------------*/

#contentRight
{
padding: 0 20px 0 0;
width: 530px;
float: left;
}



/* Footer
----------------------------------------------------------*/

#footerContainer
{
clear: both;
width: 100%;
background: url(images/footerBk.jpg) top repeat-x;
}

#footer
{
margin:0 auto;
padding: 40px 20px;
width: 740px;
min-height: 200px;
color: #f7eed9;
text-align:left;
}

#footer a
{
color: #f7eed9;
}

/* Misc
----------------------------------------------------------*/

.imageRight
{
border: none;
float: right;
padding: 0 0 0 10px;
}