/* ========================================
   == NAPA CSS. Styles for NAPA Careers website.
   == C. Ott, JWT Employment Communications
   == Last revision: Dec 13, 2006
   == ====================================== */
body, html {
    margin: 0; padding: 0; height: 100%;
    background: #0E2B8A; /* Blue */
    color: #444444;     /* Dark Gray */
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;  /* Establishes base size in browser. */
    font-size: 87%;
    line-height: 1.1em;
}
h3 {
    margin: 0.5em 0 0.125em 0;
    font-weight: bold;
    font-size: 110%;
}
h4 {
    font-size: 100%;
    font-weight: bold;
    color: #666666;
    margin: 0.5em 0 0.25em 0;
}
p.jobtitle {
    font-size: 100%;
    margin: 0 0 0.5em 0;
}
p.pullquote {
    font-size: 100%;
    font-weight: bold;
    color: #0E2B8A; /* Blue */
}
p.firstpara {clear: both;}

a:link,
a:visited,
a:active {
    color: #0E2B8a; /* Blue */
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #999999;
}


/* The wrapper positions all the content on the screen. Note that the wrapper has no height, so you can't
use it for bordering. */
div#wrapper {
    position:absolute;
    /*width:90%;*/
    width:772px;
    margin:0 5% 0 5%;
    background:#fff;
    height:100%;
    min-height:100%;
}
div#top {
    position: absolute;
    top: 0; width: 100%;
    margin: 0;
    height: 115px;
    background: white;
}
div#top img {
    margin: 1em 0 0 2em;
}

div#logosubmenu a:link,
div#logosubmenu a:visited {
    font-size: 90%;
    color: #456db1;     /* Medium Blue */
    text-decoration: none;
    padding: 0 0.25em 0 0.25em;
}

div#logosubmenu a:hover,
div#logosubmenu a:active {
    font-size: 90%;
    color: #999999;
    text-decoration: none;
    padding: 0 0.25em 0 0.25em;
}
div#logosubmenu a.current {
    color: #999999;
}

div#leftside {
    position: absolute;
    width: 100%;
    margin: 115px 0 0 0;
    padding: 0;
    vertical-align: top;
    background: white;
}

div#rightside {
    position: absolute;
    top: 115px; right: 0;
    width: 250px;
    background: white;
}

div#leftside p,
div#leftside div,
div#leftside form,
div#leftside h3,
div#leftside h4 {
    padding: 0 270px 0 3em;
    max-width: 55em;
}
div#leftside ol,
div#leftside ul {
    padding: 0 270px 0 4em;
    max-width: 55em;
}

div#leftside h1 {
    padding: 0 270px 0 1.5em;
}

/* Styles for blue divider lines. The max-width follows the text settings. */
div.bluedivider {
    position: relative;
    height: 10px;
    margin: 0 270px 0 3em;
    max-width: 55em;
}

div.upwedge {border-bottom: 1px solid #0A3C91;}
div.upwedge img {position: absolute; top: 1px; left: 50%;}
div.downwedge {border-top: 1px solid #0A3C91; }
div.downwedge img {position: absolute; top: -1px; left: 50%;}

select#employeename,
select#employeename option {
    font-size: 90%;
    width: 22em;
    color: white;
    background: #999999;
    font-weight: normal;
}

div#footer {
    clear: left;
}
div#footer p {
    font-size: 75%;
    font-weight: bold;
    color: #999999;
    padding: 0 1em 1em 1em;
}


iframe#searchBox {
    width: 240px;
    height: 290px;
    margin: 0 0 0 10px; padding: 0;
    border: 0;
}

div.jobsearchlabel {
    position: relative;
    height: 20px; z-index: 10;
    top: 0; right: -15px; width: 101%;
    background: #FFB310 url(./../art/banner_Job_Search.gif) 0% 0% no-repeat;
}
div.blankyellowlabel {
    position: relative;
    height: 20px; z-index:10;
    top: 0; right: -15px; width: 101%;
    background: #FFB310;
}
div#promoboxarea {
    width: 100%;
    margin: 2em 0 0 1em;
}
div#promoboxarea img,
div#promoboxarea a {
    border: 0;
}




/* The yellow bar menu is used on search results pages and some others. */
div#yellowbarmenu {
    float: left;
    height: 2em; width: 100%;
    background: #FFB310; /* Yellow */
}
div#yellowbarmenu a,
div#yellowbarmenu a:link,
div#yellowbarmenu a:visited,
div#yellowbarmenu a:active {
    display: block;
    font-weight: bold; font-size: 90%;
    padding: 0.5em 0 0.125em 3em;
    float: left;
    color: black;
    text-decoration: none;
}

div#yellowbarmenu a:hover { color: red; }

div#yellowbarmenu a.homelink {
    color: white;
    padding: 0.5em 1em 0.125em 3em;
}

div#yellowbarmenu a.rightlink { float: right; }
div#yellowbarmenu a.endlink { float: right; padding: 0.5em 2em 0.125em 0.5em;}