body, .container  { background-color: #1975BA; }

/*logo*/
.logo-area
{
	float: left;
	padding: 20px 20px 0 60px;
}
	.logo-area img { margin-right: 5px; }
	.logo-area h1 /*Site title*/
	{ 
		display: inline;
		font: 33pt "Arial Narrow", sans-serif; color: #CFD8DF;
	}

/*menu*/
.menu-area 
{
	float: left;
	height: 63px;
	padding-top: 45px;
}
	ul.menu 
	{ 
		display: inline;
		padding: 0; margin: 0;
		list-style-type: none;
	}
		ul.menu li { display: inline; padding: 0 10px; }
			ul.menu li.active a { font: 9pt "Arial Narrow", sans-serif; color: #fff; text-decoration: underline; }
			ul.menu li a { font: 9pt "Arial Narrow", sans-serif; color: #fff; text-decoration: none; }
			ul.menu li a:hover { text-decoration: underline; }
			ul.menu li img { margin-right: 5px; margin-bottom: -2px; }
			
.main-area 
{
	width: 780px;
	background: url('../images/bg.gif') repeat-y; 
}
	.main-container
	{
		min-height: 420px;
		padding: 50px 55px 0 55px;
		background: url('../images/tbg.gif') no-repeat;
	}		
		.left-page  { float: left; width: 317px; }
			.subtitle 
			{
				height: 54px;
				margin-bottom: 8px; padding-left: 5px;
				font: 15pt "Times New Roman", serif; color: #C8003F; 
			}
			/*submenu*/
			ul.submenu
			{
				padding: 0; margin: 20px 0 0 0;
				list-style-type: none;
			}
				ul.submenu li  
				{ 
					float: left; clear: both; 
					width: 317px; 
				}
					ul.submenu li a  { font: 8pt "Arial Narrow", sans-serif; color: #6A6A6A; text-decoration: none; }
					ul.submenu li a:hover { text-decoration: underline; }
					
					ul.submenu li a.text 
					{ 
						float: left; 
						margin-left: 15px; 
						line-height: 24px; 
					}
					ul.submenu li a.bullet 
					{ 
						float: right; 
						margin-right: 10px; 
						line-height: 24px; 
					}				
					
					ul.submenu li.active a.text 
					{ 
						float: left; 
						margin-left: 15px; 
						line-height: 24px; text-decoration: underline; 
					}
					ul.submenu li.active a.bullet 
					{ 
						margin: 3px 0; padding: 2px 10px;
						background-color: #C8003F;
						color: #fff; text-decoration: none; line-height: normal; 
					}
					
				ul.submenu li.separator { clear: both; height: 1px; }
					ul.submenu li.separator div 
					{ 
						height: 1px; 
						padding: 0; 
						background: #E4E4E4; 
					}

		.right-page { margin-left: 388px; }
			/*content*/
			.pagetitle
			{
				height: 54px;
				margin: 0 0 8px 0; padding: 0 5px 0 0;
				font: 15pt "Times New Roman", serif; color: #C8003F; text-align: right;
			}
			.content
			{
				width: 279px; 
				overflow-x: auto; overflow-y: hidden; 
				padding-bottom: 15px;
			}
			.pageContent, .pageContent a { font: 8pt Tahoma, sans-serif; color: #6A6A6A; }

/*footer*/
.footer 
{
	width: 385px;
	padding: 170px 5px 85px 390px;
	background: url('../images/bbg.gif') no-repeat;
	text-align: center; font: 7.5pt Tahoma, sans-serif; color: #fff; 
}

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