/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

/* Overall Page */

body
{
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	background-color: #333333;
	margin-top:.5em;
	margin-bottom:.5em;
}

table, th, td {border-collapse: collapse; border-spacing: 0; }

p, div, fieldset { margin-bottom: 1em; }

#wrapper
{
	width:1000px;
	min-width:640px;
	min-height:480px;
	margin:0;
	border:none;
	text-align:left;
	/* background-color: #D7C6AA; */
	background-color: #ffffff;

}

/* Header Section */
#pgHeader, #pgFooter
{
	position:relative;
	width:100%;
	background-color:#ffffff;
}

#pgHeader
{
	text-align:left;
	height:100px;
}

#pageHeaderPaneLeft
{
	float:left;
	margin-top:.5em;
	margin-left:.5em;
}

#pageHeaderPaneRight
{
	float:right;
	vertical-align:middle;
	margin-top:1.4em;
	margin-right:.5em;
}

#logo
{
	padding:4px;
	float:left;
}

#pgFooter
{
	clear:both;
	border-top: 1px solid #b9b9b9;
	font-size:0.9em;
	text-align:center;
}

/* Navigation */

/* PageContent box */
#contentWrapper
{
	position:relative;
	width:598px;
	margin-left:180px;
}

#floatWrapper
{
	clear:both;
	float: left;
	width:598px;
	margin-right: -1px;
}

/* Main Content */
#colCenter
{
	background-color:#ffffff;
	float:right;
	width:598px;
	/* \*/
	margin-left:-1px;
	/* Hidden from IE-mac */
	min-height:600px;
}

#colCenterContainer
{
}

#colCenterContent
{
}

.container, .sidebarContainer
{
	overflow:auto;
	margin: .5em .5em .5em .5em;
}

#colCenter p, .container p, .sidebarContainer p
{
	margin-bottom: .5em;
}

/* Left Column */
#colLeft
{
	background-color:Transparent;
	float: left;
	width: 180px;
	margin-left: -179px;
}

#colLeftContainer
{
	width:175px;
}

#leftCopy
{
}

/* Right Column */
#colRight
{
	float: left;
	position:relative;
	width:225px;
	margin-right:-225px;
	margin-left:-1px;
}

#colRightContainer
{
	/* \*/
	width: 100%;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;
}

/* Footer Section */
#pgFooter
{
	clear:both;
	text-align: center;
	padding: 0px;
}

.frontImage 
{
	margin-right: .5em;
}

.billboard
{
	background-color:butter;
}

.billboardHeading{
	font-size:2em;
	font-weight: bold;
	margin-bottom:.7em;
	color:Navy;
}

.billboardPrompt, .billboardResult
{
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 1.1em;
}

.billboardPrompt
{
	color:Black;
}

.billboardResult
{
	color:Red;
}

.siteAlertMsg
{
	color:Red;
	background-color:White;
	font-size: 1.1em;
	font-weight:bold;
}

.fieldPrompt { text-align: right; vertical-align:top; width: 110px; }
.fieldValue { text-align:left; vertical-align:top }


/**** begin menu formatting ****/

#navBarTop
{
	clear: both;
	width: 100%;
	height: 24px;
	/* background-color: #57A1D4; */
	background-color:#5685AF;
}

#navBarTop .menuBar
{
	margin-left:.5em;
	margin-right:.5em;
}

#navBarLeft
{
}

#navBreadcrumbs
{
	clear:both;
}

#navigation {
	width: 200px;
	top: 10em;
	left: .5em;
	width: 18em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li
{
	/* border-bottom: 1px solid #ED9F9F; */
	border-bottom: 1px solid white;
	border-bottom-color: #948443;
}
#navigation li a
{
	display: block;
	padding: 5px 5px 5px 0.5em; /* border-left: 12px solid #711515; */ /* border-right: 1px solid #711515; */
	border-left: 12px solid #2B76A8;
	border-right: 1px solid #948443;
	background-color: #BEAF6E;
	color: Navy;
	text-decoration: none;
}

#navigation li a:hover {
	background-color:Navy;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/**** end menu formatting ****/

.ListItem{
	background-color: White;
}

.ListAltItem{
	background-color: #BEAF6E;
}
	

/**** breadcrumbs ****/

.breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: .5em;
	margin-top: 0.8em;
	font-weight:bold;
}

/**** end breadcrumbs ****/

#LEOFields, #reportCommentFields, #materialDescriptionFields, #materialTypeFields, #occurLocationFields
{
	border: solid 1px gray;
	padding: 6px;
}