body { 
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
color:#58595b;
background:#fff;
text-align:center;
min-width:980px;
}

/* contains all divs*/

#frame {
position:relative;
width:980px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
padding:0;
}

/*header*/
#header{ 
position:relative;
float:left;
width:980px;
padding:0; 
margin:3px 0 0 0;
text-align:left;
}

#logo{ 
position:relative;
float:left;
width:202px;
padding:0; 
margin:9px 0 0 0;
}

#logo img {border:none;}

#logo span {display:none;}

#headflash{ 
position:relative;
float:left;
width:778px;
padding:0; 
margin:0;
}

#headflash img {border:none;}

/* main nav home page*/
body#bd-home #nav {
position:relative;
float:left;
width: 980px;
padding:0; 
margin:0;
}

body#bd-home #nav ul {
width: 980px;
height: 50px;
background: #fff url(../images/navmenu.gif);
margin: 0;
padding: 0;
}

body#bd-home #nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

body#bd-home #nav li, body#bd-home #nav a { /* turns links into blocks */
height: 50px;
display: block;
padding: 0;
}

body#bd-home #nav li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 50px;
}

body#bd-home #nav a {
padding: 45px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
}

/* sets the width and position of the main links */

body#bd-home #home {left: 0; width: 138px;}
body#bd-home #aboutus  {left: 138px; width: 140px;}
body#bd-home #greatbenefits {left: 278px; width: 140px;}
body#bd-home #greatcareers{left: 418px; width: 140px;}
body#bd-home #greatstories {left: 558px; width: 140px;}
body#bd-home #greatthingswedo {left: 698px; width: 140px;}
body#bd-home #apply {left: 838px; width: 142px;}


/* setting background image positions of main nav buttons... */
body#bd-home #home  a:hover, body#bd-home #home .on, body#bd-home #home a:hover.on {background: transparent url(../images/navmenu.gif) 0 -50px no-repeat;}
body#bd-home #aboutus  a:hover, body#bd-home #aboutus  .on, body#bd-home #aboutus   a:hover.on  {background: transparent url(../images/navmenu.gif) -138px -50px no-repeat;}
body#bd-home #greatbenefits a:hover, body#bd-home #greatbenefits .on, body#bd-home #greatbenefits a:hover.on  {background: transparent url(../images/navmenu.gif) -278px -50px no-repeat;}
body#bd-home #greatcareers a:hover, body#bd-home #greatcareers .on, body#bd-home #greatcareers a:hover.on  {background: transparent url(../images/navmenu.gif) -418px -50px no-repeat;}
body#bd-home #greatstories a:hover, body#bd-home #greatstories .on, body#bd-home #greatstories a:hover.on {background: transparent url(../images/navmenu.gif) -558px -50px no-repeat;}
body#bd-home #greatthingswedo a:hover, body#bd-home #greatthingswedo .on, body#bd-home #greatthingswedo a:hover.on {background: transparent url(../images/navmenu.gif) -698px -50px no-repeat;}
body#bd-home #apply a:hover, body#bd-home #apply .on, body#bd-home #apply a:hover.on {background: transparent url(../images/navmenu.gif) -838px -50px no-repeat;}

/* main nav general page*/
#navgen {
position:relative;
float:left;
width: 980px;
padding:0; 
margin:0;
}

#navgen ul {
width: 980px;
height: 50px;
background: #fff url(../images/navmenugen.gif);
margin: 0;
padding: 0;
}

#navgen li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#navgen li, #navgen a { /* turns links into blocks */
height: 50px;
display: block;
padding: 0;
}

#navgen li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 50px;
}

#navgen a {
padding: 45px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
}

/* sets the width and position of the main links */

#home {left: 0; width: 138px;}
#aboutus  {left: 138px; width: 140px;}
#greatbenefits {left: 278px; width: 140px;}
#greatcareers {left: 418px; width: 140px;}
#greatstories {left: 558px; width: 140px;}
#greatthingswedo {left: 698px; width: 140px;}
#apply {left: 838px; width: 142px;}


/* setting background image positions of main nav buttons... */
#home  a:hover, #home .on, #home a:hover.on {background: transparent url(../images/navmenugen.gif) 0 -50px no-repeat;}
#aboutus  a:hover, #aboutus  .on, #aboutus   a:hover.on  {background: transparent url(../images/navmenugen.gif) -138px -50px no-repeat;}
#greatbenefits a:hover, #greatbenefits .on, #greatbenefits a:hover.on  {background: transparent url(../images/navmenugen.gif) -278px -50px no-repeat;}
#greatcareers a:hover, #greatcareers .on, #greatcareers a:hover.on  {background: transparent url(../images/navmenugen.gif) -418px -50px no-repeat;}
#greatstories a:hover, #greatstories .on, #greatstories a:hover.on {background: transparent url(../images/navmenugen.gif) -558px -50px no-repeat;}
#greatthingswedo a:hover, #greatthingswedo .on, #greatthingswedo a:hover.on {background: transparent url(../images/navmenugen.gif) -698px -50px no-repeat;}
#apply a:hover, #apply .on, #apply a:hover.on {background: transparent url(../images/navmenugen.gif) -838px -50px no-repeat;}


/* home maincontent*/
#homecopy { 
position:relative;
float:left;
width:980px;
padding:4px 0 15px 0; 
margin:0;
text-align:left;
background:url(../images/homecopybg.jpg) #fff bottom left no-repeat ;
height:225px;
}

html > body #homecopy {min-height:225px; height:auto;}

#homecopy h1 {
margin: 0 0 0 209px;
padding:0;
font-size:2.5em;
color:#939598;
background: url(../images/homeh1.gif) left top no-repeat;
text-indent: -9000px;
width:630px;
height:35px;
}

#homecopy p {
margin: 0 32px 13px 209px;
padding:0;
font-size:1.2em;
}

#homecopy strong.title {
color:#0054a3;
font-size:1.2em;
font-weight:lighter;
}

#homeframe { 
position:relative;
float:left;
width:980px;
padding:0; 
margin:0;
text-align:left;
background:url(../images/homesecbg.jpg) #fff bottom left no-repeat ;
height:144px;
}

html > body #homeframe {min-height:144px; height:auto;}

#homeframel { 
position:relative;
float:left;
width:327px;
padding:0; 
margin:0;
text-align:left;
}

#homeframel h2 {
margin: 13px 20px 18px 25px;
padding:0;
font-size:1.6em;
color:#f37421;
background: url(../images/h2left.gif) left top no-repeat;
text-indent: -9000px;
width:136px;
height:18px;
}

#homeframel p {
margin: 0 140px 24px 25px;
padding:0;
font-size:1.2em;
}

#homeframel a {
color:#0054a3;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

#homeframel a:hover {color:#58595b;}

#homeframem { 
position:relative;
float:left;
width:326px;
padding:0; 
margin:0;
text-align:left;
}

#homeframem h2 {
margin: 13px 20px 18px 25px;
padding:0;
font-size:1.6em;
color:#f37421;
background: url(../images/h2middle.gif) left top no-repeat;
text-indent: -9000px;
width:228px;
height:22px;
}

#homeframem p {
margin: 0 140px 24px 25px;
padding:0;
font-size:1.2em;
}

#homeframem a {
color:#0054a3;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
#homeframem a:hover {color:#58595b;}

#homeframer { 
position:relative;
float:left;
width:327px;
padding:0; 
margin:0;
text-align:left;
}

#homeframer h2 {
margin: 13px 20px 18px 25px;
padding:0;
font-size:1.6em;
color:#f37421;
background: url(../images/h2right.gif) left top no-repeat;
text-indent: -9000px;
width:136px;
height:22px;
}

#homeframer p {
margin: 0 125px 24px 25px;
padding:0;
font-size:1.2em;
}

#homeframer a {
color:#0054a3;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
#homeframer a:hover {color:#58595b;}

/*general template */
#maincontainer {
position:relative;
float:left;
width:980px;
margin:0;
padding:0;
text-align:left;
background: #fff url(../images/contentbg.gif) repeat-y;
height:365px;
}

html > body #maincontainer {min-height:365px; height:auto;}

/* subnav */
#subnav {
position:relative;
float:left;
width: 264px;
padding:0; 
margin:0;
}

#subnav ul{
list-style:none;
margin:35px 22px 0 28px;
padding:0;
display:block;
font-size:1.1em;
background: url(../images/subnavbg.gif) top left no-repeat;
width:185px;
}

#subnav li { 
padding:0 0 22px 0;
}

#subnav li a {
color:#0054a3;
font-size:1.3em;
text-decoration:none;
padding:0;
margin:0;
width:175px;
display:block;
}

#subnav li a:hover {
color:#f37421;
}

#subnav li a.current {
color:#f37421;
font-weight:bold;
}

#subnav ul ul {
margin:0 0 -16px 0;
padding:6px 0 0 10px;
font-size:1.0em;
background:#f1f1f1;
display:block;
}

#subnav li li {
margin:0;
padding: 0;
border:1px solid #f1f1f1;
}

#subnav li li a{
text-decoration:none;
margin:0;
padding:0;
background:#f1f1f1;
color:#999;
}

#subnav li li a:hover, #subnav li li a.current{
text-decoration:none;
margin:0;
padding:0;
background:#f1f1f1;
color:#004890;
font-weight:normal;
}

img.titleimage {
margin-top:15px;
}

#copy {
position:relative;
float:left;
width: 716px;
padding:0; 
margin:0;
}

#copy h1 {
padding:0;
margin:35px 46px 18px 0;
font-size:2.3em;
color:#939598;
}

#copy h1 span {color:#f37421;}

#copy h2 {
padding:0;
margin:0 46px 5px 0;
font-size:1.4em;
color:#f37421;
}
#accordionJ h2 {
	cursor: pointer;
}
#accordionJ h2:hover {
text-decoration:underline;
}

#copy h3 {color:#f37421; font-size:1.4em;}

#copy p {
padding:0;
margin:0 46px 30px 0;
font-size:1.4em;
color:#58595b;
line-height:1.6em;
}

#copy a {
color:#0054a3;
text-decoration:none;
}

#copy a:hover {color:#58595b; text-decoration:underline;}


div#accordion {padding-bottom:25px;}
div#accordion p {margin-bottom:7px;}
div#accordion h3 {font-size:1.4em; font-weight:normal;}

#copy img.wheel {padding-left:138px;}
#copy img.awards {padding-left:0px;}

#copy ul { 
margin: 10px 46px 0 16px;
padding:0 0 12px 0;
list-style-type: none; 
width:625px;
font-size:1.4em;
} 

#copy ol#app { 
padding:0 46px 12px 0;
font-size:1.4em;
} 

#copy ol#app li { 
margin-left:10px; 
padding-left:0; 
text-align:left; 
font-size:14px; 
line-height:1.5; 
padding:2px 15px 5px; 
list-style:decimal; 
} 

#copy ul li { 
background: url(../images/bullets.gif) 0px 7px no-repeat;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
} 

#copy ul ul{ 
margin: 0 46px 0 8px;
padding:8px 0 0 0;
list-style-type: none; 
width:425px;
font-size:1.0em;
} 

#copy ul li ul li { 
background:#fff;
margin: 0;
padding:0 0 8px 0px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
}

#copy ul ul ul{ 
margin: 0 46px 0 8px;
padding:8px 0 0 0;
list-style-type: none; 
width:325px;
font-size:1.0em;
} 

#copy ul li ul li ul li { 
background:#fff;
margin: 0;
padding:0 0 8px 0px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
}


table#tbabout {
font-size:1.4em;
color:#58595b;
line-height:1.6em;
margin:0 46px 30px 0;
}

table#tbabout td strong, span.great {
color:#0054A3;
}

/*accessibility page*/

div.accessbutts ul {
padding: 0 0 30px 0px;
margin: 0 26px 0 0 !important;
list-style: none !important;
}

div.accessbutts ul li {	
padding: 0;
margin: 0;
display: inline !important;
background:#fff !important;
}

div.accessbutts img {border:none;}


/*form */
.userfield span {color:#cc0000;}

fieldset.userform, #footleft fieldset, #footrighter fieldset {
width: 650px;
overflow: hidden;
border:none;
margin:0;
padding: 5px 0px 45px 0px;
}

#footleft fieldset, #footrighter fieldset {padding-bottom:8px;}

legend.userform {
display:none;
}

div.userfield, div.userupload {
font-size: 100%;
width:650px;
padding: 0;
margin: 0 0 6px 0;
}

div.userfield label, div.userupload label {
color: #58595B;
background-color: inherit;
width: 220px;
float: left;
font-size:1.4em;
margin-top: 0;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 0;
padding-left: 0;
}

div.userfield input, div.userfield select, div.userupload input {
font-family: arial, helvetica, sans-serif;
width: 230px;
border: solid 1px #666;
margin: 0px 0px 15px 0px;
padding: 1px 1px 1px 3px;
font-size:1.1em;
}

div.userfield select{width:234px; font-size:1.4em;}

div.userfield textarea {
width: 234px;
border: solid 1px #666666;
overflow: auto;
margin-bottom:15px;
}

div.userfield p#textTitle {
margin:0px 0px 10px 0px;
}

div.userfield textarea#ctl00_MasterContentPlaceHolder_EmailForm1_tbExperienceSkillsKnowledge {
width: 430px;
border: solid 1px #666666;
overflow: auto;
}




div.userbuttons {
width:440px;
text-align: right;
}

div.userbuttons input {
width: 82px;
height: 24px;
font-family: arial, helvetica, sans-serif;
padding-top:0;
margin: 25px 0 0 0;
color: #fff;
font-weight:bold;
border:none;
font-size:1.1em;
background-color: #DE7129;
}

* > html div.userbuttons input {padding-top:10px; /* only IE Mac sees this  */}


div.userbuttons input:hover{
	color: #fff;
	border:none;
	background-color: #E79252;
}

.space {
height: 5px;
margin-bottom:15px;
float: left;
}

#form {
width: 200px;
float: left;
margin-left: 50px;
}

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
.button {
float: right;
padding: 5px;
}

/*footer*/
#footer {
position:relative;
float:left;
width: 980px;
padding:0; 
margin:0;
background: #fff url(../images/footerbg.gif) top left no-repeat;
clear:both;
}

body#bd-home #footer {background: #fff url(../images/homefootbg.gif) top left no-repeat;}

body#bd-home #changeFont ul {margin-top:12px;}

#changeFont {
position:relative;
float:left;
width: 980px;
padding:0; 
margin:0;
text-align:left;
}

#changeFont ul {
padding: 0 0 0 17px;
margin: 23px 0 0 0;
list-style: none;
}

#changeFont li {	
padding: 0 5px 0 0;
margin: 0;
display: inline;
}

#changeFont li.obelick {
background:url(../images/footdiv.gif) no-repeat 0px 2px;
padding-left:7px;
}

#changeFont a {
color:#fff;
text-decoration: none;
font-size:1.2em;
}

#changeFont img {border:none; padding:0 5px;}

#changeFont a.sign {
color:#0054a3;
text-transform:uppercase;
font-weight:bold;
}

#changeFont li.textalt, #changeFont li.textonly a {
color:#0054a3;
font-weight:bold;
font-size:1.4em;
}

#changeFont a:hover {
text-decoration: underline;
}

#changeFont li.end {margin:0 0 0 -10px; padding:0;}
#changeFont li#endbit {margin:0 0 0 15px; padding:0;}

#changeFont li.textonly {margin:0 -10px 0 0; padding:0;}

#foot {
position:relative;
float:left;
width: 980px;
padding:0; 
margin:10px 0 0 0;
text-align:left;
clear:both;
}

#footleft {
position:relative;
float:left;
width: 440px;
padding:0; 
margin:0;
text-align:left;
}
#footleft .textreader {
	float: left;
	padding-right: 10px;
}
#footleft .copyright {
	float: left;
	padding-top: 7px;
	font-size: 1.1em;
	font-weight: bold;
}

#footright {
position:relative;
float:left;
width: 540px;
padding:0; 
margin:0;
text-align:right;
}
 
#footright  ul {
padding: 0;
margin: 0;
list-style: none;
}

#footright  li {	
padding: 0;
margin: 0;
display: inline;
}

#footright img {border:none;}

#footer li#showimages {display:none; width:0; margin:0; padding:0;}
 
/* send to a friend form */ 
div.sendtofriend {font-size:1.4em;}
div.sendtofriend fieldset {border:0; margin:25px 0 0 0; padding:0;}
div.sendtofriend legend {display:none;}
div.sendtofriend ol {list-style:none; margin:0; padding:0;}
div.sendtofriend li {margin:0 0 8px 0; padding:0;}
div.sendtofriend label {width:14.5em;  margin-right:0.5em; float:left; display:block;}
div.sendtofriend input {font: 1.0em Arial, Helvetica, sans-serif;}
div.sendtofriend li.stfButt input {
background: url(../images/stfbutt.gif) no-repeat;
border:none;
width:50px;
height:20px;
margin:10px 0 0 210px;
color:#f37421;
font-size:0;
}

span.mandatory {color:#f37421;}

/*Style for clearing left*/
#cl{clear:left;}