/* ---------------------------------- HTML / BODY / PAGE */

body
{
    color: #333333;
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background-image: url('/_images/bdrop.jpg');
    background-repeat: repeat-y;
    background-position: center;
}

html, body
{
    height: 100%;
}

#id_PageBorder
{
    width: 960px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

#id_PageBody
{
    width: 960px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 100%;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    
}

/* ---------------------------------- GENERICS */

a
{
    color: #0173ba;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: none;
}

h1
{
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #0173ba;
}

h2
{
    font-size: 16px;
    font-weight: bold;
    color: #0173ba;
}

form
{
    margin: 0px;
    padding: 0px;
}

/* ---------------------------------- HEADER */

#id_Header
{
    padding: 0px;
    margin: 0px;
    position: relative;
    height: 153px;
    background: #0070B8;
}

#id_Logo
{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 20;
    width: 100px;
    height: 116px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}

#id_Logo img
{
    width: 100px;
}

#id_Header_Search
{
    position: absolute;
    right: 0px;
    top: 10px;
    display: block;
}

#id_Header_Search input
{
    color: #0173ba;
    font-size: 12px;
    width: 179px;
    margin-right: 10px;
}

#id_Header_Search button
{
    background-color: #0173ba;
    font-size: 12px;
    color: White;
}

.searchButton
{
    border: 1px solid;
    border-color: #58a1d1 #58a1d1 #003f67 #003f67;
    background-color: #ccc;
    color: #333;
    height: 26px;
    padding-bottom: 4px;
}

#id_searchButton p, #id_Header_Search button p
{
    padding: 0px;
    margin: 0px;
    line-height: 26px;
}
/* ---------------------------------- NAVIGATION */

#id_Navigation
{
    background: #0070B8 url('/_images/header_topnav_bdrop.png') repeat-x;
    height: 33px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    z-index: 10;
}

/* ---------------------------------- MAIN BAR */

ul.sf-menu
{
    display: block;
    list-style: none;
    height: 33px;
    padding: 0px;
    font-size: 11px;
    margin: 0px;
}

ul.sf-menu li
{
}

ul.sf-menu li.css_mainnavitem
{
    height: 33px;
    padding-bottom: 0px;
}

ul.sf-menu li.css_mainnavitem a
{
    color: white;
    font-size: 11px;
    margin: 0px;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    height: 21px;
}

/* ----------------------------------  SUB NAV STYLES */

ul.sf-menu li.css_mainnavitem ul
{
    padding: 0;
    margin: 6px 0 0 0;
    list-style: none;
    background-color: #0173ba;
    width: 260px;
}

ul.sf-menu li.css_mainnavitem ul li
{
    padding: 0px;
    margin: 0px;
    background-color: #0173ba;
    border: 1px solid;
    border-color: #008cca #008cca #0054a6 #0054a6;
    height: 30px;
}

ul.sf-menu li.css_mainnavitem ul li:hover
{
    background-color: #008cca;
}

ul.sf-menu li.css_mainnavitem ul li a
{
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
}

ul.sf-menu li.css_mainnavitem ul li a:hover
{
    background: #008cca; /* background:#008cca url('/_images/header_topnav_menuHighlight.png') no-repeat; */
    border: 1px solid #008cca;
    text-decoration: none;
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    height: 30px;
}

/* ----------------------------------  THIRD LEVEL AND BEYOND */

ul.sf-menu li.css_mainnavitem ul li ul
{
    margin-top: -1px;
}

/* ----------------------------------  SUPERFISH SPECIFICS */

.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    top: 20px;
}

/* ---------------------------------- BREADCRUMBS */

#id_Breadcrumbs
{
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 620px;
    color: #bbbbbb;
}

#id_Breadcrumbs .css_Breadcrumbs
{
    padding-top: 10px;
    color: #bbbbbb;
    font-size: 11px;
}

#id_Breadcrumbs .css_Breadcrumbs span
{
    margin-right: 6px;
}

#id_Breadcrumbs .css_Breadcrumbs a
{
    margin-right: 6px;
    color: #bbbbbb;
}

/* ---------------------------------- HEAD IMAGE */

.css_MainImage
{
    height: 250px;
    overflow: hidden;
}

.css_MainImage img
{
    width: 100%;
}

/* ---------------------------------- CONTENT BODY */

#id_ContentArea
{
}

/* ---------------------------------- MAIN */

#id_ContentArea_Body .css_contenttype_headimg
{
    margin: 0px 0px 10px 0px;
}

#id_ContentArea_Body .css_contenttype_leftimg
{
    float: left;
    margin: 5px 0px 0px 0px;
}

#id_ContentArea_Body .css_contenttype_headline
{
    background-color: Black;
    margin: 5px 0px 3px 0px;
    height: 108px;
    position: relative;
}

#id_ContentArea_Body .css_contenttype_headline h1
{
    color: White;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 24px;
    line-height: 28px;
    width: 240px;
    display: inline;
}

#id_ContentArea_Body .css_contenttype_headlineimg
{
    float: right;
    border-left: solid 3px white;
}

/* ----------------------------------  .css_Slice_CmsBody */

.css_Slice_CmsBody
{
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.css_Slice_CmsBody .css_Slice_CmsBody_Text h1
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.css_Slice_CmsBody .css_Slice_CmsBody_Text p
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 8px;
}

.css_Slice_CmsBody .css_Slice_CmsBody_Text .css_contenttype_text
{
    line-height: 1.7em;
}

.css_Slice_CmsBody_HasSidebar .css_Slice_CmsBody_Sidebar
{
    float: right;
    width: 300px;
    margin: 20px 0px 20px 20px;
    padding: 0px;
    font-size: 11px;
}

.css_Slice_CmsBody_HasSidebar .css_Slice_CmsBody_Sidebar h2
{
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.css_Slice_CmsBody_HasSidebar .css_Slice_CmsBody_Sidebar a
{
    line-height: 18px;
}

.css_Slice_CmsBody_HasSidebar .css_contenttype_text
{
    width: 620px;
}

.css_Slice_CmsBody_HasSidebar .css_contenttype_html
{
    width: 620px;
}

/* ----------------------------------  COLOUR SPECIFIC */

#id_ContentArea_Body div.css_ColourHr div.css_Top
{
    height: 2px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

#id_ContentArea_Body div.css_ColourHr div.css_Bottom
{
    height: 4px;
    overflow: hidden;
    margin: 0px 0px 1px 0px;
    padding: 0px;
}

/* ----------------------------------  COLOUR SPECIFIC */

#id_ContentArea_Body div.css_Grey div.css_Top
{
    background-color: #805e34;
}

#id_ContentArea_Body div.css_Grey div.css_Bottom
{
    background-color: #bc9b6a;
}

#id_ContentArea_Body div.css_Brown div.css_Top
{
    background-color: #805e34;
}

#id_ContentArea_Body div.css_Brown div.css_Bottom
{
    background-color: #bc9b6a;
}

#id_ContentArea_Body div.css_Blue div.css_Top
{
    background-color: #007dc3;
}

#id_ContentArea_Body div.css_Blue div.css_Bottom
{
    background-color: #37559b;
}

#id_ContentArea_Body div.css_Red div.css_Top
{
    background-color: #d31145;
}

#id_ContentArea_Body div.css_Red div.css_Bottom
{
    background-color: #9b2d37;
}

#id_ContentArea_Body div.css_Gold div.css_Top
{
    background-color: #f0b310;
}

#id_ContentArea_Body div.css_Gold div.css_Bottom
{
    background-color: #a98525;
}

/* ---------------------------------- MAIN KTML */

#id_ContentArea_Body .HeadingBlue
{
    font-size: 16px;
    font-weight: bold;
    color: #006579;
}

#id_ContentArea_Body .HeadingGrey
{
    font-size: 16px;
    font-weight: bold;
}

#id_ContentArea_Body .TextBlue
{
    color: #006579;
}

#id_ContentArea_Body .TextIndent
{
    padding-left: 10px;
    padding-right: 10px;
}

#id_ContentArea_Body .SmallPrint
{
    font-size: 11px;
}

#id_ContentArea_Body .TinyPrint
{
    font-size: 10px;
    line-height: 1.2em;
}

/* ---------------------------------- CONTENT FRAMES */

.css_OuterFrame
{
    padding: 6px;
    margin: 0px 0px 20px 0px;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    background-color: #bebebe;
}

.css_InnerFrame
{
    padding: 9px;
    margin: 0px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background-color: #ebebeb;
}

/* ---------------------------------- FOOTER */

#id_FooterSpacer
{
    clear: both;
    height: 120px;
    overflow: hidden;
}

#id_Footer
{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #0070B8 url('/_images/footer_bdrop.png') repeat-y;
    color: White;
    font-size: 10px;
    clear: both;
    height: 80px;
    overflow: hidden;
    margin-top: -120px;
    position: absolute;
    bottom: 0px;
}

#id_Footer .css_FooterColumn
{
    float: left;
    width: 130px;
    padding-left: 10px;
}

#id_Footer .css_FooterColumn a
{
    color: White;
}

#id_Footer .css_BtmRight
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 25px;
}

#id_Footer .css_BtmRight *
{
    vertical-align: middle;
}

/* ------------------------------------------------------------------------------ */


#homeitem_employer
{
    width: 430px;
    border: 1px solid #ccc;
    margin: 30px 0 30px 30px;
    cursor: pointer;
    padding: 0px;
    float: left;
}

#homeitem_employee
{
    width: 430px;
    border: 1px solid #ccc;
    margin: 30px 30px 30px 0;
    cursor: pointer;
    padding: 0px;
    float: right;
}

.printOnly 
{
    display:none;
    }