.container  
{ 
	width: 780px; 
	margin: auto; 
	background: url('../images/bg.gif');
}
.header-area 
{ 
	height: 302px;
	background: url('../images/header.jpg') no-repeat; 
}

/*menu*/
.menu-area 
{ 
	float: left;
	height: 200px;
}
	ul.menu 
	{ 
		padding: 0; margin: 0;
		list-style-type: none;
	}
		ul.menu li 
		{ 
			float: left;
			padding: 0 10px;
		}
			ul.menu li.active a { font: bold 8pt Tahoma, sans-serif; color: #fff; }
			ul.menu li a { font: 8pt Tahoma, sans-serif; color: #fff; text-decoration: none; }
			ul.menu li a:hover { text-decoration: underline; }
			.menu-bullet-area  
			{ 
				padding: 10px 0 3px 0;
				text-align: center; 
			}
		ul.menu li.separator { padding-top: 4px; }

/*logo*/
.logo-area 
{  
	float: left; 
	width: 213px; height: 139px;
	margin-left: 29px;
	margin-right: 29px;
	text-align: center;
}
	.logo-area img 
	{ 
		display: block; 
		margin: 30px auto 10px auto;
	}
	.logo-area h1 /*Site title*/
	{ 
		display: inline;
		font: 22.5pt Arial Narrow, sans-serif; color: #373737; text-transform: uppercase;
	}
.subtitle 
{ 
	height: 45px;
	font: 13.5pt Tahoma, sans-serif; color: #fff; line-height: 45px;
}

/*submenu*/
.submenu-area  
{ 
	float: left; 
	width: 212px;
	padding-left: 30px;
}
	.submenu-container
	{ 
		background: url('../images/submenu_bg.gif') no-repeat;
		height: 388px;
	}
		ul.submenu
		{
			width: 151px;
			padding: 0; margin: 0 0 0 29px;
			list-style-type: none;
		}
			ul.submenu li  
			{ 
				float: left; clear: both;
				height: 29px; width: 127px;
				padding: 0 12px;
				background: url('../images/submenu_bullet.gif') left center no-repeat;
			}
				ul.submenu li.active a { font: bold 7.5pt Tahoma, sans-serif; color: #414141; line-height: 29px; }
				ul.submenu li a  { font: 7.5pt Tahoma, sans-serif; color: #414141; text-decoration: none; line-height: 29px; }
				ul.submenu li a:hover { text-decoration: underline; }
			ul.submenu li.separator, ul.submenu li.separator div
			{
				height: 1px;
				background: url('../images/submenu_separator.gif') repeat-x;
			}

/*content*/
.content-area 
{ 
	height: 888px;
	width: 500px;
	margin-left: 270px; 
}
	.content-area { padding: 20px 20px 20px 0; }
	.content-area h2 /*Page title*/
	{
		display: inline;
		padding-right: 25px;
		font: bold 11pt Arial Narrow, sans-serif; color: #fff;
		background: url('../images/pagetitle_bullet.gif') right center no-repeat;
	}
	.content { padding-top: 10px; }
	.pageContent, .pageContent a { font: 8pt Tahoma, sans-serif; color: #9B9B9B; }

/*bottom menu*/
.bmenu-area 
{
	height: 48px;
	background: url('../images/bmenu_bg.gif') repeat-x;
	text-align: center;
}
	ul.bmenu 
	{ 
		padding: 0; margin: 0;
		list-style-type: none;
	}
		ul.bmenu li { display: inline; padding: 0 7px; }
			ul.bmenu li.active a { font: bold 8pt Tahoma, sans-serif; color: #fff; line-height: 48px; }
			ul.bmenu li a { font: 8pt Tahoma, sans-serif; color: #fff; text-decoration: none; line-height: 48px; }
			ul.bmenu li a:hover { text-decoration: underline; }

/*footer*/
.footer 
{
	height: 60px;
	background: #373737;
	text-align: center;
	font: 8pt Tahoma, sans-serif; color: #AFAFAF; line-height: 60px;
}

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