/******* DEFAULT TAG STYLES ********/

html {
    -webkit-text-size-adjust: none;
    overflow-y: scroll;}

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 0px 0px;}
body a:link {text-decoration: none; color: #0070c0;}
body a:visited {text-decoration: none; color: #0070c0;}
body a:hover {text-decoration: underline; color: black;}
body a:active {text-decoration: none; color: #0070c0;}

div {margin:0; padding:0; position:relative;}
p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, h7 {margin:0; padding:0; font-weight:normal;}


/******* STYLES FOR DEFINING OVERALL AREAS ********/

div.top-container {width:100%; height:130px;}
div.top-container-phone {margin:10px auto; width:95%;}

div.logo-container {    /*inside the top-container*/
    width:850px; height:102px;
    margin:0px auto 0px auto;
    padding:0 42px;
    z-index:0;}

div.nav-background {    /*inside the top-container*/
    position:absolute;
    top:102px;
    width:100%; height:28px; 
    background-color:#eee;
    border-top:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px;
    z-index:0}
    
div.nav-container {    /*inside the top-container*/
    top:0px;
    width:850px; height:28px;
    margin:0px auto 0px auto;
    padding:0 42px;
    z-index:1;}

div.main-container {
    width:850px;
    margin:0px auto 0px auto;
    padding:20px 42px 0 42px;
    z-index:0;}
    
div.main-container-phone {
    width:95%;
    margin:0px auto;
    padding:0;
    z-index:0;}
    
div.footer {
    width:850px;
    margin:25px auto 25px auto;
    font-size:11px; color:#777;
    text-align:center;}

div.footer-container-phone {
    width:95%;
    margin:0px auto;
    padding:0;
    z-index:0;}

div.footer-phone {
    width:100%;
    font-size:11px;
    color:#777;
    text-align:center;
    padding-bottom:40px;
    z-index:0;}


/******* TOP SECTION ********/

div.upper-right {position:absolute; top:3px; font-size:12px;}

div.tagline {position:absolute; left:330px; top:70px; font-size:12px; color:#797979;}

div.nav-border-seg {
    position:absolute;
    height:28px;
    margin: 0 auto 0 auto; width:850px;
    z-index:0;}

#nav-border-seg-1 {left:0px; width:77px; border-top:#c1c1c1 solid 1px; border-bottom:#c1c1c1 solid 1px;}
#nav-border-seg-2 {left:77px; width:86px; border-top:#a3a3a3 solid 1px; border-bottom:#a3a3a3 solid 1px;}
#nav-border-seg-3 {left:163px; width:524px; border-top:#818181 solid 1px; border-bottom:#818181 solid 1px;}
#nav-border-seg-4 {left:687px; width:86px; border-top:#a3a3a3 solid 1px; border-bottom:#a3a3a3 solid 1px;}
#nav-border-seg-5 {left:773px; width:77px; border-top:#c1c1c1 solid 1px; border-bottom:#c1c1c1 solid 1px;}

div.nav-text {
    position:absolute;
    width:850px;
    top:7px;
    font-size:12px;
    text-align:center;
    z-index: 2;}

span.nav-arrow {font-size:15px; color:#bbb;}

a.nav-color1:link {text-decoration: none; color:#0070c0;}
a.nav-color1:visited {text-decoration: none; color:#0070c0;}
a.nav-color1:hover {text-decoration: underline; color: black;}
a.nav-color1:active {text-decoration: none; color: #0070c0;}

a.nav-color2:link {text-decoration: none; color: #0050a0;}
a.nav-color2:visited {text-decoration: none; color:#0050a0;}
a.nav-color2:hover {text-decoration: underline; color: black;}
a.nav-color2:active {text-decoration: none; color:#0050a0;}


/******* MAIN SECTION ********/

div.box-1 {border:#818181 1px solid; background-color:#f8f8f8; padding:20px;}
div.box-1-phone {border:#818181 1px solid; background-color:#f8f8f8; padding:10px 12px 0px 12px; margin-bottom:10px; z-index:0;}

/*cleanly aligned textboxes - these divs always go in tandem*/
div.cleanform-label {text-align:right; display:inline-block; margin:auto 0; padding-right:3px; padding-bottom:8px;}
div.cleanform-textbox {display:inline-block; vertical-align:middle;}

/*boxes on the jobpost page*/
div.jobpost-table {display:table; border:1px solid #0070c0; margin-bottom:20px;}
div.jobpost-table-cell-1 {display:table-cell; background-color:#f2f2f2; padding:6px 0 6px 12px; font-size:14px;}
div.jobpost-table-cell-2 {display:table-cell; padding:12px 8px 12px 12px;}
#job_description p {margin-bottom:9px;}

/*content areas (articles, etc)*/
div.content-block {line-height:22px;}
div.content-block p {margin-bottom:20px;}

/*article right sidebar*/
div.sidebar {width:200px;}
div.sidebar ul {padding-left:10px; margin:0; font-size:10px;}
div.sidebar li {margin-bottom:10px;}
div.sidebar span {font-size:11px; position:relative; left:-3px; top:1px;}

/*search box*/
input.searchbox {
    background-color: white;
    border-width: 1px;
    border-style:solid;
    border-color: #aaa;
    width:241px;
    padding:2px 6px;
    font-size:18px; color:#aaa; font-family: Arial, Helvetica, sans-serif;}

/*hr tags*/
hr {height:1px; border:none; color:#ccc; background-color:#ccc;}