*  
{
	font-family: Calibri; 
	font-size: 12px; 
}

a, a:visited { color: #9A1B1F; }

/* Styles the login section */
.login 
{ 
	width: 350px;
	margin-left: 40px;
}

.login * { margin: auto; }

/* Wraps the entire page */
#container 
{
	 width: 98%; 
}

/* Wraps the center contents (header, etc.) */
#content 
{ 
	width: 700px; 
	margin: auto; 
}

/* The banner wrapper */
#header 
{ 
	background-color: #9A1B1F; 
	width: 700px; 
	margin: auto; 
}

/* The left side navigation */
#left
{
	border: 1px solid #ccc;
	text-align: center;
	width: 13%;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	clear: both;
}

#left ul
{
	padding-left: 0 !important;
	*margin-left: 0 !important;
}

#left ul li
{
	margin-top: 10px;
	list-style-type: none;
}

#left a
{
	color: #9A1B1F;
	text-transform: uppercase;
}

/* The right side content */
#right
{
	margin-left: 105px;
	margin-top: 15px;	
}

#right h1
{
	color: #9A1B1F;
	font-size: 1.5em;
}

.navigation
{
	font-style: italic;
}

.navigation a, .navigation a:visited { color: #9A1B1F !important; }

/* Styles the details view for editing a record */
.editView { width: 100%; }
.editView input { width: 400px !important; }
.editViewImportant { width: 160px !important; } 

/* C# note: if you hide a row in DetailsView in code, it is excluded from the insert, so this CSS property
	is here to skirt around that and not display the Seal Number field on the creation page. */
.sealNumber { display: none; }