body 
{
	font-family: Arial;
	font-size: 12px;
	background: #CCCCCC;
	padding: 0;
	margin: 0 0 20px;
	height: 100%;
}

#site-container
{
	margin: 0 auto;
	width: 1033px;
}
	
#header-section
{
	background: #F7F7F7 url(Images/site-section-bg.png) repeat-y;
	margin: 0 auto;
	width: 1024px;
}
	#logo-zone
	{
		float: left;
		width: 203px;
		padding: 10px 0 5px 2px;
	}
		#logo-zone a
		{
			background: url(Images/logo.jpg) no-repeat;
			display: block;
			height: 57px;
		}
	#module-list-area
	{
		float: left;
		width: 790px;
		padding: 12px;
	}
		#module-list-area a
		{
			background: url(Images/module-list-area-arrow.png) no-repeat;
			float: left;
			display: block;
			margin: 0 5px;
			width: 120px;
			color: #000;
			text-decoration: none;
			padding: 0 0 0 19px;
			height: 22px;
			line-height: 22px;
		}
		#module-list-area a:hover
		{
			background-position: left bottom;
			color: #52ACE0;
		}

#user-bar
{
	background: url(Images/user-bar-bg.png) no-repeat;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	color: #fff;
}
	#user-context-details
	{
		float: left;
		margin: 0 0 0 5px;
	}
		#user-context-details span
		{
			color: red;
			font-weight: bold;
		}
		#user-context-details a
		{
			color: #52ACE0;
			font-weight: bold;
		}
	#user-quick-links
	{
		float: right;
	}
		#user-quick-links a
		{
			float: left;
			display: block;
			margin: 0 15px 0 0;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
		}
		#user-quick-links a:hover
		{
			color: #3D8CC5;
		}
		
		#user-quick-links a.support-sprite,
		#user-quick-links a.log-out-sprite,
		#user-quick-links a.print-sprite,
		#user-quick-links a.revert-sprite,
		#user-quick-links a.impersonate-sprite
		{
			background: url(Images/user-quick-links-sprite-icons.png) no-repeat;
			padding: 0 0 0 26px;
		}
		#user-quick-links a.log-out-sprite
		{
			background-position: 0 -36px;
			padding: 0 0 0 38px;
		}
		#user-quick-links a.print-sprite
		{
			background-position: 0 -72px;
		}
		#user-quick-links a.revert-sprite
		{
			background-position: 0 -108px;
		}
		#user-quick-links a.impersonate-sprite
		{
			background-position: 0 -144px;
			padding: 0 0 0 30px;
		}

#content-zone-container
{
	background: #fff url(Images/site-section-bg.png) repeat-y -1024px 0;
	margin: 0 auto;
	width: 1024px;
	min-height: 500px;
	_height: 500px;
}

#sub-navigation-group-container
{
	float: left;
	width: 204px;
	padding: 0 0 10px;
}
	#sub-navigation-group-container div
	{
		padding: 0 10px 4px;
		border-bottom: solid 1px #C1C1C1;
	}
		#sub-navigation-group-container h3
		{
			color: #1D1467;
			margin: 6px 0;
			font-size: 16px;
		}
		#sub-navigation-group-container a
		{
			background: url(Images/sub-navigation-arrow.png) no-repeat 0 7px;
			display: block;
			padding: 3px 0 3px 12px;
			color: #000;
			text-decoration: none;
		}
		#sub-navigation-group-container a:hover
		{
			text-decoration: underline;
		}

#content-zone
{
	float: left;
	width: 820px;
}
	#bread-crumb
	{
		background: #F2F2F2;
		height: 22px;
		line-height: 22px;
		border-bottom: solid 1px #C1C1C1;
		color: #1C1362;
		font-weight: bold;
		text-align: right;
		padding: 0 19px;
	}
	#content-area
	{
	}
		#content-area a
		{
			color: #0000EE;
		}
		#content-area-brace
		{
			background: #fff;
			width: 100%;
		}
	.content-side-bar
	{
		width: 180px;
		padding: 5px 10px 10px;
		border-bottom: solid 1px #D0D0D0;
		border-left: solid 1px #D0D0D0;
	}

.clear
{
	clear: both;
}


#login-container
{
	background: #fff url(Images/login-container-bg.jpg) no-repeat center 25px;
	border: solid 1px #A7A7A7;
	border-top: none;
	margin: 0 auto;
	width: 420px;
	font-size: 11px;
}
	#login-container-area
	{
		padding: 100px 70px 35px;
		border: solid 5px #EAEAEA;
		border-top: none;
	}
		#login-container .box-section
		{
			padding: 12px 0;
			border-bottom: dotted 1px #D0D0D0;
		}
			#login-container .box-section label
			{
				display: block;
				padding: 5px 0 2px;
				font-size: 12px;
				font-weight: bold;
			}
			#login-container .box-section input.txt
			{
				background: #F5EFE1;
				font-size: 16px;
				height: 20px;
				width: 259px;
				font-family: Trebuchet MS;
			}
			#login-container .box-section div.buttons
			{
				padding: 0 6px 0;
				text-align: right;
			}


.content-side-bar .section-container,
.content-side-bar .section-container-last
{
	margin: 0 -10px;
	padding: 2px 10px 10px;
	border-bottom: solid 1px #D0D0D0;
}

.content-side-bar .section-container-last
{
	border-bottom: none;
}

.section-header
{
	color: #1C1362;
	margin: 4px 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
}