body, .container  { background: #ECC27A url('../images/bg.jpg'); }
.container { padding-bottom: 60px; }

/*logo*/
.logo-left-area 
{
	float: left;
	width: 475px; height: 142px;
	background: url('../images/logo_lbg.gif') no-repeat;
}
	.logo-area { padding: 65px 0 0 135px; }
		.logo-area img { margin-right: 5px; }
		.logo-text { float: left; }
			.logo-text h1 /*Site title*/
			{ 
				display: inline;
				font: 19.5pt "Arial Narrow", sans-serif; color: #fff;
			}
			.subtitle 
			{ 
				margin-top: -3px;
				font: 8pt "Arial Narrow", sans-serif; color: #fff; 
			}
.logo-right-area 
{
	float: right;
	width: 305px; height: 142px;
	background: url('../images/logo_rbg.gif') right top no-repeat;
}
.logo-middle-area 
{
	height: 142px;
	margin: 0 305px 0 475px;
	background: url('../images/logo_bg.gif') repeat-x;
}

/*menu*/
.menu-area 
{
	height: 50px;
	margin: 0 65px 0 70px;
	background: #fff;
	text-align: center;
}
	ul.menu 
	{ 
		padding: 0; margin: 0;
		list-style-type: none;
	}
		ul.menu li 
		{ 
			display: inline;
			padding: 0 30px 2px 15px;
			background: url('../images/bullet.gif') center left no-repeat;
		}
			ul.menu li.active a { font: 8pt "Arial Narrow", sans-serif; color: #737373; text-decoration: underline; text-transform: uppercase; line-height: 50px; }
			ul.menu li a { font: 8pt "Arial Narrow", sans-serif; color: #737373; text-decoration: none; text-transform: uppercase; line-height: 50px; }
			ul.menu li a:hover { text-decoration: underline; }
			
.header-area  { width: 100%; height: 348px; border: none; }
	.header-area  td { padding: 0; vertical-align: top; }
	.header-left-area { background: url('../images/header_lbg.gif') repeat-y; }
	.header-middle-area { width: 100%; background: #B6BF28 url('../images/header_tbg.gif') repeat-x; }
		.submenu-area  
		{ 
			width: 168px; height: 137px;
			padding: 30px 60px 0 90px;
			background: url('../images/header_rbg.gif') repeat-y; 
		}

/*submenu*/
	ul.submenu
	{
		padding: 0; margin: 0;
		list-style-type: none;
	}
		ul.submenu li  
		{ 
			float: left; clear: both;
			height: 24px; width: 143px;
			padding: 0 10px 2px 10px;
			background: url('../images/submenu_bullet.gif') right center no-repeat;
		}
			ul.submenu li.active a { font: 8pt "Arial Narrow", sans-serif; color: #fff; text-decoration: underline; line-height: 24px; }
			ul.submenu li a  { font: 8pt "Arial Narrow", sans-serif; color: #fff; text-decoration: none; line-height: 24px; }
			ul.submenu li a:hover { text-decoration: underline; }
			ul.submenu li.separator, ul.submenu li.separator div
			{ 
				height: 1px;
				width: 163px;
				padding: 0;
				background: url('../images/submenu_separator.gif') repeat-x;
			}

/*content*/			
.content-area  { width: 100%; border: none; }
	.content-area  td { vertical-align: top; }
	.content-left-area { padding: 0; background: url('../images/content_lbg.gif') repeat-y; }
	.content-middle-area { width: 100%; background: #B6BF28; padding: 0 40px 0 0; }
		.content-area h2 /*Page title*/
		{
			display: inline;
			font: bold 19pt "Arial Narrow", sans-serif; color: #fff;
		}
		.pageContent, .pageContent a { font: 9pt "Arial Narrow", sans-serif; color: #fff; }
	.content-right-area { padding: 0; background: url('../images/content_rbg.gif') repeat-y; }
	.content-right-area div { width: 82px; height: 1px; }

/*footer*/
.footer-area  
{ 
	width: 100%; height: 109px;
	border: none; 
}
	.footer-area  td { padding: 0; vertical-align: top; }
	.footer-left-area img { margin-left: 70px; }
	.footer-left-bg-area { width: 50%; background: url('../images/footer_lbg.gif') repeat-x; }
	.footer-middle-area { background: url('../images/footer_bg.gif') no-repeat; }
		.footer { width: 225px; height: 29px; margin: 40px 25px 40px 137px; text-align: center; }
	.footer-right-bg-area  { width: 50%; background: url('../images/footer_rbg.gif') repeat-x; }
	.footer-right-area img { margin-right: 64px; }
.footer { font: 8pt "Arial Narrow", sans-serif; color: #fff; }

/*other*/
.clear { clear: both; }
.nomargin { margin: 0; }