body
{
	font-family: Arial;
	font-size: 13px;
	color: #777777;
	line-height: 22px;
	
	background-color: #dfdad1;
}
a
{
	color: #4c4c4c;
	text-decoration: none;
	border-bottom: 1px solid #4c4c4c;
}
	a:hover
	{
		color: #134A85;
		border-bottom-color: #134A85;
	}
.clear { clear: both; }
.required { padding-left: 5px; color: #a3a3a3; }
input { width: 15em; }
input[type=submit] { width: auto; }
textarea { width: 25em; height: 8em; }

table th { padding: 3px 24px 3px 5px; }
table td { padding: 3px 7px; }

#content p {
	padding-bottom: 1.3em;
}

	#header-container
	{
		width: 100%;
		height: 101px;
		
		background-image: url(../images/header-background.gif);
	}
		#header
		{
			margin: 0 auto;
			
			width: 905px;
			height: 101px;
			
			background-image: url(../images/header-image.jpg);
		}
	#content-container
	{
		width: 100%;
		background-color: #ffffff;
		
		padding-bottom: 40px;
	}
		#content
		{
			margin: 0 auto;
			
			width: 905px;
		}
			#left
			{
				float: left;
				width: 590px;
				
				margin-left: 3px;
			}
				#left ul.editor
				{
					text-align: right;
				}
					#left ul.editor li
					{
						display: inline;
						padding-left: 20px;
						background-repeat: no-repeat;
						background-position: left center;
					}
			#right
			{
				float: right;
				width: 280px;
				
				margin-right: 3px;
			}
				#right ul.editor
				{
					text-align: right;
					
					margin-bottom: 7px;
				}
					#right ul.editor li
					{
						padding-right: 20px;
						background-repeat: no-repeat;
						background-position: right center;
					}
				
				
				.item
				{
					background-image: url(../images/line.gif);
					background-repeat: repeat-x;
					background-color: #ffffff;
					
					margin-top: 24px;
					padding-top: 8px;
				}
					.item .visual
					{
						display: block;
						
						background-color: #e3e3e3;
						
						width: 590px;
						height: 210px;
					}
					.item h1
					{
						padding-bottom: 10px;
					}
						ul.editor li.create { background-image: url(../images/tools/create.jpg); }
						ul.editor li.edit { background-image: url(../images/tools/edit.jpg); }
						ul.editor li.delete { background-image: url(../images/tools/delete.jpg); }
						ul.editor li.view { background-image: url(../images/tools/view.jpg); }
						ul.editor li.download { background-image: url(../images/tools/download.jpg); }
						
						ul.editor li.create:hover { background-image: url(../images/tools/create-over.jpg); }
						ul.editor li.edit:hover { background-image: url(../images/tools/edit-over.jpg); }
						ul.editor li.delete:hover { background-image: url(../images/tools/delete-over.jpg); }
						ul.editor li.view:hover { background-image: url(../images/tools/view-over.jpg); }
						ul.editor li.download:hover { background-image: url(../images/tools/download-over.jpg); }
				div.navigation
				{}
					div.navigation div.children
					{
						padding-left: 40px;
					}
					div.navigation div.child
					{}
						div.navigation div.child a
						{
							display: block;
							
							padding-left: 20px;
							line-height: 40px;
							border: 0px;
							
							background-repeat: no-repeat;
							background-image: url(../images/bullet-normal.gif);
							background-position: left 17px;
							
							font-size: 20px;
							color: #999285;
							font-family: Verdana;
							text-transform: capitalize;
						}
							div.navigation div.child a:hover,
							div.navigation div.child a.active
							{
								color: #134A85;
								background-image: url(../images/bullet-active.gif);
							}
							div.navigation div.child a.partial-active
							{
								color: #779bbf;
								background-image: url(../images/bullet-partial-active.gif);
							}
	#footer-container
	{
		width: 100%;
		height: 56px;
		
		background-image: url(../images/footer-background.gif);
	}
		#footer
		{
			margin: 0 auto;
			
			width: 905px;
			height: 56px;
			
			background-image: url(../images/footer-image.jpg);
		}
			#footer p
			{
				text-align: right;
				line-height: 56px;
				color: #ffffff;
			}