/* Last updated: Mar 18, 2008 jar                                      */


* { padding:0px; margin:0px; }

html { font-size: 17px; /* IE hack */ }

body{
	font-family: verdana, arial, sans-serif;
	font-size:0.71em;
	color:#33333;
	background:#597626;
	line-height:1.31em;
	height: 100%;
	width: 100%;
	
		}

h2.pos_abs
{
position:absolute;
top:926px;

}

p, #contentLiner blockquote {
	margin-bottom:1.5em;
}
#contentLiner blockquote span {
	font-weight: bold;
}
	

/******* Link and anchor tag styles *******/

a {
	color:#296529;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

/************** header tag styles **************/

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size:1.8em;
	color:#aaa; /* because no other h1 tags are being used */
	padding: 0 0 5px 0;
}

h2{ 
	font-size:1.4em;
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:1.2em;
}

h3{ 
	font-size:1.4em;
	margin-bottom:.5em; /* can be global; for subpage breadcrumbs and related links */
}


h4 {
 	font-size:1.2em;
}

h5{
 	font-size:1em;
}

#craft-xml ul {
	margin: 0 0 2.0em 3.0em;
	list-style:none;
	list-style-image:url(/assets/i/bullet_001.gif);
}


#craft-xml li {
	margin-bottom: 0.4em;
	line-height:1.4em;
}

#district-news {
	width: 100%;
}
#district-news dl {
	display: inline;
	line-height: 1.5em;
}
#district-news dt {
	font-weight: bold;
	float: left;
	width: 20%;
}
#district-news dd {
	float: left;
	width: 80%;
	margin-bottom: 10px;
}
#district-news dd a {
	float: left;
}
#district-news dt.heading3, #district-news dd.heading3 {
	font-size: 135%;
}
#district-news dt.heading2, #district-news dd.heading2 {
	font-size: 115%;
}


/********* form and related tag styles *********/

form{
	margin: 0;
	padding: 0;
}
			
input{
	font-family:Arial,sans-serif;
	background-color:#fff; 
}

table.results {
	width:100%;
	margin-top:1.5em;
}

table.results td, table.results th {
	padding:1.2em 0.2em;
	border-bottom: 1px #999 solid;
}

table.results tr.tint {
	background-color:#ddd;
	color:#666;
}

table.results tr {
	background-color:#fff;
	color:#000;
}

table.results th {
	text-align:left;
	font-weight:bold;
}

table.results input {
	background:none;
}

/**********************************************/
/* Layout Divs                                */
/**********************************************/


#container{
	width:100%; /* change for sub pages */
	height:100%;
	margin:0 auto;
	padding:0 0px 0 0;
	background-color:#fff;
	
}

body#hp #container {
	width:850px;
	border: 1px #ccc solid;overflow:hidden;
}


#logo {
	display:none;
	height:67px;
}
#logo img{
	width:192px;
	height:46px;
	padding:10px 0 0 18px;
}
/************** header styles ****************/
#header{
	display:block;
	width:850px;
	height:66px;
	margin-bottom:0;
	background-color: #fffff;
}
/*english*/
#header #home{
	width:100px;
	height:66px;
	padding:10px 0 0 18px;
}
#header #home a{
	float:left;
	width:100px;
	height:66px;
	background:url(images-2/JMe-websafe-5.jpg) no-repeat;
}


/*************** header search styles *****************/

#header form {
	float:right;
	margin:25px 15px 0 0;
	height:18px;
}

#header input{
  font-size:10px;
 }

/***********************************************/
/* Component Divs                              */
/***********************************************/


/************* globalNav styles ****************/

#globalNav{
 color:#333;
 padding:0 10px 0 18px;
 background-color:#fff;
}
 
 
#gnLeft{
 float:left;
}
 
#gnRight{
 float:right; 
}
 
#globalNav ul {
 margin:0;
 padding:0;
 list-style:none;
 }
 
#globalNav li {
 float:left;
 margin:0;
 padding:0;
 }
 
#globalNav a, #globalNav a:visited {
 float:left;
 margin:0;
 padding: 6px 7px;
 font-size:1em;
 /*Could the font be handled globally for a tags */
 font-family:Arial, Helvetica, sans-serif; 
 color:#333;
 font-weight:800;
 text-transform:uppercase; 
 text-decoration:none;
}
 
#globalNav a:hover{
 background-color:#999999;
 color:#fff;
}

/************* Banner styles ****************/

#banner{
	clear:left;
	width:850px; /* change for sub pages */
	height:194px; /* change for sub pages */
	background: url(http://jmglobal.net/images-2/flash-bg.jpg) repeat-x;
	color:#fff;
}

body#hp #banner {
	width:850px;
	height:194px;
}

#bannerLeft{
	float:left;
	position:relative;
	width:200px; /* change for sub pages; orig width 415px */
	height:100px; /* change for sub pages; orig height 140px */
	padding:20px 0px 0px 10px;
	background-position: bottom left;
}

#bannerLeft a {
 text-decoration:none;
 }

#bannerLeft a:hover {
 text-decoration:underline;
 }
 
#bannerLeft h1 a {
	color:#aaa; /* because other h3 tags are being used */
}

#bannerLeft h3 a {
	color:#fff; /* because other h3 tags are being used */
}
 
#banner img {
	float:right;
	position:relative;
}

#banner #flashcontent{
	background: url(http://jmglobal.net/images-2/flash-bg.jpg) repeat-x;
}

#bannerLeft img {
	position:absolute;
	right:15px;
	background: url(http://jmglobal.net/images-2/flash-bg.jpg) repeat-x;
	top:30px; /* px instead of em so icon won't move on font size adjustment */
}

body#hp #bannerLeft {
	width:263px;
	height:215px;
	padding:0;
}

body#hp #bannerLeft h3 {
	font-size:1.6em;
	line-height:1.61em;
	margin-top:3.5em;
	text-align:center;	
}

/********** begin content styles ********/

#main-body {
	width:850px; /* change for sub pages */
	padding:0 0 10px 0;
}

#content{
	float:right;
	width:578px; /* change for sub pages */
	vertical-align: top;
	border-left:1px #ccc solid;
}

body#hp #content {
	width:578px;
	padding:10px 10px 0 10px;
	vertical-align: top;
}

#contentLiner {
	padding:10px 10px 0 18px;
width: 560px;
vertical-align: top;

}

#contentLiner-careers {
	padding:10px 0 0 0;
}

#main2{
	float:center;
	width:880px; /* change for sub pages */
}
#mainbio{
	float:center;
	width:830px; /* change for sub pages */
}
#contentLiner a {
	font-weight:900;
}

#contentLiner img {
	float:right;
	border-left: 1px #ccc solid;
	margin: 0.4em 0 1.0em 1.5em;
}

#contentLiner img.careerBottom {
	border: none;
	border-bottom: 1px #ccc solid;
}

#contentLiner img.careerNone {
	border: none;
}

#contentLiner p.chart {
	clear:both;
	float: none;
}

#contentLiner ul {
	margin: 0 0 2.0em 3.0em;
	list-style:none;
	list-style-image:url(/assets/i/bullet_001.gif);
}

#contentLiner ol {
	margin: 0 0 2.0em 3.0em;
}

#contentLiner li {
	margin-bottom: 0.4em;
	line-height:1.4em;
}

#contentLiner blockquote {
	font-style:italic;
	margin-left:2.0em;
	margin-right:4.0em;
}

#contentLiner blockquote strong{
	font-style:italic;
	display:block;
	margin-top:0.5em;
}
 /*********** homepage content ************/
 
#news {
	clear:both;
	width:100%;
	margin-top:3.0em;
}

#newsLeft {
	float:left;
	width:275px;
}

#newsRight {
	float:right;
	width:250px;
	margin-left:1.2em;
}

#newsRight a {
	font-weight:500;
	text-decoration:none;
}


#newsRight a:hover {
	font-weight:500;
	text-decoration:underline;
}

#news ul, #contentLiner.equip ul {
	margin:0;
	list-style: none;
	list-style-image:none;
}
#news li {
	line-height:1.25em; /* I'm ok with making this 1.2; your call */
	margin-bottom:1.2em;
}

#news li span{
	clear: both;
	font-weight:500;
}


#news img {
	display: block;
	float: left;
	margin: 0 1.2em .5em 0;
	}


#districts {
	width:550;
	margin-left:20px;
    margin-right: 20px;
	padding:10px 10px 0 10px;	
	border-top: 1px #ccc solid;
	clear: both;
	

}

#districts a {
	font-weight:500;
	text-decoration:none;
}

#districts a:hover {
	font-weight:500;
	text-decoration:underline;
}

#districts h3 {
	margin-top:1.2em;
}

#districts ul, #districts dl {
	float:left;
	display:block;
	width:33%;
	margin:0;
	list-style: none;
	list-style-image:none;
}

#districts li, #districts dd   {
	margin-bottom: 0.4em;
	line-height:1.5em;
}

#districts dt {
	margin-top:0.8em;
	margin-bottom: 0.6em;
	font-weight:900;
	line-height:1.3em;
}

#districts dd {
	line-height:1.1em;
}

#districts-ca {
	width:100%;
	margin-top:1.5em;
	border-top: 1px #ccc solid;
	clear: both;
}

#districts-ca a {
	font-size: 1.0em;
	font-weight:bold;
	text-decoration:none;
}

#districts-ca a:hover {
	font-size: 1.0em;
	font-weight:bold;
	text-decoration:underline;
}

#districts-ca h3 {
	margin-top:1.2em;
}

#districts-ca ul {
	padding: 0;
	margin:0;
	list-style: none;
	list-style-image:none;
}

#districts-ca li   {
	float: left;
	margin-bottom: 0.5em;
	line-height:1.5em;
	width: 100%;
}
#districts-ca li:hover   {
	background-color: #ffffcc;
}
#districts-ca li img {
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	padding: 2px;
	margin: 0 5px 0 0;
}

 /*********** subnav ************/

#subnav-ca{
	float:right;
	width:200px; /* change for sub pages, 240px orig setting */
/*	margin: 40px 0 40px 0; */
	margin-top:40px;
	padding-left:15px;
	padding-right:0;
	margin-bottom:40px; /* increase overall bottom padding here */
}

#subnav{
	float:left;
	width:230px; /* change for sub pages, 240px orig setting */
	border-right:1px #ccc solid;
/*	margin: 40px 0 40px 0; */
	margin-top:40px;
	padding-left:15px;
	padding-right:0;
	margin-bottom:40px; /* increase overall bottom padding here */
}

#subnav a {
	color:#7f7f7f;
	text-decoration:none;
	}

#subnav a:hover {
	text-decoration:underline;
	}

#subnav li, #subnavLevel2 dd {
	list-style:none;
	line-height:1.6em;
}

#subnav ul li dl {
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 85%;
}

#subnav ul li dl dd {
	margin: 0;
	list-style: none;
}

#subnav ul li dl dd a.active{
	font-weight: bold;
}

body#hp #subnav {
	width:250px;
	margin:0px;
	padding:0px;
	border:0px;
}

body#hp #subnav-ca {
	background: #eceae0 url(/assets/i/subnav-bg.gif) bottom left no-repeat;
	width:250px;
	margin:0px;
	padding:0px;
	border:0px;
}

#subnavLevel2 {
	float:right;
	text-align:right;
	margin:25px 0px 10px 10px;
	padding-left:10px;
	/* border-left:1px #ccc solid; */
}

#subnavLevel2 dt {
	border-bottom: 1px #ccc solid;
	padding-bottom:3px;
	margin-top:1.3em;
	font-weight:900;
}

#subnavLevel2 dd a{
	font-weight:100;
}

 /*********** homepage subnav ************/
 
#careers h2{
	float:left;
	background-color:#336633;
	margin:0;
	padding-top:15px;
	padding-bottom:10px; 	/* adding pixels to compensate for general h2 tag */
	text-align:center;
	width: 250px;
}

#careers img{
	float:right;
	background-color:#336633;
	margin-bottom: 1.5em;
}

#careersLiner {
	color:#fff;
	background-color:#336633;
	padding:20px 10px 5px 20px;
}

#careersLiner h4 {
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:500;
}

#careersLiner a {
	color:#003300;
}

#careersLiner img.search {
	display: block;
	float: none;
	padding-left: 30px;
}

#careers-search iframe {
	border: 0;
	padding: 0;
}
#spot-space{
	width: 235px;
	height: 30px;
}
#spotlight{
	padding:2px 4px 2px 4px;
	width: 235px;
	height: 100%;
	vertical-align: top;
	background:#fff;
	text-align: center;
	color:#333;
}


#spotlight img{
	margin: 0 0 4px 0;
}

#spotlight a {
	color:#296529;
	text-decoration:none;
}

#spotlight a:hover{
	color:#296529;
	text-decoration:underline;
}

#relatedLinks, #userProfile {
	padding-top:40px; /* bottom padding taken care of in the subnav class */
}

#relatedLinks dt, #userProfile dt {
	font-family:Arial, Helvetica, sans-serif; /* so it doesn't pick up verdana from body class */
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0.6em;
}

#relatedLinks dd, #userProfile dd {
	margin-bottom:0.4em;
	line-height:1.4em;
}

#relatedLinks dd a {
	display: block;
}

#relatedLinks dd a acronym {
	border-bottom: 1px #7f7f7f dotted;
}

#jme-ca {
	background: #4e8ad4;
	float: left;
	font-size: 1.0em;
	margin-bottom: 10px;
}
#jme-ca p {
	padding: 10px;
}
#jme-ca a {
	float: left;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}
#jme-ca a:hover {
	text-decoration: underline;
}
#jme-ca img{
	float: right;
	display: block;
	border: 0px;
	padding: 0;
	margin: 0;
}

.row {
	clear: both;
	width: 100% auto;
	padding: 10px 0 0px 0;
	border-bottom:1px #ccc solid;
	}
	
._row {
	clear: both;
	width: 100% auto;
	padding-top:18px;
	border-bottom:1px #ccc solid;
	}
	
#contentLiner .row img {
	float: right;
	margin: 0 0 0 20px;
	padding: 2px;
}

#contentLiner ._row img {
/**	float:right; **/
	margin: 2px 0 20px 10px;
	padding: 2px;
}

.row span {
	font-weight:normal;
	}
	
.rows {
	clear: both;
	float: left;
	margin-top:0.4em;
	margin-bottom:0.4em;
	border-bottom:1px #ccc solid;
	width: 100%;
}

.rows p{
	padding:0;
	margin:0;
}

.rows dl {
	float:left;
	display:block;
	width:33%;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	list-style: none;
	list-style-image:none;
}

.rows dd   {
	clear: both;
	margin-bottom: 0.4em;
}

.alert {
	clear: both;
	float: left;
	border: 1px #ff0000 solid;
	background-color: #ffcccc;
	padding: 10px;
	margin-bottom: 1em;
	width: 100%;
}

.alert a{
	color:#000;
	text-decoration:underline;
	font-weight: bold;
}


dl.threecol {
	float:left;
	margin-right:10px;
	width:31%;
	}

dl.threecol dt  { 
	display: block;
	width: 100%;
	padding-bottom: 2px;
	margin-top: 10px;
	border-bottom: 1px solid #B4B4AA;
	font-weight: bold;
	font-size:11px;}

dl.threecol dd {
	font-size:10px;}

#legal {
	margin-top:2.5em;
	font-size:0.9em;
	font-style:italic;
	color:#999;
}

#notice {
	border: 1px #cccccc solid;
	background-color: #ffffcc;
	padding: 5px;
}

#notice p {
	margin: 0;
}

#contentLiner.equip img {
float:none;
}

ul#markets	{
	margin: 15px 0 15px 0;
	height: 140px;
	width: 510px;
	background:url(/assets/i/i-list-hor.jpg) no-repeat left top;
	list-style: none;
	padding: 0;
	}

ul#markets li {
	margin: 0;
	padding: 0;
	}

ul#markets li {margin-right:18px;}

ul#markets li, ul#markets a {
	height: 50px;
	float:left;
	}
	
ul#markets li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#transportation, #transportation a {width: 95px;}

#oilgas, #oilgas a {width: 75px;}

#electrical, #electrical a {width: 75px;}
ul#markets li#electrical {margin-left:10px;}

#power, #power a {width: 65px;}
ul#markets li#power {margin-left:12px;}

#federal, #federal a {width: 65px;}
ul#markets li#federal {margin-left:12px; margin-right:0px;}

#marine, #marine a {width: 55px;}
ul#markets li#marine {margin-top:29px; margin-left:8px;}
	
#waterresources, #waterresources a {width: 115px;}
ul#markets li#waterresources {margin-top: 29px;}

#mining, #mining a {width: 65px;}
ul#markets li#mining {margin-top: 29px;}

#underground, #underground a {width: 95px;}
ul#markets li#underground {margin-top: 29px;}

#buildings, #buildings a {width: 70px;}
ul#markets li#buildings {margin-top: 29px; margin-right:0px;}

/*********** Project Page Numbers **************/

ol.pgnmbr { margin:12px 0 10px 0;
	list-style:none;
}

ol.pgnmbr li {	
	display:inline;
	}

ol.pgnmbr li {
	margin: 0 4px;
	font-weight:bold;
	}
ol.pgnmbr li a{
	text-decoration:underline;}
	

/*********** markets/gallery page *********/

#projectDetails {
	width:228px;
	float:left;
	margin-top:6px;
}

#projectDetails object {
	margin:0 1.0em 1.0em 0;
}
#projectDetails dl {
	display:inline;
}

#projectDetails dt {
/*	clear:both; */
   	width:35%;
   	float:left;
/*	text-align:left; */
	font-weight:900;
	margin-bottom:0.5em;
	line-height:1.2em;
}

#projectDetails dd {
   	float:left;
	text-align:right;
   	width:65%;
	margin-bottom:0.5em;
	line-height:1.2em;
}

#projectDesc {
	width:330px;
	float:left;
	margin-top:8px;
	margin-left:20px;
}

#projectDesc dl {
	display:inline;
}

#projectDesc dt {
	font-weight:900;
	display:inline;
	}

#projectDesc dd img{
	margin:0.8em 0.6em 0 0;
	float:left;
	border:0;
	}
	

/*********** disclaimer/bottom ************/
 
#footer {
	text-align: center;
 	margin-top:10px;
 	margin-left:2px;
	font-size:0.9em;
	padding:0 0 20px 0;
 }
 
#footer a {
 	color:#7f7f7f;
}

#footer a:hover {
	text-decoration:none;
}

#footer p {
	margin:10px;
	color:#7f7f7f;
}

 /*********** application specific styles ************/
.errornote {
	color: #f00;
}

fieldset {
	border:0;
	border-top:1px solid #ccc;
	margin-top:2.0em;
	margin-bottom:2.0em;
	padding:0;
	}

legend {
	margin:0;
	font-weight:bold;
	}

label {
	display:block;
	font-weight:600;
	margin-top:1.0em;
	}
	
select {
	margin:0;
	width:12.0em;
	border:1px solid #D6D6C9;
	}
	
fieldset input {
	width:15.0em;
	margin-bottom:1.0em;
}

fieldset p {
	margin:1.5em 0 0 0;
}

fieldset fieldset {
	width:475px;
	margin:0 10px 0 0;
	padding:1.0em;
	border:1px solid #ccc;
}

fieldset fieldset legend {
	margin-top:8px;
	font-size:.9em;
	color:#4B4B45;
}

/* ie bug fix */
* html fieldset fieldset legend {
	margin-left:-8px;
	}
/* end ie bug fix */

fieldset div {
	display:inline;
	float:left;
	width:50%;
}

fieldset fieldset input {
	margin-bottom:0.5em;
	display:block;
}

fieldset fieldset .date {
	width:5.0em;
}

fieldset fieldset textarea {
	width:15.0em;
}


fieldset fieldset.wide input {
	display:inline;
}

fieldset fieldset.wide textarea {
	width:30.0em;
	}

/*fieldset fieldset.wide {
	width:100%;
}

fieldset fieldset.wide input {
	width:10.0em;
	margin-bottom:2.0em;
	}
*/	

fieldset.radio {
	padding-bottom:1.0em;
	border-bottom:1px solid #4B4B45;
}

fieldset.radio label {
	display:inline;
}

fieldset.radio input {
	margin:0;
}

fieldset input.radio {
	margin:0;
	display:inline;
	width:2.0em;
}

fieldset label.radio {
	margin:0;
	display:inline;
}

fieldset.radio input {
	width:auto;
	border:0;
	background:none;
}
	
input:focus, select:focus, textarea:focus {
	background-color:#FFFFCC;
	}

input.button {
	width:auto;
	margin:5px 5px 5px 0;
	padding:0.1em;
}
	
input.button:hover {
	background-color:#B4B4AA;
}

span#posfunction select {
	width:auto;
}
.bioname
{font-size:22px;
color:#597626;
padding: 10px ;
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:1.2em;}
.biotitle
{font-size:16px;
padding: 10px ;
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:1.2em;;}

#profile {
	border:0;
}

#profile legend {
	font-size:1.3em;
}

#profile input {
	margin-bottom:0.3em;
}

#profile input.button {
	display:inline;
}

#contentLiner #pages {
	float: left;
	padding: 10px 0 0 0;
}
#contentLiner #pages ul {
	list-style-type: none;
	margin: 0;
}
#contentLiner #pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#contentLiner #pages li a {
	color: #999;
	padding: 2px 5px;
	border: 1px solid #999;
	text-decoration: none;
	float: left;
}
#contentLiner #pages li a:hover {
	color: #000;
	border: 1px solid #000;
}
#contentLiner #pages li.disable {
	color: #CCC;
	border: 1px solid #F3F3F3;
	display: none;
	padding: 4px;
}
#contentLiner #pages li.current {
	color: #000;
	border: 1px solid #000;
	padding: 2px 5px;
	background: #003300;
}

/*********** float clearing hack IE/Win and Mac ************/
#globalNav:after,
#main-body:after,
#news:after,
fieldset div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#globalNav,
#main-body,
#news,
fieldset div  {display: inline-table;}

/* Hides from IE-mac \*/
/* self-clearing floats */
* html #globalNav {height: 1%;}
* html #main-body {height: 1%;}
* html #news{height: 1%;}
* html fieldset div{height: 1%;}
#globalNav,
#main-body,
#news,
fieldset div {display: block;}
/* End hide from IE-mac */