@charset "utf-8";
/* BBWorkplace Styles */

body {font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:center; margin: 0; padding: 0; color: #008e9f;}

.clearer {clear:both;}

a {outline:none;}
a:link, a:visited {color:#f87e11; text-decoration: none; }
a:hover, a:focus {color: #018ea0;}
a:active { color: #018ea0; }

#shell {width: 720px; margin: auto; padding: 20px 200px 0px 20px; background: url(IMAGES/rightbanner.gif) repeat-y top right; padding-right: 200px;   }
#contentBox {width: 700px; margin-left: 20px;}

#banner {width: 700px; height: 120px; background: url(images/banner.gif) top left no-repeat;}

h1 { font-size:1.3em; line-height:1em; font-weight:bold; padding: 0; margin: 0 0 5px 0; color: #008e9f;}
h1.about { font-size:1.3em; line-height:1em; font-weight:bold; padding: 0; margin: 0 0 5px 0; color: #65177e;}
h1.ben { font-size:1.3em; line-height:1em; font-weight:bold; padding: 0; margin: 0 0 5px 0; color: #ffb813;}
h4 { font-size:1em;	font-weight:bold; margin:0; padding:0; color: #084887; display: inline;}
h4.ben { font-size:1em;	font-weight:bold; margin:0; padding:0; color: #f97e11; display: inline;}

/******************nav**************************/

#navBox {width: 700px; }
#nav ul {margin: 0; padding: 0; list-style:none; }
#nav li { padding: 0;  float: left; margin: 0 38px 0 0; width: 146px; }
#nav li.benefits {margin: 0 40px 0 0;}
#nav li.opps {margin: 0;}
#nav li.oppssel {margin: 0;}

#nav a {text-decoration:none; text-align: left; display: block; color: #fff; font-weight: bold; white-space:nowrap;}

#nav li.welcome a {background: url(IMAGES/nav_About.gif) bottom left no-repeat;  width: 136px; padding: 60px 0 2px 10px;}
#nav li.welcome a:hover {background-position: -146px bottom; }
#nav li.welcomesel a { background: url(IMAGES/nav_About.gif) bottom left no-repeat; width: 136px;  padding: 60px 0 2px 10px;  background-position: -146px bottom; }

#nav li.about a {background: url(IMAGES/nav_AboutUs.gif) bottom left no-repeat; width: 136px;padding: 60px 0 2px 10px;  }
#nav li.about a:hover {background-position: -146px bottom; }
#nav li.aboutsel a {background: url(IMAGES/nav_AboutUs.gif) bottom left no-repeat; width: 136px;padding: 60px 0 2px 10px; background-position: -146px bottom;  }


#nav li.benefits a {background: url(IMAGES/nav_benefits.gif) bottom left no-repeat; width: 136px;padding: 60px 0 2px 10px;   }
#nav li.benefits a:hover {background-position: -146px bottom; }
#nav li.benefitssel a {background: url(IMAGES/nav_benefits.gif) bottom left no-repeat; width: 136px;padding: 60px 0 2px 10px;  background-position: -146px bottom;  }

#nav li.opps a {background: url(IMAGES/nav_opps.gif) bottom left no-repeat;  width: 136px;  padding: 60px 0 2px 10px; }
#nav li.opps a:hover {background-position: -146px bottom; }
#nav li.oppssel a {background: url(IMAGES/nav_opps.gif) bottom left no-repeat;  width: 136px;  padding: 60px 0 2px 10px;background-position: -146px bottom;  }



/****************main********************************/


#header {text-align: left;}
#mainBox { margin-bottom:30px;}

#text {width: 390px; float: left; text-align:left;}
#textAbout {width: 520px; float: left; text-align:left; color: #65177e;}
#textSearch {width: 400px; float: left; text-align:left; color: #59891b; padding-left: 60px;   }
#textOpp {width: 480px; float: left; text-align:left; color: #59891b;   }
#textBenefits {width: 520px; float: left; text-align:left; color: #f97e11;}
#textApply {width: 520px; float: left; text-align:left; color: #59891b; padding-top: 50px; }



.at_glance { font-size: 0.9em;}
.list_about {color: #65177d; font-size: 0.9em;}
.rightPurple {float:right;}




/*****************job box ******************************/

#jobsBox {width: 290px; float: left; text-align:left; padding: 120px 10px 10px 10px; background: url(IMAGES/current_opps_header.gif) no-repeat top right #f5eee1; border-bottom: 1px solid #6ac1bb; }
#jobsBox a {color: #084887;}
#jobsBox a:hover {color: #9a8255;}

#jobsBoxSearch {width: 290px; float: left; text-align:left; padding: 120px 10px 10px 10px; background:url(IMAGES/current_opps_header.gif) no-repeat top right #f5eee1; border-bottom: 1px solid #59891b; }
#jobsBoxSearch a {color: #294308;}
#jobsBoxSearch a:hover {color: #9a8255;}

#jobsBoxOpp {width: 380px; float: left; text-align:left; padding: 120px 30px 10px 30px; background:url(IMAGES/current_opps_header.gif) no-repeat top right #f5eee1; border-bottom: 1px solid #59891b; }
#jobsBoxOpp a {color: #59891b;}
#jobsBoxOpp a:hover {color: #9a8255;}

.MicroHeader {background: #fff;}
.RWE {background: #fff; display: block;}
.Micro td{background:#fbf7ee;} 
#AboutBox {width: 180px; float: left; text-align:left; padding: 110px 0px 10px 0px;  }
#SearchBox {width: 180px; float: left; text-align:left; padding: 110px 0px 10px 0px;  }


/**************footer********************************/

#footer {width: 700px; color: #9a8255; padding: 30px 0px 15px 0px;  text-align:left; margin-left: 20px; border-top: 1px solid #6ac1bb;  background: #f5eee1; }
#footer a {color: #c1aa7b; text-decoration: none;}
#footer a img {border:none; padding-right: 10px; padding-left: 20px; margin: -15px 0px 0 0px; position: relative; }
#footer a:hover {color: #9a8255;}

#footerAbout {width: 700px; color: #65177e; padding: 30px 0px 15px 0px;  text-align:left; margin-left: 20px; border-top: 1px solid #65177e;  background: #f5eee1; }
#footerAbout a {color: #a24895; text-decoration: none;}
#footerAbout a img {border:none; padding-right: 10px; padding-left: 20px; margin: -15px 0px 0 0px; position: relative; }
#footerAbout a:hover {color: #65177e;}

#footerBen {width: 700px; color: #f97e11; padding: 30px 0px 15px 0px;  text-align:left; margin-left: 20px; border-top: 1px solid #65177e;  background: #f5eee1; }
#footerBen a {color: #ffb813; text-decoration: none;}
#footerBen a img {border:none; padding-right: 10px; padding-left: 20px; margin: -15px 0px 0 0px; position: relative; }
#footerBen a:hover {color: #f97e11;}

#footerSearch {width: 700px; color: #59891b; padding: 30px 0px 15px 0px;  text-align:left; margin-left: 20px; border-top: 1px solid #59891b;  background: #f5eee1; }
#footerSearch a {color:  #b5c519; text-decoration: none;}
#footerSearch a img {border:none; padding-right: 10px; padding-left: 20px; margin: -15px 0px 0 0px; position: relative; }
#footerSearch a:hover {color: #59891b;}

/* APPLICATION FORM */

#applyform { color: #003375; width: 440px; margin: 0; padding:10px; text-align: left; border: #59891b solid 1px; background: url(images/applyForm.gif) top left no-repeat;}
#applyform form { margin: 0; padding: 0; }
#applyform td.brown {background: #fff; color: #084887;}
#applyform fieldset { border: 0; padding: 0; margin: 0; }
#applyform label { vertical-align: top; line-height: 1.6em; }
#applyform ol { list-style: none; margin: 0; padding: 0; }
#applyform li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-bottom: #6c6964 solid 1px; border-top:#fff solid 1px; }
#applyform input { width: 17em; padding: 2px; font-size: small; font-family: Tahoma, Arial, Helvetica, sans-serif; background: 0; }
#applyform select { width: 17em; padding: 2px; font-size: small; font-family: Tahoma, Arial, Helvetica, sans-serif; background: 0; }
#applyform input.radio { width: auto; margin-right: 2em;background: 0; }
#applyform input.Submit { width: 10em;  font-weight: bold;background: 0;  }
#applyform textarea { width: 17em; padding: 2px; font-size: small; font-family: Tahoma, Arial, Helvetica, sans-serif; background: 0;}
#applyform .border { border: #6c6964 solid 1px;}
#applyform file { width: 15em; padding: 2px; font-size: small; font-family: Tahoma, Arial, Helvetica, sans-serif; border: #2b3f03 solid 1px; }
#applyform li.startinput { border-top: none; padding-top: 0; }
#applyform li.submitinput { padding-top: 2em;}
#applyform li.endinput { border-bottom: none; padding-bottom: 0;}
#applyform p { margin: 0; }
#applyform.attach {color: #FF0000;}