@media screen
{
body
    {
        font-family: Verdana, sans-serif, Arial, Helvetica;
        font-size: 13px;
        background: url(../images/fade-background.gif);
        background-color: #1d67a4;
        background-repeat: repeat-x;
        color: #003355;
    }
body H1 { font-size:22px; color: #084466 }
body H2 { font-weight: lighter; font-size: 17px; color: #084466 }

body A:link {font-weight:bold; text-decoration: none; color: #001122}
body A:active {font-weight:bold; text-decoration: none; color: #001122}
body A:visited {font-weight:bold; text-decoration: none; color: #001122}
body A:hover {font-weight:bold; text-decoration: underline; color: #001122}

.pageHolder
{
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
.printHeader
{
    display: none;
}

.titlebar
{
    height: 80px;
    margin-top: 0px;
}

.titlebar A:link {font-weight:bold; text-decoration: none; color: #ffffff}
.titlebar A:active {font-weight:bold; text-decoration: none; color: #ffffff}
.titlebar A:visited {font-weight:bold; text-decoration: none; color: #ffffff}
.titlebar A:hover {font-weight:bold; text-decoration: none; color: #999999}


.searchBox
{
    padding: 10px;
    width: 350px;
    float: right;
}
.titleMenuStrip
{
     height: 26px;
     margin-top: 10px;
     background: #000000 url(../images/menubar-background.gif) repeat-x;
     color: White;
     text-align: center;
     border-left: solid 1px black;
     border-right: solid 1px black;
}

.titleMenuStrip A:link {font-weight:bold; text-decoration: none; color: #FFD60D}
.titleMenuStrip A:active {font-weight:bold; text-decoration: none; color: #FFD60D}
.titleMenuStrip A:visited {font-weight:bold; text-decoration: none; color: #FFD60D}
.titleMenuStrip A:hover {font-weight:bold; text-decoration: none; color: #FFFFFF}

.contactIn
{
    display:none;
}
.contactOut
{
    min-height: 300px;
    padding: 10px;
    color: White;
    display: block;
    
    height: 300px;
    z-index:100;

}
.contactForm
{
    float: left;
    width: 50%;
}

.contactForm A { font-size: 12px; font-weight: bold }
.contactForm A:link { text-decoration: none; color: #ffffff}
.contactForm A:active {text-decoration: none; color: #ffffff}
.contactForm A:visited {text-decoration: none; color: #ffffff}
.contactForm A:hover {text-decoration: underline; color: #ffffff}

.footer
{
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    background: #ffffff;
    color: #084466;
    font-size: 10px;
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}
.footer A { font-size: 13px; font-weight: normal }
.footer A:link { text-decoration: none; color: #001122}
.footer A:active {text-decoration: none; color: #001122}
.footer A:visited {text-decoration: none; color: #001122}
.footer A:hover {text-decoration: underline; color: #001122}

.content
{
    background: #ffffff;
    min-height: 400px;
    border: solid 1px #000000;
    display: block;
}

.articleHoldingPanel
{
    min-height: 400px;
}
.articleHeader
{
    color: White;
    width: 438px;
    height: 70px;
    background: #000000 url(../images/articleHeader.gif) 0 0 no-repeat;
    padding: 5px;
    border: solid 1px black;
}
.articleHeaderText
{
    color: White;
    width: 438px;
    background: #000000;
    padding-left: 10px;
    border: solid 1px black;
}

.articleHeaderText H1 { font-weight:lighter; margin: 0px; padding: 5px 0px 5px 0px; font-size: 20px; color: white}

.contentsPanel
{
    float: left;
    width: 150px;
    padding: 5px;
    border-bottom: solid 1px #228194;
    
}
.bodyPanel
{
    float: left;
    width: 450px;
    padding: 5px;
    display: block;
    border-right: solid 1px #228194;
}
.associatedPanel
{
    width: 150px;
    padding: 5px;
    float: left;
    font-size: 10px;
}

.associatedPanel H2 {color: white; font-size: 16px;}

.associatedPanel A { font-size: 13px; font-weight: normal }
.associatedPanel A:link { text-decoration: none; color: #001122}
.associatedPanel A:active {text-decoration: none; color: #001122}
.associatedPanel A:visited {text-decoration: none; color: #001122}
.associatedPanel A:hover {text-decoration: underline; color: #001122}

.searchResults
{
    padding-top: 1px;
    padding-left: 40px;
    padding-right: 40px;
    min-height: 300px;
}

.tripleBox
{
    color: White;
    border: solid 1px #999999;
    width: 242px;
    height: 230px;
    margin: 0px 6px 8px 10px;
    background: #ffffff;
    float: left;
}

.tripleBox H2 { font-size: 17px }

.tripleBoxText
{
    margin: 3px 0px 0px 0px;
    padding: 5px 5px 0px 5px;
    height: 150px;
}
.tripleBoxText A { color: White }
.tripleBoxText A:link { font-weight: bold; color: White }
.tripleBoxText A:active { font-weight: bold; color: White }
.tripleBoxText A:visited { font-weight: bold; color: White }
.tripleBoxText A:hover { font-weight: bold; text-decoration: underline; color: White }

.tripleBoxInsert
{
    margin-top: 1px;
    height: 50px;
    padding: 3px;
    background-color: #000000;
    color: White;
    font-size: 16px;
    font-weight: bold;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
}
.tripleBoxInsert A { font-size: 10px; color: White }
.tripleBoxInsert A:link { font-size: 10px; color: White }
.tripleBoxInsert A:active { font-size: 10px; color: White }
.tripleBoxInsert A:visited { font-size: 10px; color: White }
.tripleBoxInsert A:hover { font-size: 10px; color: White }

.tabStripLinkOption
{
    color: #970F00;
    float: left;
    clear: left;
    width: 200px;
    padding: 5px;
    text-align: right;
    font-weight:bold;
    font-size: 16px;
}
.tabStripLinkOption A { font-size: 13px}
.tabStripLinkOption A:link { text-decoration: none; font-weight:normal; color: #970F00}
.tabStripLinkOption A:active {text-decoration: none; font-weight:normal; color: #970F00}
.tabStripLinkOption A:visited {text-decoration: none; font-weight:normal; color: #970F00}
.tabStripLinkOption A:hover {text-decoration: none; font-weight:normal; color: #970F00}

.tabStripLinkOptionSelected
{
    color: #505d65;
    float: left;
    clear: left;
    width: 200px;
    padding: 5px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    background: url(../images/tabOptionFade.gif) 100% 0 repeat-y;
}
.tabStripLinkOptionSelected A { font-size: 13px}
.tabStripLinkOptionSelected A:link { text-decoration: none; font-weight:bold; color: #ffffff}
.tabStripLinkOptionSelected A:active {text-decoration: none; font-weight:bold; color: #ffffff}
.tabStripLinkOptionSelected A:visited {text-decoration: none; font-weight:bold; color: #ffffff}
.tabStripLinkOptionSelected A:hover {text-decoration: none; font-weight:bold; color: #ffffff}

.tabStripLinkOptionSelected2
{
    color: #004251;
    float: left;
    clear: left;
    width: 200px;
    padding: 5px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}
.tabStripLinkOptionSelected2 A { font-size: 13px}
.tabStripLinkOptionSelected2 A:link { text-decoration: none; font-weight:bold; color: #004251}
.tabStripLinkOptionSelected2 A:active {text-decoration: none; font-weight:bold; color: #004251}
.tabStripLinkOptionSelected2 A:visited {text-decoration: none; font-weight:bold; color: #004251}
.tabStripLinkOptionSelected2 A:hover {text-decoration: none; font-weight:bold; color: #004251}


.tabStripLinkOption a {}
.tabStripLinkOption A:link { text-decoration: none; font-weight:bold; color: #970F00}
.tabStripLinkOption A:active {text-decoration: none; font-weight:bold; color: #970F00}
.tabStripLinkOption A:visited {text-decoration: none; font-weight:bold; color: #970F00}
.tabStripLinkOption A:hover {text-decoration: underline; font-weight:bold; color: #970F00}

.tabStripPanel
{
    width: 530px;
    float: left;
    clear: left;
    display: block;
    padding: 0px 10px 0px 10px;
    border-left: solid 1px #228194;
    min-height: 300px;
}
.tabStripPanelInv
{
    display: none;
}

.titlePanel
{
    position: relative;
    float: left;
    width: 82px;
    margin: 1px;
    font-size: 10px;
    height: 28px;
    background: #000000 url(../images/arrow-repeater.gif) 0 0 repeat-x;
    padding: 1px; 
    font-weight: bold;
    color: White;
    text-align:center;
    border: solid 1px #228194;
}
.titlePanel A {font-size: 11px; text-decoration: underline}
.titlePanel A:link { text-decoration: underline; font-weight:bold; color: #ffffff}
.titlePanel A:active {text-decoration: underline; font-weight:bold; color: #ffffff}
.titlePanel A:visited {text-decoration: underline; font-weight:bold; color: #ffffff}
.titlePanel A:hover {text-decoration: none; font-weight:bold; color: #ffffff}

.sub
{
    position: relative;
    float: left;
    width: 82px;
    margin: 1px;
    font-size: 10px;
    min-height: 200px;
    padding: 1px; 
    font-weight: bold;
    font-size: 9px;
    color: black;
    text-align:left;
    border: solid 1px #228194;
    background: #228194 url(../images/gridfade.gif) 0 0 repeat-y;
}
.main
{
    background: url(../images/frontpeople_white.jpg) no-repeat;
    height: 265px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    z-index:0;
}
.mainJobsBox
{
    position: relative;
    left: 695px;
    top: 215px;
    width: 81px;
    z-order:999;
}
.mainFocus
{
 width: 180px;
 min-height: 300px;
 margin-left: 7px;
 margin-bottom: 10px;
 padding: 5px;
 float: right;
 clear:both;
 border: solid 1px #228194;
 background: #e7f0ef url(../images/gridfade.gif) 0 0 repeat-y;
}
.mainFocus H1 { font-size: 14px; color: #E57B2C}
.mainFocus A { color: black }
.mainFocus A:link { color: #E57B2C; text-decoration: underline}
.mainFocus A:active {color: #E57B2C; text-decoration: underline}
.mainFocus A:visited {color: #E57B2C; text-decoration: underline}
.mainFocus A:hover {color: #E57B2C; text-decoration: none}
}

.bannerHeader
{
    text-align: center;
    Background: url(../images/bannerhead.gif);
    height: 21px;
    border: solid 1px black;
}
.bannerHeader H2 { padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px}


.frontMatrixColumns
{
    float: left;  
    width: 30%;
    margin: 0px 10px 0px 10px;
}
.frontMatrixColumnsCase
{
    background-color: #eeeeff;  
    border: solid 1px #34819d;
    font-size: 10px;
}

.frontMatrixDivs
{
    padding: 5px;
    border-bottom: dashed 1px #34819d;
}
.frontMatrixDivs H2 { padding: 3px; }

.frontMatrixIcon
{
    float: left;
    
}
.frontMatrixText
{
    padding: 3px;
    font-size: smaller;
}
.frontMatrixHeading
{
    margin-bottom: 5px;
    padding: 3px;
}
.frontMatrixHeading H2 { padding:2px; font-size: 14px}

.switchMenuImages
{
    border: none;
}

@media print
{
body 
{
    font-family:sans-serif, Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #000000;
}
body H1 { font-size:16pt; font-weight:bold; color: #000000 }
body H2 { font-size: 14pt; font-weight:bold; color: #000000 }

body A:link {font-weight:bold; text-decoration: none; color: #FFFFFF}
body A:active {font-weight:bold; text-decoration: none; color: #FFFFFF}
body A:visited {font-weight:bold; text-decoration: none; color: #FFFFFF}
body A:hover {font-weight:bold; text-decoration: underline; color: #FFFFFF}

.pageHolder
{
    display: block;
}

.titlebar
{
    display: none;
}

.printHeader
{
    background: url(../images/printLogo.gif) 0 0 no-repeat;
    float: left;
}
.searchBox
{
    display: none;
}
.titleMenuStrip
{
    display: none;
}

.contactIn
{
    display:none;
}
.contactOut
{
    display: none;
}
.contactForm
{
    display: none;
}

.footer
{
    text-align: center;
    color: Black;
    font-size: 10pt;
    border-top: solid 1px black;
}
.footer a {color: white}

.content
{
}

.contentsPanel
{
    display: none;
}
.bodyPanel
{
    clear: both;
    float: left;
    width: 100%;
    padding: 5px;
    display: block;
    border-top: solid 1px black;
}
.associatedPanel
{
    display: none;
}

.searchResults
{
    clear: left;
}
}