/*Sets border, padding and margin to 0 for all values*/
body{padding:0px; margin:0 auto; position:relative; background: url() 0 0 repeat-x ;WIDTH: 100%; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}



#m {
	 MARGIN: 10px auto; BACKGROUND: url(img/a.gif) #fff repeat-y center top  ;WIDTH: 950px; border:3px solid #ffffff; 
}


BODY {

	 margin:0 0 ; BACKGROUND: url(img/bck.gif) repeat  ; WIDTH: 100%; COLOR: #663333; FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif; TEXT-ALIGN: center; min-width: 1000px;
}
HTML {
	BACKGROUND: url() #fff repeat-y center top; WIDTH: 100%; COLOR: #663333; FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif; HEIGHT: 100%; TEXT-ALIGN: center; min-width: 1000px
}
BODY {
	FONT-SIZE: 12px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
A:link {
	COLOR: #333333; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.hidden {
	VISIBILITY: hidden
}
H1 {
	FONT-WEIGHT: bold
}
H2 {
	FONT-WEIGHT: bold
}
H3 {
	FONT-WEIGHT: bold
}
H1 {
	FONT-SIZE: 1.6em
}
H2 {
	FONT-SIZE: 1.5em; MARGIN: 6px 0px 2px; COLOR: #663333
}
H3 {
	FONT-SIZE: 1.4em; MARGIN: 6px 0px
}
H4 {
	FONT-SIZE: 1.3em; COLOR: #ccc
}
H1 A {
	COLOR: #fff
}
#header H2 {
	COLOR: #fff
}
UL {
	MARGIN: 0px 0px 10px
}
OL {
	MARGIN: 0px 0px 10px
}
LI {
	FONT-SIZE: 12px
}
UL {
	PADDING-RIGHT: 0px; LIST-STYLE: square none outside; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; PADDING-TOP: 10px
}
.clear {
	CLEAR: both
}
#mainContainer {
	HEIGHT: 100%; BACKGROUND: url() repeat-x center top; MARGIN: 0px auto; WIDTH: 100%; TEXT-ALIGN: left; min-width: 950px; border:0px solid #000000; 
}
 HTML #mainContainer {
	HEIGHT: 100%
}
.secondary#mainContainer {
		HEIGHT: 100%; MIN-HEIGHT: 100%; BACKGROUND: url() repeat-x center top; MARGIN: 0px auto; WIDTH: 100%; TEXT-ALIGN: left; min-width: 950px
}
 HTML .secondary#mainContainer {
	HEIGHT: 100%
}

/**************************
HEADER
**************************/
#header {
	BACKGROUND: url(img/bck.gif) #fff repeat center top; MARGIN: 0px auto; WIDTH: 950px;  HEIGHT: 380px; border:0px solid #000000; 
}
.secondary#header {
	BACKGROUND:url(img/a11.gif) repeat center top; MARGIN: 0px auto; WIDTH: 950px; POSITION: relative; HEIGHT: 380px ;background -color:white;
}
#header H1 {
	POSITION:absolute; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; BACKGROUND: url(img/Jlogo.gif) no-repeat left  top; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 40px; WIDTH: 700px;  PADDING-TOP: 0px; HEIGHT: 150px; text-align:right ; font-weight: bold;letter-spacing: 2px;    
	font-size: 30px;
	color: #000053;
}


#header H1 A {
	DISPLAY: block; WIDTH: 258px; HEIGHT: 150px
}

#menubox {
	position: absolute;
	height: 60px;
	width:650px;
	padding:15px 0 0 50px;
	top: 60px;
	left:250px;
	aaaborder-bottom:1px solid #000000;
	z-index: 100;

	BACKGROUND: url(img/menu.gif) no-repeat left top;
}




#intro {
	position:absolute;
	
	left:0px;
	width: 950px;
	height: 200px;
	aabackground-color: #556382;  border:0px solid #000000; 
	top: 165px;
	
	text-align:right ; font-weight: bold;letter-spacing: 2px;    
	font-size: 0px;
	color: #000053;
	BACKGROUND: url(img/junipers.jpg) no-repeat left top;
}


#spacer {
width: 950px;
height: 25px;
margin-top:15px;
background-color: #000000;
}


}/**************************
CONTENT AND COLUMNS
**************************/
.outer {
width: 950px;
margin: 0 auto;
height: 100%;
padding: 0;
}
* html .outer {
padding-right: 0px;
}
.inner {
width: 950px;
margin: 0 auto;
padding-bottom: 106px;
}
* html .inner {
width: 950px;
}
.float-wrap {
float: left;
margin-left: -0px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

/* Breadcrumb trail */
#breadcrumbs {
width: 600px;
margin: -10px 0 15px -15px;
color: #333;
font-size:11px;
}

#breadcrumbs ul {
list-style-type: none;
margin:1px;
}

#breadcrumbs ul li {
display: inline;
font-size:11px;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited  {
color: #333333;
text-decoration: none;
}

#breadcrumbs ul li a:hover {
text-decoration: underline;
}

#content {
float: left;
width: 620px;
font-size: 13px;
border:0px solid #333333
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap{
padding: 15px 15px 10px 25px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

.highlight {
color: #000000;
font-weight: bold;
}
	
#subheader_graphic h1{
	padding: 0px;
	margin:10px 0px 5px 10px;
	height:46px;
	width:400px;
	/* Default image. More defined below */
	background-image: url("");
	background-position: 0 0;
	background-repeat: no-repeat;
	}

html>body #subheader_graphic h1{
	width:400px;
	height: 46px;
	}
/* specify new images for different pages Look for different ids on body tag */
#Home #subheader_graphic h1{ width: 141px; height: 30px; margin: -25px 0px 10px 0px; background-image: url("img/subheader_welcome.gif"); }

form {
margin: 0;
padding:0;
}

form label {
font-weight:bold;
}

form label.required {
color:#000000;
font-weight:bold;
}

.separator2 {
	margin: 13px auto 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px #d3dadd solid;
	width: 98%;
	clear:both;
}

.projectpreview {
width:280px;
height:215px;
float:left;
margin:10px 10px 20px 0;
border:3px #000000 solid;
padding:0;
}

.projectpreviewtext {
clear:left;
width:272;
height:auto;
background-color:#000000;
color:#fff;
font-size:11px;
padding:4px;
}

.projectphoto {
float:left;
margin:8px 8px 20px 0;
border:5px #000000 solid;
padding:0;
}

.map {
float:right;
margin:0 0 15px 15px;
}
	
.float_left {
	float: left;
	padding-right: 5px;
	}
	
.dividerline {
	clear: left;
	width: 70%;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}	
	
.clearline {
	clear: left;
	width: 70%;
	height: 2px;
	}	
	
.photo_right {
	float: right;
	margin: 5px 0 15px 15px;
	border:5px solid #333333;
	}
	
.photo_left {
	float: left;
	margin: 5px 15px 15px 0;
	border:5px solid #333333;
	}
	
.column_photo {
	margin:0px 8px 0 5px;
	border:2px solid #666666;
	}	
	
.dividerline2 {
	clear: both;
	width: 555px;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}
	
.link_arrow {
padding:0 0 0 5px;
margin:0;
}
	
/**************************
LEFT COLUMN
**************************/
#left {

background: transparent url("img/nav_bg.gif") top center no-repeat;
float: left;
width: 0px;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}
#left ul {

padding-bottom: 1px;list-style: none;
}
#left li {
padding-bottom: 1px;
}
	
/*************************
RIGHT COLUMN
**************************/

/*style for IE*/		
* html #right {
width:258px;

	}
	
#right {
float: right;margin-right: 0px;
width: 258px;
height: 500px;
background: transparent url() top center no-repeat ;
border:0px solid #333333; 

}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: 0px; /*** IE gets this margin. ***/

}
#right ul {
margin-left: 10px;
list-style: square;
padding-bottom: 10px;
}
#right li {
padding-bottom: 0px;
}

.sidephoto {
width: 215px;
height: 137px;
margin: 10px auto 0px auto;
border: 2px #d8cf8a solid;
}

.rightcontent {
padding:5px 5px 0px 0px;
font-size:11px;
border:0px solid #333333; 
}

#right h4 {
color:#000000;
font-size:1.5em;
margin:5px 0 2px 0;
}

#right h4 a:link, #right h4 a:visited {
color:#000000;
text-decoration:none;
}

#right h5 {
font-weight:bold;
font-size:12px;
margin:3px 0 2px 0;
}

#right h5 a:link, #right h5 a:visited {
color:#000000;
text-decoration:none;
}

#right h6 {
font-weight:bold;
font-size:12px;
}

.separator {
	margin: 13px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px #d3dadd solid;
	width: 100%;
	clear:left;
}

.thumbnail-ezb {
float:left;
border:1px #999999 solid;
margin:0 6px 6px 0;POSITION:relative;
}

/**************************
FOOTER
**************************/
#footer {
	bottom:0px;POSITION:relative; BACKGROUND: url(img/footer_bg1.gif) #fff repeat-x center top; MARGIN: -95px auto 0px; WIDTH:  950px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif; HEIGHT: 106px
}
#footer A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
#footer A:active {
	COLOR: #fff; TEXT-DECORATION: none
}
#footer A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
#fcontainer {
	BORDER-TOP: #333333 11px solid; FONT-SIZE: 11px; BACKGROUND: url(img/footer_stripe1.gif) repeat-x center top; MARGIN: 0px auto; WIDTH: 950px; COLOR: #000000; HEIGHT: 95px
}
.links {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 15px 20px 0px 0px; PADDING-TOP: 0px
}
.address {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 15px 0px 0px 15px; COLOR: #fff; LINE-HEIGHT: 14px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.copyright {
	COLOR: #333333
}
#flogo {
	BACKGROUND: url(img/footer_logo.gif) no-repeat center top; LEFT: 11px; WIDTH: 110px; POSITION: absolute; TOP: 5px; HEIGHT: 87px
}



/**********              nav               ***********************/
#nav {
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	z-index: 100;float: left;	
}

#nav :link {
	color: #fff;
	/*display: block;*/
	text-decoration: none;
}

#nav :visited {
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	color: #dbf6fb;
}

#nav :link, #nav :visited {
	text-decoration: none;
	display: block;
}

#nav img {
	border: none;
}

#nav li {
	float: left;	
	list-style: none;
	position: relative;
	color: #fff;
	margin:0 20px 0 0;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	padding: 5px 20px 5px 0;
	margin: 0;
	background-color: #595755;
	z-index: 100;
	/* IE has to have width set to induce wrapping to a second line*/
}

#nav li ul li a {
	padding: 2px 0 2px 0;
	display: block;
	width: 12em;
	color: #fff;
	margin:2px 0 2px 20px;
}

#nav div {
	height: 36px;
}

#nav div a{
	height: 36px;
	color: #fff;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */
#home {
	background-image: url(img/button_home.gif);
	width: 81px;
}
#home:hover div, #home.over div {
	background-image: url(img/button_home-over.gif);
}
#home-page #home {
	background-image: url(img/button_home-on.gif);
}

#about {
	background-image: url(img/button_about.gif);
	width: 110px;
}
#about:hover div, #about.over div {
	background-image: url(img/button_about-over.gif);
}
#about-page #about {
	background-image: url(img/button_about-over.gif);
}

#projects {
	background-image: url(img/button_projects.gif);
	width: 104px;
}
#projects:hover div, #projects.over div {
	background-image: url(img/button_projects-over.gif);
}
#projects-page #projects {
	background-image: url(img/button_projects-on.gif);
}

#divisions {
	background-image: url(img/button_divisions.gif);
	width: 110px;float: left;	
}
#divisions ul {
	
	float: left;	
}
#divisions:hover div, #divisions.over div {
	background-image: url(img/button_divisions-over.gif);
}
#divisions-page #divisions {
	background-image: url(img/button_divisions-over.gif);
}

#careers {
	background-image: url(img/button_careers.gif);
	width: 99px;
}
#careers:hover div, #careers.over div {
	background-image: url(img/button_careers-over.gif);
}
#careers-page #careers {
	background-image: url(img/button_careers-over.gif);
}


#contact {
	background-image: url(img/button_contact.gif);
	width: 106px;
}
#contact:hover div, #contact.over div {
	background-image: url(img/button_contact-over.gif);
}
#contact-page #contact {
	background-image: url(img/button_contact-over.gif);
}

#blueblock{
width: 230;
padding: 0;
margin: 25px 0 15px 0;
font-family: Arial,Verdana, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 230px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

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

#blueblock li {
border-bottom: 2px solid #f2f5f6;
margin: 0;
}

#blueblock li.on a {
display: block;
padding: 5px 5px 5px 8px;
border-left: 15px solid #13728e;
border-right: 10px solid #a1aeb6;
background-color: #ddd;
color: #555;
text-decoration: none;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 15px solid #13728e;
border-right: 10px solid #a1aeb6;
background-color: #595755;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 15px solid #13728e;
border-right: 10px solid #cdd6dd;
background-color: #cdd6dd;
color: #13728;
}