/* =======================================================================================================================
	FLOAT CLEARING IN MOZILLA
======================================================================================================================= */

#header:after,
#topNav:after,
#servicesLinks:after,
#menuWrapper:after,
#subWrapper:after,
.clear:after,
#childWrapper:after,
.jobRequirements:after,
.jobDesc:after,
.caseStudyHomeWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* =======================================================================================================================
	GENERAL PAGE FORMATTING
======================================================================================================================= */
  
a {color: #a86666; text-decoration: none;} 

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

a img {
border-width: 0;
}

h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 130%;
margin-top: 0px;
margin-bottom: 0px;
color:#666666;
}

h2 {
font-family: Times, "Times New Roman", serif;
font-weight: bold;
font-size: 165%;
margin-bottom: 0px;
color: #777;
display: inline;
}

h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 110%;
margin-top: 0px;
color: #666;
display: inline;
}
h3.red {
color: #a86666;
margin-bottom: -12px;
}
h3.red2 {
color: #a86666;
}
h3.newsletterSubhead {
	font-size: 15px;
	}
h4.newsletterSubhead {
	font-size: 13px;
	}
h5.newsletterSubhead {
	font-size: 12px;
	}
	
h4.newsletterSubhead .smallSubhead {
	font-size: 11px;
	}

body {
padding: 0;
margin: 0;
text-align: left;
font:x-small verdana,helvetica,sans-serif;
}
/* Begin font hack for Opera */
html>body {font-size:small;}
/* End font hack for Opera */

#constraint {
margin: 0;
padding: 0;
background-image: url(/images/bg.gif); /* made url absolute, AD */
background-repeat: repeat-x;
background-color: #d8d8d8;
}

#pagewrapper {
text-align: left;
background-color: #fff;
margin: 0;
padding: 0;
width: 771px;
position: relative;
z-index: 1; /* necessary for dropdowns in IE */
padding: 0 3px 0 0;
font-size: 90%;
}

#wrapper {  
padding: 0;
margin: 0;}

#subWrapper {
font-size: 90%;
width: 100%;
height: auto;
position: relative;
z-index: 2; /* necessary for dropdowns in IE */
padding: 0;
margin: 0;
}


/* =======================================================================================================================
	HEADER
======================================================================================================================= */

#header {
border-bottom: 1px solid #fff;
background-color: #fff;
}

#topBar {
height: 11px;
background-image: url(/images/topbar_bg.gif); /*made url absolute, AD*/
background-repeat: repeat-x;
margin: 0 0 0 2px;
}

#logoTop {
height: 28px;
padding: 1px 0;
margin: 0 0 0 2px;
}

#logoMain {
height: 59px;
border-width: 1px 0;
border-style: solid;
border-color: #a79daa #a79daa #fff #fff;
background-color: #dfe3ea;
}

/* =======================================================================================================================
	TOP NAVIGATION
======================================================================================================================= */
 
#menuWrapper { 
font-size: 90%;
background-color: #545454;
position: relative;
z-index: 9999;
margin: 0 0 0 2px;
height: 42px;
padding: 18px 0 0 0;
} 


#menu {  
padding: 0;
/* what follows serves as a background image preloader for the hover state of the main nav buttons */
background-image: url();
background-position: -100px 0;
background-repeat: no-repeat;
width: 774px;
height: 24px;
background-color: #545454;
}

#menu li {
float: left; /* needs to be floated to display bg color */
margin: 0;
display: inline;
position: relative;
top: 0;
left: 0;
z-index: 9999;
}  

#menu li a {
float: left;
display: block;
margin: 0;
padding: 6px 15px 5px 15px;
cursor: pointer;
font-family: helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 12px;
color: #fff;
text-decoration: none;
background-image: url();
background-repeat: no-repeat;
background-position: right;
} 

#menu li a:hover {
/*color : #42495c;
background-color: #fff;*/ /* commented out by AD */
cursor: pointer;
}

/*
#menu li.off a:hover,
#menu li:hover a,
#menu li.over a,
#menu li.on a {
color: #42495c;
}*/ /* commented out by AD */

#menu li.off ul,
#menu li.on ul {
margin: 0;
padding: 0;
display: none;
position : absolute; 
left : 0;
top: 23px;
background-color: #fff;
}

#menu[id] li.off ul,
#menu[id] li.on ul {
}

#menu li.on ul {
display: block;
}

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

#menu li ul li {
padding: 0; 
margin: 0;
display: block;
clear: left;
width : auto; 
background-image: none;
text-align: left;
} 

#menu li.off ul a:hover,
#menu li.over ul a:hover {
padding: 15px 5px 0 5px;
background-image: none;
text-decoration: underline;
color: #FF9900;
}

#menu li.off:hover ul li,
#menu li.on:hover ul li {
/* float: none; - BREAKS DROPDOWN IN IE7 */
margin: 0;
list-style-type:circle;

}

/*#menu li ul li:hover,
#menu li ul li.over {margin: 0; padding: 0;}*/

#menu li.on ul a, 
#menu li.off ul a {
  /* float: none; */
  color: #000;
  margin: 0;
  padding: 3px 0 5px 10px;
width: 150px;
  border-bottom: 1px dotted #999;
  font-size: 9px;
  background: url() no-repeat left;
  display: block;
  position: relative;
  text-decoration: none;
}

#menu li.off ul a:hover,
#menu li.on ul a:hover {
padding: 3px 0 5px 10px;
width: 150px;
background: #42495c url() no-repeat left;
color: #fff;
text-decoration: underline;
}

/* =======================================================================================================================
	LEFT COLUMN
======================================================================================================================= */

#position2 {
position: absolute; left: 0; right: auto;
width: 184px;
background-color: #f0f3fb;
}
#position2 .content {
}

/* =======================================================================================================================
	RIGHT COLUMN
======================================================================================================================= */

#position4 {
position: absolute; left: auto; right: 0;
width: 118px;
background-color: #dfe3ea;
}
#position4 .content {
}

/* =======================================================================================================================
	MAIN CONTENT
======================================================================================================================= */

#position3 {
margin-left: 184px;
margin-right: 118px;
border-right: 3px solid #fff;
min-height: 600px;
}

#home #position3 {
min-height: 0px;
}

#position3 .content {
}

/* =======================================================================================================================
	FOOTER
======================================================================================================================= */
#position10 {
height: 75px;
border-top: 11px solid #3c3c3c;
}

#position10 .content {
}