/*DPRA styles*/

.clear {
	clear: both;
}

html, body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	background: #C5C3C3 url(images/pageBck2.jpg) repeat-y;
}
html layPlain, body.layPlain {
	background: #C5C3C3;
	width: auto;
}
#printHead {
	position: absolute;
	top: -500px;
	left: -1000px;
	width: 1px;
}

#topNav {
	position: absolute;
	left: -19px;
	left /**/: 0;
	top: 75px;
	z-index: 5;
	font-size: .85em;
	font-size /**/: .9em;
}

#topNav ul {
	padding: 5px 2px;
}

/*styles for the top dropdown menu - http://www.htmldog.com/ptg/archives/000050.php*/
#nav {
	position: relative;
	z-index: 5;
	height: 23px;
	top: 11px;
	left: 0;
	width: 800px;
	width /**/: 796px;
	list-style: none;
	line-height: normal;
	background /**/: url(images/horizMenuBck.png);
}
#nav {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://dpra.com/layoutData/75/111/images/horizMenuBck.png');
}
#nav, #nav ul {
	position: static;
	padding: 0;
	list-style: none;
	margin: 0;
	z-index: 5;
}
#nav span {
	position: absolute;
	top: -1000px
}

#nav a:link, #nav a:visited {
	display: block;
	width: 126px;
	height: 22px;
	text-decoration: none;
	color: #000;
}
#nav a:hover, #nav a:hover {
}

#nav a.parent {
}

#nav li {
	float: left;
	padding: 0;
	width: 126px;
	margin: 0 3px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 119px;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 2px;
	z-index: 5;
}
#nav li li {
	z-index: 5;
	padding-left: 15px;
	margin-right: -10px;
	margin-left: -10px;
	margin /**/: 0;
	padding /**/: 0 5px 0 2px;
}
#nav li ul a:link, #nav li ul a:visited {
	height: auto;
	padding: 5px;
	margin-left: -4px;
	width: 112px;
}

#nav li ul a:hover, #nav li ul a:active {
	color: #000;
	background: #fff;
	width: 115px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	color: #fff;
	background: transparent;
}


.managementstrategy a:link, .managementstrategy a:visited, 
.managementstrategySel a:link, .managementstrategySel a:visited {
	background: url(images/management2.png) no-repeat;
}
.managementstrategy a:hover, .managementstrategySel a:hover {
	background: url(images/management2.png) no-repeat -126px;
}
.managementstrategy ul, .managementstrategySel ul,
.managementstrategy ul a:link, .managementstrategy ul a:visited,
.managementstrategySel ul a:link, .managementstrategySel ul a:visited {
	background: #F9D7BF;
}
.planningandlogistics a:link, .planningandlogistics a:visited, 
.planningandlogisticsSel a:link, .planningandlogisticsSel a:visited {
	background: url(images/planning2.png) no-repeat;
}
.planningandlogistics a:hover, .planningandlogisticsSel a:hover {
	background: url(images/planning2.png) no-repeat -126px;
}
.planningandlogistics ul, .planningandlogisticsSel ul,
.planningandlogistics ul a:link, .planningandlogistics ul a:visited,
.planningandlogisticsSel ul a:link, .planningandlogisticsSel ul a:visited {
	background: #EBECE0;
}
.environmentalsolutions a:link, .environmentalsolutions a:visited,
.environmentalsolutionsSel a:link, .environmentalsolutionsSel a:visited {
	background: url(images/environment2.png) no-repeat;
}
.environmentalsolutions a:hover, .environmentalsolutionsSel a:hover {
	background: url(images/environment2.png) no-repeat -126px;
}
.environmentalsolutions ul, .environmentalsolutionsSel ul,
.environmentalsolutions ul a:link, .environmentalsolutions ul a:visited,
.environmentalsolutionsSel ul a:link, .environmentalsolutionsSel ul a:visited {
	background: #D3DDC3;
}
.geographicinfosystems a:link, .geographicinfosystems a:visited,
.geographicinfosystemsSel a:link, .geographicinfosystemsSel a:visited {
	background: url(images/GIS2.png) no-repeat;
}
.geographicinfosystems a:hover, .geographicinfosystemsSel a:hover {
	background: url(images/GIS2.png) no-repeat -126px;
}
.geographicinfosystems ul, .geographicinfosystemsSel ul,
.geographicinfosystems ul a:link, .geographicinfosystems ul a:visited,
.geographicinfosystemsSel ul a:link, .geographicinfosystemsSel ul a:visited {
	background: #C8E8E3;
}
.laboratoryscience a:link, .laboratoryscience a:visited,
.laboratoryscienceSel a:link, .laboratoryscienceSel a:visited {
	background: url(images/laboratory2.png) no-repeat;
}
.laboratoryscience a:hover, .laboratoryscienceSel a:hover {
	background: url(images/laboratory2.png) no-repeat -126px;
}
.laboratoryscience ul, .laboratoryscienceSel ul,
.laboratoryscience ul a:link, .laboratoryscience ul a:visited,
.laboratoryscienceSel ul a:link, .laboratoryscienceSel ul a:visited {
	background: #E8EEC2;
}
.recordsmanagement a:link, .recordsmanagement a:visited,
.recordsmanagementSel a:link, .recordsmanagementSel a:visited {
	background: url(images/records2.png) no-repeat;
}
.recordsmanagement a:hover, .recordsmanagementSel a:hover {
	background: url(images/records2.png) no-repeat -126px;
}
.recordsmanagement ul, .recordsmanagementSel ul,
.recordsmanagement ul a:link, .recordsmanagement ul a:visited,
.recordsmanagementSel ul a:link, .recordsmanagementSel ul a:visited {
	background: #CFCFE6;
}
#nav .managementstrategy ul a:hover, #nav .managementstrategy ul a:active,
#nav .planningandlogistics ul a:hover, #nav .planningandlogistics ul a:active,
#nav .environmentalsolutions ul a:hover, #nav .environmentalsolutions ul a:active,
#nav .geographicinfosystems ul a:hover, #nav .geographicinfosystems ul a:active,
#nav .laboratoryscience ul a:hover, #nav .laboratoryscience ul a:active,
#nav .recordsmanagement ul a:hover, #nav .recordsmanagement ul a:active
{
	color: #000;
	background: #fff;
}

div#pageWrapper, div#homeWrapper {
	position: relative; /* needed for footer positioning*/
	margin: 0;
	width: 800px;
	background: url(images/pageBack.jpg) no-repeat;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
}

layPlain div#pageWrapper {
	background: #000;
	width: auto;
}
div#homeWrapper {
	background: url(images/homeBack.jpg) no-repeat;
}
div#pageBackground {
	font-size: 80%;
	position: relative;
	z-index: 0;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
}
div#homePageBackground {
	font-size: 80%;
	z-index: 0;
}
#homeAnimation {
	margin-top: -47px;
	height: 550px;
	z-index: 0;
}
#homeAnimationB {
	position: absolute;
	top: -3px;
	left: 0;
	height: 600px;
	z-index: 0;
}
#noFlash {
	position: absolute;
}
.homeText {
	width: 450px;
	margin-top: 6em;
	margin-top /**/: 3em;
}
div#homePage {
}
#homePage #navL {
	position: relative;
	z-index: 2;
	margin-top: 30px;
}
#homePage #navL a:link, #homePage #navL a:visited {
	color: #fff;
}
#homePage #navL a:hover, #homePage #navL a:active {
	color: #000;
	text-decoration: underline;
}
div#contentWrapper {
	position: static;
	width: 880px;
	margin-top: -20px;
	padding-bottom: 5em; /* bottom padding for footer */
	z-index: 0;
}
.breadcrumb {
	display: inline;
	font-size: .85em;
	margin-left: -.1em;
	width: 500px;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #000;
	text-decoration: none;
	padding: 0 .2em;
}
.breadcrumb a:hover, .breadcrumb a:active {
	color: #000;
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0;
	padding: .5em 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #0D2355;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-style: italic;
}
h2, h3 {
	padding: 1em 0 .3em 0;
}
#skipNav {
	float: left;
	color: #0D2355;
	margin-top: -90px;
}
.greeting {
	font-size: 80%;
	padding: .5em;
	border-bottom: 1px solid #999;
	width: 800px;
}
a:link {
	color: #0D2355;
	text-decoration: underline;
}
a:visited {
	color: #666;
}
a:hover, a:active {
	color: #B89665;
}
#pageHead {
	position: relative;
	z-index: 5;
	padding: 15px 0 0 15px;
}
#pageTop {
	position: absolute;
	height: 37px;
	z-index: 5;
}
#content {
	float: left;
	position: static;
	width: 500px;
	width /**/: 520px;
	padding: 15px;
	margin: 0;
	padding-top: 25px;
	font-size: 95%;
	z-index: 0;
}
#content ul {
	margin: 0;
	padding: 0;
	margin-left: .75em;
	padding-left: .75em;
}
.sectionTop {
	margin-top: 43px;
	width: 800px;
	z-index: 0;
	height: 30px;
}
.sectionTop {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://dpra.com/layoutData/75/111/images/topBand.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.sectionTop[class] {
	background-image:url(images/topBand.png);
}
.sectionTop a:link, .sectionTop a:visited {
	text-decoration: none;
	color: #000;
	padding-right: .5em;
	margin-top: 2em;
}
.sectionTop a:hover, .sectionTop a:active {
	text-decoration: underline;
}
.sectionTop .menuName {
	color: #000;
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
	padding-left: .5em;
}
.sectionHomeImage {
	position: relative;
	left: -59px;
	left /**/: -51px;
	top: -35px;
	width: 588px;
	height: 196px;
	z-index: 0;
}
/*Fixes section home image display on Internet Explorer*/
.fixIEMargin {
	margin-top: -60px;
}
.GISanimation {
	float: right;
	margin-right: 1px;
	z-index: 0;
}
.homeHomeImage {
	position: relative;
	width: 588px;
	height: 196px;
	left: -60px;
	top: 38px;
	left /**/: -55px;
	top /**/: -39px;
	position /**/: static;
	margin /**/: 37px 0 0 -52px;
	z-index: 10;
}
.homeHomeImage[class] {
	background-image:url(http://www.dpra.com/Image/HomeAltArt.png);
}
.homeHomeImage {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dpra.com/Image/HomeAltArt.png');
}

.homeLink, .logo {
	position: relative;
	left: -10px;
}
.homeLink span {
	position: absolute;
	left: -500px;
}
.homeLink {
	position: absolute;
	left /**/: 10px;
	z-index: 20;
	height: 55px;
	width: 185px;
}
.altLogo {
	height: 50px;
	width: 182px;
}
.altLogo {
	background /**/: url(images/logo.png) no-repeat;
}
.altLogo {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://dpra.com/layoutData/75/111/images/logo.png');
}
.altLogo a {
	position: absolute;
	height: 50px;
	width: 182px;
}

/*Top links*/
.topLinks {
	position: absolute;
	right: 85px;
	top: 45px;
	right /**/: 10px;
	top /**/: 35px;
	z-index: 10;
	font-size: 12px;
	font-style: italic;
	color: #999;
}
.topLinks ul {
	margin: 0;
	padding: 0;
	margin-top: 1em;
	white-space: nowrap;
}
.topLinks ul li {
	display: inline;
	list-style: none;
}
.topLinks a:link, .topLinks a:visited {
	color: #666;
	text-decoration: none;
	padding: 0 .1em;
}
.topLinks a:hover, .topLinks a:active {
	color: #EB7022;
	text-decoration: underline;
}

/* Left Menu */
#navL {
	float: left;
	width: 250px;
	line-height: normal;
	z-index: 0;
	padding-top: 4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#navL ul  {
	list-style: none;
	margin: 0;
	margin-left: -10px;
	padding: .75em 0 .75em 1em;
}
#navL li {
	padding: 0;
	width: 255px;
}
#navL li ul {
	padding: 0;
	margin-left: 0;
}
#navL li li ul {
	padding: 0;
	margin-left: 0;
}
#navL li ul li {
	padding: 0;
}
#navL a:link, #navL a:visited  {
	display: block;
	color: #000;
	padding: .5em 25px .5em .5em;
	text-decoration: none;
}
#navL a:hover, #navL a:active {
	color: #3D0C00;
}
#navL a.current  {
	color: #3D0C00;
	background: #fff;
	font-weight: bold;
}
#navL .current span {
}
#navL li ul {
	padding: 0 0 0 1.2em;
}
#navL .activeTop {
	background: #fff;
}
#navL li ul a:link, #navL li ul a:visited {
	padding: .3em 20px .3em .3em;
}
#navL .m3 {
	margin-left: -.3em;
}
#navL .m4 {
	margin-left: 5px;
	padding-left: 0;
}
#navL .m5 {
	list-style: url(images/listDash.gif);
	padding-left: 0;
	margin-left:.5em;
}

.google {
	position: relative;
	float: right;
	width: 200px;
	margin: 0;
	margin-top: -20px;
	padding: 0;
	z-index: 10;
}
#googleSubmit {
	position: absolute;
	margin-top: 10px;
	width: 56px;
	height: 16px;
	background: url(images/search.gif) no-repeat;
}
#google label {
	display: none;
}
#q {
	margin-top: 1em;
	width: 120px;
}
#homePage #footer {
	position: absolute;
	top: 585px;
	height: 30px;
}

#footer {
	position: absolute;
	width: 800px;
	bottom: 0; /* stick to bottom */
	margin: 1em 0;
	text-align: center;
	font-size: 88%;
}
#footer, #homePage #footer {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://dpra.com/layoutData/75/111/images/footerBar.png');
}
#footer, #homePage #footer {
	background /**/: url(images/footerBar.png);
}
#footer ul {
	margin: 0;
	padding: .5em 0;
}
#footer ul li {
	display: inline;
}
#footer ul a:link, #footer ul a:visited {
	position: relative;
	padding: 0 .5em;
	color: #757373;
	border-left: 1px solid #757373;
	text-decoration: none;
	z-index: 10;
}
#footer ul a:hover, #footer ul a:active {
	color: #EC6E21;
	text-decoration: underline;
}

/*sitemap styles*/
/* top level background */
.smlevel1item {
	background-color: #CCCC9A;
	padding: .5em 0 .5em .2em;
}


/*tweaks etc*/

#sidebarRight {
	float: right;
	padding-top: 1em;
	font-size: 98%;
	line-height: normal;

}
.sidebarArticle2 {
	padding: .3em;
}
#sidebarRight h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 95%;
	font-size /**/: 100%;
}
.caption {
	font-size: 95%;
	margin: 0;
	padding: 0;
}

.articleImage {
	margin-bottom: .5em;
}

#searchCircuit {
	margin-top: 5.5em;
}
#googleResults {
}


/*sitemap style*/

#sitemap {
	margin-top: 1em;
}

#sitemap a:link {
	color: #004689;
	text-decoration: underline;
}
#sitemap a:visited {
	color: #527CA3;
}
#sitemap a:hover, #contentWrapper a:active {
	color: #EC6E21;
}

#sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* indention for the sub-menus */
#sitemap ul ul {
	margin-left: 1em;
}

/* gives space before another top-menu */
.smlevel1{
	margin-bottom: 1em;
}

/* top level background */
.smlevel1item {
	background-color: #dedede;
	font-size: 1.1em;
}

/* column size */
.smColumn{
	width:45%;
	float:left;
	margin:0 10px;
}

.orphans {
	background-color: #dedede;
	text-align: center;
}

/*user management*/
#user {
	position: relative;
	top: 5.5em;
	z-index: 0;
	margin: auto;
	border: 1px solid #666;
	padding: .5em;
	font-size: 102%;
}
#login {
	z-index: 10;
	background: #DDD;
	padding: 1em;
	border: 1px solid #666;
}