/* CSS Document  07/12/08  */

/* >>>>>>>>>> GENERIC/GLOBAL STYLES START <<<<<<<<<<< */
body { 
background: url(../images/bodybg.jpg) #cdcdcf repeat-x;
color: #000; 
font-family:   arial, helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
text-align:center;
}

img {
border:none;
}

.bullets {
clear:both;
}

/* Skiplinks for access keys */

#skiplinks {display:none;}

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

#skiplinks li {
padding: 0;
margin: 0;
list-style: none;
display: inline;
}

#skiplinks a {
color: #DC2A1A;
background-color: #fff;
font-weight: bold;
position: absolute;
top: -20px;
left: 20px;
overflow: hidden;
width: 0;
height: 0;
font-size: 1em !important;
z-index: 1000;
}

#skiplinks a:active, #skiplinks a:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
border: 0;
margin: 0;
padding: 6px;
font-size: .6em;
}

hr.hide { 
display: none;
margin: 0;
padding:0;
}

/* contains all divs*/
#frame {
position:relative;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 0;
text-align:left;
width:960px;
border-top:1px solid #001d53;
}

/*header*/
#header { 
position:relative;
margin: 0;
padding:0;
width: 960px;
float:left;
background: url(../images/headerbg.jpg) #00001c top left no-repeat;
}

#logo {
position:relative;
margin: 0;
padding:0;
width: 282px;
float:left;
}
 
#changeFont {
position:relative;
margin: 0;
padding:0;
width: 678px;
float:left;
text-align:right;
color:#fff;
font-size:1.0em;
}

#changeFont ul {
width: 670px;
padding: 0;
margin: 45px 8px 0 0;
list-style: none;
color:#fff;
}

#changeFont li {	
padding: 0;
margin: 0;
display:inline;
color:#fff !important;
}

#changeFont a {
color:#00b2e3;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
}

/*main navigation*/
#navcontainer {
position: relative;
width:960px;
height: 28px;
margin: 0;
padding:0;
float:left;
} 

ul#nav {
width: 960px;
height: 28px;
background: #fff url(../images/menu.jpg);
margin: 0;
padding: 0;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#nav li, #nav a { /* turns links into blocks */
height: 28px;
display: block;
padding: 0;

}

#nav li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 28px;
}

#nav a {
padding: 28px 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: 58px;}
#abouthbos {left: 58px; width: 82px;}
#businessdivisions {left: 140px; width: 114px;}
#workinghere {left: 254px; width: 89px;}
#aboutourjobs {left: 343px; width: 100px;}
#allopportunities {left: 443px; width: 110px;}
#rewardsandbenefits {left: 553px; width: 133px;}
#locations {left: 686px; width: 66px;}
#apply {left: 752px; width: 45px;}
/* use at a later date

/* lets you know what page you're on */

#home .current, #home a:hover.current {background: transparent url(../images/menu.jpg) 0 -56px no-repeat;}
#abouthbos .current, #abouthbos a:hover.current {background: transparent url(../images/menu.jpg) -58px -56px no-repeat;}
#businessdivisions .current, #businessdivisions a:hover.current {background: transparent url(../images/menu.jpg) -140px -56px no-repeat;}
#workinghere .current, #workinghere a:hover.current {background: transparent url(../images/menu.jpg) -254px -56px no-repeat;}
#aboutourjobs .current, #aboutourjobs a:hover.current {background: transparent url(../images/menu.jpg) -343px -56px no-repeat;}
#allopportunities .current, #allopportunities a:hover.current {background: transparent url(../images/menu.jpg) -443px -56px no-repeat;}
#rewardsandbenefits .current, #rewardsandbenefits a:hover.current {background: transparent url(../images/menu.jpg) -553px -56px no-repeat;}
#locations .current, #locations a:hover.current {background: transparent url(../images/menu.jpg) -686px -56px no-repeat;}
#apply .current, #apply a:hover.current {background: transparent url(../images/menu.jpg) -752px -56px no-repeat;}


/* setting background image positions of main nav buttons... */
#home a:hover {background: transparent url(../images/menu.jpg) 0 -28px no-repeat;}
#abouthbos a:hover {background: transparent url(../images/menu.jpg) -58px -28px no-repeat;}
#businessdivisions a:hover {background: transparent url(../images/menu.jpg) -140px -28px no-repeat;}
#workinghere a:hover {background: transparent url(../images/menu.jpg) -254px -28px no-repeat;}
#aboutourjobs a:hover {background: transparent url(../images/menu.jpg) -343px -28px no-repeat;}
#allopportunities a:hover {background: transparent url(../images/menu.jpg) -443px -28px no-repeat;}
#rewardsandbenefits a:hover {background: transparent url(../images/menu.jpg) -553px -28px no-repeat;}
#locations a:hover {background: transparent url(../images/menu.jpg) -686px -28px no-repeat;}
#apply a:hover {background: transparent url(../images/menu.jpg) -752px -28px no-repeat;}

/* main content frame */

#maincontainer {
position:relative;
width: 960px;
float:left;
margin:0 0 20px 0;
padding:0;
text-align:left;
}

/* breadcrumb */
#breadcrumb { 
position: relative;
width:960px;
color:#000;
margin:19px 0 ;
padding:0;
float:left;
clear:both;
}

#breadcrumb ul {
margin:0 0 0 20px;
padding:0;
list-style-type:none;
}

#breadcrumb ul li {
display:inline;
font-size:1.1em;
margin:0;
padding:0;
}

#breadcrumb ul li a {
color:#000;
text-decoration:none;
padding:0 18px 0 0;
margin:0;
display:inline;
background: url(../images/breadbullet.gif) #fff top right no-repeat;
}

#breadcrumb a:hover {
display:inline;
text-decoration: none;
}	
 
#breadcrumb ul li.current{
color:#0099cc;
}


/* sub Nav */
#left {
width:222px;
height:500px;
float:left;
position:relative;
margin:0;
padding:0;
}

#left ul {
list-style:none;
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
width:190px;
}


#left li { 
padding:0;
margin:0 0 3px 0;
}

#left a {
color:#fff;
background:#666;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
padding:6px 0 6px 11px;
margin:0;
display:block;
width:100%;
}

#left a:hover, #left a.current {
color:#fff;
background:#000;
}

#left ul ul {
margin:-3px 0 3px 0;
padding:6px 0 3px 0;
background:#000;
width:201px;
}

#left li li {
margin:0;
padding: 0;
background:#000;
}

#left li li a{
text-decoration:none;
margin:0;
padding:0 0 9px 29px;
background:#000;
color:#fff;
font-size:1.1em;
font-weight:normal;
width:172px;
}

#left li li a:hover, #left li li a.current {
color:#0099cc;
background:#000;
}

/*content */
#middle {
width:500px;
float:left;
position:relative;
margin:0;
padding:0;
}

#middle p {
padding:0;
margin:0 30px 10px 30px;
font-size:1.1em;
color:#000;
line-height:1.6em;
}

#middle h1 {
margin:0 30px 15px 30px;
padding:0;
color:#000;
font-size:2.0em;
}

#middle h2 {
margin:12px 30px 0 30px;
padding:0;
color:#000;
font-size:1.4em;
}

#middle h3 {
margin:0 30px;
padding:0;
color:#000;
font-size:1.2em;
}

#middle h4 {
margin:0 30px 15px 30px;
padding:0;
color:#000;
font-size:1.3em;
}

#middle a {
color:#0099cc;
text-decoration:none;
font-weight:bold;
}

#middle a.apply {
font-size:1.2em;
}

#middle a:hover {
color:#0099cc;
text-decoration:underline;
}

#middle em {width:360px; overflow:visible;}

#middle ol {
width: 360px;
}

#middle ul  {
width: 360px;
list-style:none;
}

#middle li {
background:url(../images/bullet.gif) no-repeat 0px 4px;
display:block;
font-size:1.1em;
line-height:16px;
padding:0 0 5px 15px;
margin:0;
width: 100%;
list-style:none;
color:#000;
}

#middle ul ul {
list-style:none;
margin:6px 0 0 0;
padding:0
}

#middle li li {
display:block;
font-size:1.0em;
line-height:16px;
padding:0 0 5px 3px;
margin:0;
list-style:none;
color:#000;
background:transparent;
}

/*frontareas*/
#front, #frsec {
width:500px;
float:left;
position:relative;
margin:15px 0;
padding:0;
}

#frontleft, #frsecleft {
width:250px;
float:left;
position:relative;
margin:0;
padding:0;
}

#frontleft img, #frsecleft img {
margin:0 0 0 30px;
border:1px solid #00b2e3;
}

#frontleft a, #frsecleft a {color:#00b2e3;}

#frontright, #frsecright {
width:250px;
float:left;
position:relative;
margin:0;
padding:0;
}

#frontright img, #frsecright img {border:1px solid #00b2e3;}

#frontright p, #frsecright p {margin-left:0;}

#frontright a, #frontleft a, #frsecright a, #frsecleft a {color:#00b2e3; text-decoration:underline; font-weight:bold;}

/*right hand*/
#right {
width:238px;
float:left;
position:relative;
margin:0;
padding:0;
}

#livefeed {
position:relative;
float:left;
width:210px;
margin:0 0 27px 0;
padding:0;
background:#000;
}

#livefeed img {margin-bottom:5px;}

#livefeed ul{
list-style:none;
margin:0;
padding:0;
width:210px;
}

#livefeed li { 
padding:0 0 25px 0;
margin:0 6px 0 0;
}

#livefeed span {color:#fff; font-weight:bold;}

#livefeed a {
background:url(../images/livebullet.gif) right bottom no-repeat;
color:#ccc;
font-size:1.1em;
text-decoration:none;
padding:0 25px 0 0;
margin:0 0 0 11px;
display:block;
width:80%;
}

#livefeed a#nonbull {background:none; padding:0 27px 0 0;}


#livefeed a:hover {
}

#rightpromo {
position:relative;
float:left;
width:210px;
margin:0;
padding:0;
}

#gmap img {float:left; border:none;}

/* footer */
#contentfooter {
position:relative;
width:960px;
height:30px;
margin:0 0 30px 0;
padding:0;
background: url(../images/footer.jpg) #000022 top left no-repeat;
float:left;
}

#contentfooter ul {
padding:0;
margin:8px 0 0 10px;
list-style: none;
float:left;
text-align:left;
font-size:1.1em;

}

#contentfooter li {	
margin:0;
padding:0;
display:inline;
color:#fff;
}

#contentfooter a {color:#fff; text-decoration:none;} 

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

#contentfooter p {
position:relative;
float:right;
display:inline;
margin:0 15px 0 0;
color:#fff;
padding:8px 0px;
font-weight:bold;
}



/* form */
.mandatory {
color:#cc0000;
}

.userfield span {color:#cc0000;}

fieldset.userform, #footleft fieldset, #footright fieldset {
width: 450px;
overflow: hidden;
border:none;
margin:0;
padding: 5px 0px 45px 30px;
}

#footleft fieldset, #footright fieldset {padding-bottom:8px;}

legend.userform {
display:none;
}

div.userfield, div.userupload {
font-size: 100%;
width:450px;
padding: 0;
margin: 0 0 6px 0;
}

div.userfield label, div.userupload label {
color: #000;
background-color: inherit;
width: 200px;
float: left;
padding: 3px 0 0 0;
margin: 0;
font-size:1.1em;
}

div.userfield input, div.userfield select, div.userupload input {
font-family: arial, helvetica, sans-serif;
width: 230px;
border: solid 1px #666;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 3px;
font-size:1.1em;
}

div.userfield textarea {
width: 230px;
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;
background:#000;
font-weight:bold;
border:none;
font-size:1.1em;
}

* > html div.userbuttons input {padding-top:10px; /* only IE Mac sees this  */}

div.userbuttons input:hover{
background:#b5d5f0;
color: #fff;
border:none;
}

#footleft legend, #footright legend {
display:none;
}

#footleft label, #footright label {font-size:1.3em; width:170px; float:left; color:#000;}

#footleft input, #footright input {
font-family: arial, helvetica, sans-serif;
width: 170px;
border: solid 1px #666;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 3px;
font-size:1.1em;
}

#footbutt input {
width: 82px;
height: 24px;
font-family: arial, helvetica, sans-serif;
padding-top:0;
margin: 25px 0 0 297px;
color: #fff;
background:#013a81;
font-weight:bold;
border:none;
font-size:1.1em;
}

#footbutt input:hover{
background:#b5d5f0;
color: #fff;
border:none;
}

p.thanks {
margin:0 0 15px 54px;
padding:35px 0;
text-align:justify;
font-size:1.1em;
font-weight:bold;
}
/* End form */