/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
      [mmw] Min - Max width centred page
*/
/*****************************************************************************************
 *            Imports
 ****************************************************************************************/
@import url("/common/css/primary_nav.css");
/*****************************************************************************************
 *            Main document sections layout
 ****************************************************************************************/
html, body {
    height: 100%; /* [sf] these need to be 100% for Mozilla to expand to the full window height when the content doesn't push it there [sf] */
    padding: 0;
}
body {
    margin: 0 10px;
    background: url(/images/backgrounds/bg_body.gif) #D4C48E left top no-repeat;
}
#page {
    background: url(/images/backgrounds/bg_watermark.gif) #ffffff right bottom no-repeat;
    min-width: 771px; /* min page width to not scroll at 800x600 [mmw] */
    /* max and min width javascript expression for IE/win (all).  Dynamically writes width value after checking browser window width.
       The returned pixel values in the < and > constrainsts below should match the max and min width values above
       [mmw]
    */
    width:expression(
        ((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) 
            < 771 ? "764px" : "auto"
    ); 
    position: relative; /* lets us position the #footer absolute relative to #page [sf] */
    min-height: 100%; /* minimum #page height for Modern Browsers [sf] */
    height: auto !important; /* make the height auto for Modern Browsers (IE doesn't do !important) [sf] */
    height: 99.9%; /* For IE, IE treats height exactly like min-height, so just give it that [sf] */
}
 /* only for mac ie (it doesn't do max-min-width) [mmw] \*//*/
#page { width: 771px; margin-left: 0;}
/* end hack [mmw] */

/************************
 * default.  no secondary nav
 ************************/
#page #header {
    padding-bottom: 56px;
}
#title {
    margin: 0 0 25px 0;
}
#columnWrapper {
    padding: 0 21px;
    padding-bottom: 90px; /* leave room for the #footer to sit [sf] */
}
#page #content {
}
#primaryNavigation {
    position: absolute;
    top: 92px;
    left:0;
    width: 100%;
    width: expression(this.parentNode.offsetWidth + 'px');
    height: 31px;
    z-index: 20;
}
#breadcrumb {
    position: absolute;
    top: 144px;
    left: 217px;
    line-height: 1em;
}
#page #footer {
    position: absolute; /* position absolutely within the #page [sf] */
    bottom: 10px; /* sit on the bottom of #page (either window bottom or content bottom) [sf] */
    width: 100%;
    overflow: hidden;
}
/* only mac IE: position absolute messes with it [sf] \*//*
#page #footer { position: static; }
*//* end hack [sf] */

/************************
 * secondary nav, no sidebar
 ************************/
@media all {
    body.hasSecondaryNavigation #columnWrapper {
        padding-left: 217px;
    }
}
body.hasSecondaryNavigation #content {
    float: left; display: inline;
    padding-left: 196px;
    margin: 0;
}
@media all {
    body.hasSecondaryNavigation #page #content {
        width: 100%;
        padding-left: 0;
    }
}
body.hasSecondaryNavigation #secondaryNavigation {
    float: left; display: inline;
    width: 175px;
    margin-left: -100%;
    position: relative;
    right: 196px;
}
/*** IE Fix ***/
@media all { /* not mac ie */
    * html body.hasSecondaryNavigation #secondaryNavigation {
        lef\t: 41px;
    }
    * html body.hasSecondaryNavigation #page #secondaryNavigation {
        mar\gin-left: expression((-1 * (this.parentNode.offsetWidth)) + 'px');
    }
}

/*****************************************************************************************
 *            Header layout / styles
 ****************************************************************************************/
#header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    background: url(/images/backgrounds/bg_body.gif) #D4C48E -10px 0 no-repeat;
}
#header #logo {
    float: left;
    padding-left: 20px;
    padding-top: 21px;
}
#header #headerLinks {
    line-height: 18px;
    vertical-align: middle;
    float: right;
    margin: 32px -10px 0 21px;
}
/* only mac ie \*//*/
#header #headerLinks { width: 14em; }
*//* end hack */
#header #headerLinks a {
    color: #004B88;
}
#header #headerLinks li {
    border-color: #737E84;
}
#header #searchForm {
    float: right;
    margin-top: 32px;
    text-align: right;
}
#header #searchForm input {
    display: inline;
    margin: 0;
    vertical-align: middle; /* align the button and text field input vertically middle */
    font-size: 12px;
}
#header #searchForm #searchText {
    width: 135px;
}
#header #searchForm label {
    display: inline;
    font-weight: normal;
    margin-right: 7px;
    vertical-align: middle; /* align the button and text field input vertically middle */
}


/*****************************************************************************************
 *            Footer layout / styles
 ****************************************************************************************/
#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    background: url(/images/backgrounds/bg_footer-tile.gif) #2C7DBE left top repeat-x;
    height: 53px;
    color: white;
}
#footer a {
    color: white;
}
#footer #copyright {
    float: left;
    margin-right: 35px;
    background: url(/images/backgrounds/bg_footer-left.gif) left top no-repeat;
    height: 33px;
    padding-left: 23px;
    padding-top: 20px;
}
/* only mac ie \*//*/
#footer #copyright { width: 33%; }
*//* end hack */
#footer #copyright p {
    margin: 0;
}
#footer #footerLinks {
    background: url(/images/backgrounds/bg_footer-right.gif) right top no-repeat;
    height: 33px;
    padding-right: 23px;
    padding-top: 20px;
}
#footer #footerLinks ul li {
    border-color: white;
}
#page #footer ul.pipeList li {
    background: url(/images/bullets/bul_footerLinks.gif) left center no-repeat;
    border: none;
    padding: 0 5px 0 6px;
    margin: 0 5px 0 -6px;
}
#page #footer ul.pipeList li:first-child {
    background-image: none;
}


/*****************************************************************************************
 *             Page Title layout / styles
 ****************************************************************************************/
#title h1 {
    line-height: 1em;
    padding: 46px 0 14px 217px;
    color: white;
}
/* hide h1 text on index pages */
/* firefox version */
body.isIndex #title h1 {
    text-indent: -1000em; /* drag the text out of the box */
    overflow: hidden; /* hide anything outside the box */
    padding: 0;
    height: 116px;
    margin: 0;
}
/* only mac ie \*//*/
* html body.isIndex #title {
    overflow: hidden;
    height: 116px;
}
* html body.isIndex #title h1 {
    padding: 116px 0 0 0;
    height: 0;
    overflow: visible;
}
*//* end hack */

/*****************************************************************************************
 *             Breadcrumb layout / styles
 ****************************************************************************************/
#page #breadcrumb ul {
    font-size: 90%;
    color: white;
}
#page #breadcrumb ul li {
    background-image: url(/images/bullets/bul_breadcrumb.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    border: none;
    padding: 0 7px 0 9px;
    margin: 0 7px 0 -9px;
    color: white;
}
#page #breadcrumb ul li:first-child {
    background-image: none;
}
#page #breadcrumb a {
    color: white;
}


/*****************************************************************************************
 *             Sitemap layout / styles
 ****************************************************************************************/

#content .sitemapSection
{
    width: 22%;
    float: left; display:inline;
    padding-bottom: 2em;
    margin-right: 2.9%;
}


/*****************************************************************************************
 *             SecondaryNav layout / styles
 ****************************************************************************************/
 
/* set styles for secondary nav block */
#page #secondaryNavigation {
    font-size: 70%;
}
/* style the nav header, make sure it aligns to the top of the block */
#secondaryNavigation h3 {
    font-weight: normal;
    font-size: 180%;
    margin: 0 0 4px 0;
    line-height: 1em;
}

/************************
 * MENU CONTAINERS (ul's)
 ************************/
/* top level (and below) menu */
#secondaryNavigation ul,
#content .sitemapSection ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #666666;
}
/* second level (and below) menu */
#secondaryNavigation ul ul,
#content .sitemapSection ul ul  {
    border-top: none;
}

/************************
 * MENU ITEM CONTAINERS (li's)
 ************************/
/* top level (and below) menu item containers */
#secondaryNavigation li,
#content .sitemapSection li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #666666;
    line-height: 110%;
}
@media all { /* not mac ie */
    * html #secondaryNavigation li, 
    * html #content .sitemapSection li
    { height: 0; }
}
/* second level (and below) menu item containers */
#secondaryNavigation li li,
#content .sitemapSection li li {
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
}

/************************
 * MENU ITEM'S (a's)
 ************************/
/* 
 *  top level (and below) menu items 
 */
#secondaryNavigation li a,
#content .sitemapSection li a {
    margin: 0;
    display: block;
    padding: 4px 7px 4px 7px;
    text-decoration: none;
    color: #056ABC;
}
@media all { /* not mac ie */
    * html #secondaryNavigation li a,
    * html #content .sitemapSection li a { height: 0; }
}
/* no side padding on index pages */
body.isIndex #secondaryNavigation li a {
    /*padding: 4px 4px;*/
}
/* hover state */
#page #secondaryNavigation li a:hover,
#content .sitemapSection li a:hover {
    background-color: #ebebeb;
}
/* top level (and below) active menu items */
#secondaryNavigation li.active a {
    font-weight: bold;
    background-color: #EBEBEB;
    background-image: url(/images/bullets/bul_secondaryNavigation-2nd.gif) 20px 7px no-repeat;
}
/* top level (and below) expanded menu items */
#secondaryNavigation li.expanded a,
#content .sitemapSection li a {
    font-weight: bold;
    background-image: none;
}
/* 
 *  second level (and below) menu items 
 */
/* second level (and below) menu items */
#secondaryNavigation li.expanded li a,
#content .sitemapSection li li a {
    background: url(/images/bullets/bul_secondaryNavigation-2nd.gif) 8px 7px no-repeat;
    padding-left: 21px;
    font-weight: normal;
}
/* second level (and below) expanded menu items */
#secondaryNavigation li.expanded li.expanded a,
#content .sitemapSection li li a
    background-image: none;
    font-weight: bold;
}
/* second level (and below) active menu items */
#secondaryNavigation li.expanded li.active a {
    font-weight: bold;
    background-color: #EBEBEB;
    background-image: url(/images/buttons/bul_secondaryNavigation-active.gif);
}
/* 
 *  third level (and below) menu items 
 */
/* third level (and below) menu items */
#secondaryNavigation li.expanded li.expanded li a,
#content .sitemapSection li li li a {
    background: url(/images/bullets/bul_secondaryNavigation-2nd.gif) 20px 7px no-repeat;
    padding-left: 32px;
    font-weight: normal;
}
/* second level (and below) active menu items */
#secondaryNavigation li.expanded li.expanded li.active a {
    font-weight: bold;
    background-color: #EBEBEB;
    background-image: url(/images/buttons/bul_secondaryNavigation-active.gif);
}

/*****************************************************************************************
 *             Content area layout
 ****************************************************************************************/
/************************
 * default.  no sidebar
 ************************/
#content #main {
    /* let it flooooooowwww..... */
}

/************************
 * sidebar
 ************************/
body.hasSubContent #content #main {
    float: left; display: inline;
    width: 60%;
}
body.hasSubContent #content #sub {
    float: left;
    width: 38%;
}
@media all { /* not mac ie */
    body.hasSubContent #page #content #sub {
        float: none;
        margin-left: 62%;
        width: auto;
    }
}
/************************
 * Sub content (sidebox) STYLES
 ************************/
/* style the box contents */
#content #sub .box, #content #sub .box a {
    font-size: 95%;
    color: white;
}
#content #sub .box h3 {
    margin-top: 0;
}
/* style download links lists */
#content #sub ul.downloadLinks {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content #sub ul.downloadLinks li {
    padding-left: 21px;
    background-position: 0em 0.15em;
    line-height: 1.2em;
    _height: 0; /* fix for ie/win to not screw up first list item */
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
#content #sub ul.downloadLinks li.document {
    background-image: url(/images/icons/ico_document.gif);
}
#content #sub ul.downloadLinks li.link {
    background-image: url(/images/icons/ico_link.gif);
}
#content #main ul.downloadLinks {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content #main ul.downloadLinks li {
    padding-left: 21px;
    background-position: 0em 0.15em;
    line-height: 1.2em;
    _height: 0; /* fix for ie/win to not screw up first list item */
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
#content #main ul.downloadLinks li.document {
    background-image: url(/images/icons/ico_document_generic.gif);
}

/* style more link */
#content #sub .box .moreLink {
    margin-bottom: 0.5em;
}
/* style news list */
#content #sub ul.newsList {
    font-weight: bold;
}

/************************
 * Main content layout / styling
 ************************/
/* style the article image and caption */
#content #main #articleImage {
    margin-left: 25px;
    margin-right: 0;
    margin-bottom: 25px;
    float: right;
    font-size: 90%;
}
#content #main #articleImage p {
    margin: 0.5em 0 0 0;
}
/* only mac ie \*//*/
* html #content #main #articleImage { width: 200px; display: table-cell; }
/* end hack */


/*****************************************************************************************
 *             Content styles for standard (X)HTML elements
 ****************************************************************************************/
#content, #secondaryNavigation, #title, #primaryNavigation, #breadcrumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
}

/************************
 * TEXT STYLES
 ************************/
 /* headings */
#title h1 {
    font-size: 200%;
    font-weight: normal;
    margin: 0;
}
#content h2 {
    font-size: 160%;
    margin: 0.83em 0 0.42em 0;
}
#content h3 {
    font-size: 130%;
    margin: 1em 0 0.5em 0;
}
#content h4 {
    font-size: 110%;
    margin: 1.33em 0 0.67em 0;
}
#content h5 {
    font-size: 100%;
    margin: 1.67em 0 .84em 0;
}
#content h6 {
    font-size: 100%;
    margin: 2.33em 0 1.17em 0;
}
/* text blocks */
#content p {
    line-height: 1.3; /*Adjust this property for optimum readability. Remeber - wider content may require a larger line height.*/
    margin-right: 10px;
}
#content p.first,
#content div.first {
    margin-top: 0;
    font-size: 115%;
}
body.isIndex p.first,
body.isIndex div.first {
    font-weight: bold;
}
#content blockquote {
    font-weight: bold;
    margin-left: 20px;
}
#content pre {
    margin: 1em 0 1em 20px;
}
/* lists */
#content ul {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content ol {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content li {
    
}
/* inline text styles */
#content i {
    letter-spacing: 0.08em;
    margin-right: 1px;
}
#content a {
    color: #0867B3;
    text-decoration: underline;
}
#content a:hover {
    text-decoration: none;
}
/* treatment for 'help' text styles */
#content abbr, #content acronym, #content span.help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
/************************
 * TABLE STYLES
 ************************/
#content table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
#content caption {
    font-weight: bold;
    text-align:left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
}
#content th {    
    padding-right: 5px;   
    padding-bottom: 3px;
    text-align: left;
    border: 0px;
}
#content td {   
    padding-right: 5px;   
    padding-bottom: 3px;
    border: 0px;
}
 
#content table.datatable th
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    border: 1px solid #555;
}
 
#content table.datatable td
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;    
    border: 1px solid #555;
}


/*****************************************************************************************
              SEARCH TABLE STYLES
 ****************************************************************************************/

#content table.searchFormTable {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
#content .searchFormTable caption {
    font-weight: bold;
    text-align:left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
}
#content .searchFormTable th {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100px;
    vertical-align: top;
    text-align: left;
    background-color: #fff;
    border: 0px;
    color: #000;
}
#content .searchFormTable td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    border: 0px;
}
#content table.searchResultsTable {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
#content .searchResultsTable caption {
    font-weight: bold;
    text-align:left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
}
#content .searchResultsTable tr.test td {
    padding-top: 8px;
    border-top: 2px solid #959595;
}
#content .searchResultsTable tr.test td a,span {
    padding-left: 5px;
}
#content .searchResultsTable td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    vertical-align: top;
    border: 0px;
}
#content .searchResultsTable td p {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}
#content .searchDocumentType {
    font-size: 80%;
}
#content #searchTips {
    padding-top: 20px;
}


/*****************************************************************************************
 *            Content styles for custom classes and id's
 ****************************************************************************************/
 
/************************
 * More Link
 ************************/
#content .moreLink {
}
#content .moreLink a {
}
 
/************************
 * Top of page Link
 ************************/
#content .topPageLink {
    margin-top: 2em;
     height: 24px;
    font-size: 90%;
    clear: both;
}
 #content .topPageLink a {
     float: left;
     display: block; /* must be block to have padding and background in old IE's */
    height: 20px;
    padding-left: 12px;
    background-image: url(/images/bullets/bul_arrow-up.gif); 
    background-position: 0% 15%;
    background-repeat: no-repeat;
}

/************************
 * Overview lists
 ************************/
#content ul.thumbnailedOverviewList {
    list-style: none;
    margin: 2em 0 2em 1em;
    padding: 0;
}
#content ul.thumbnailedOverviewList li {
    margin-top: 1.5em;
}
#content ul.thumbnailedOverviewList li div.thumbnail {
    float: left;
}
#content ul.thumbnailedOverviewList li div.text {
    margin-left: 65px;
}
@media all { /* not mac ie */
    * html #content ul.thumbnailedOverviewList li div.text { height: 0; }
}
#content ul.thumbnailedOverviewList li div.text h2 {
    font-size: 100%;
    margin: 0 0 0.2em 0;
}
#content ul.thumbnailedOverviewList li div.text p {
    margin-top: 0;
}
/************************
 * News lists
 ************************/
#content ul.newsList {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content ul.newsList li {
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #630716;
}
#content ul.newsList li div.date {
    font-weight: normal;
    margin-bottom: 0.4em;
}
#content ul.newsList li h3 {
    font-size: 1em;
    margin: 0;
}
#content ul.newsList li p {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

/************************
 * USER NOTES (message box type stuff)
 ************************/
#content .important {
    color:#725A00;
    background: url(/images/icons/ico_note.gif) no-repeat 20px center;
    background-color: #FFFAE6;
    padding: 20px 20px 20px 88px;
    border: 1px solid #FAC71E;
    margin: 1em 0;
}
#content .success {
    color:#2d8228; 
    background: url(/images/icons/ico_success.gif) no-repeat 20px center;
    background-color: #f4fcf4;
    padding: 20px 20px 20px 88px;
    border: 1px solid #51cd49;
    margin: 1em 0;
}
#content .error {
    color: #FF0000;
    background: url(/images/icons/ico_error.gif) no-repeat 20px center;
    background-color: #fff1f1;
    padding: 20px 20px 20px 88px;
    border: 1px solid #f9221d;
    margin: 1em 0;
}
#content .cancelled {
    color: #FF0000;
    background: url() no-repeat 20px center;
    background-color: #fff1f1;
    padding: 20px 20px 20px 88px;
    border: 1px solid #f9221d;
    margin: 1em 0;
}
        
/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
    color: #666;
}


/*****************************************************************************************
 *            Home page layout
 ****************************************************************************************/
/* hide the top of page link */
body.homeSection #content .topPageLink {
    position: absolute;
    top: -1000em;
    left: -1000em;
}
/* setup the 3 columns */
body.homeSection #content #news {
    margin-right: 436px;
}
body.homeSection #content #sectionLinks {
    width: 203px;
    margin-right: 20px;
    float: right; display: inline;
}
body.homeSection #content #login {
    width: 192px;
    w\idth: 177px; /* total w/ 15px .box padding, 192px */
    float: right; display: inline;
}
/* generic box styles for home page */
body.homeSection #content .box {
    color: white;
    font-size: 90%;
    margin-bottom: 1em;
}
body.homeSection #content .box a {
    color: white;
}
/* setup the 3 section link boxes */
body.homeSection #content #sectionLinks .boxInnerThree p {
   margin-right:65px;
}
body.homeSection #content #sectionLinks .boxInnerThree p p {
    margin-right: 0;
}
/* style the section link boxes */
body.homeSection #content #sectionLinks .boxInnerThree a {
    text-decoration: none;
}

 /* set up the box backgrounds */
body.homeSection #content #residential {
    background-image: url(/images/backgrounds/box_residential_tleft.gif);
}
body.homeSection #content #residential .boxInnerThree {
    background-image: url(/images/backgrounds/box_home_residental_bright.gif);
}
body.homeSection #content #residential .boxInnerTwo {
    background-image: url(/images/backgrounds/box_residential_bleft.gif);
}
body.homeSection #content #residential .boxInnerOne {
    background-image: url(/images/backgrounds/box_residential_tright.gif);
}
body.homeSection #content #business {
    background-image: url(/images/backgrounds/box_home_business_tleft.gif);
}
body.homeSection #content #business .boxInnerThree {
    background-image: url(/images/backgrounds/box_home_business_bright.gif);
}
body.homeSection #content #business .boxInnerTwo {
    background-image: url(/images/backgrounds/box_business_bleft.gif);
}
body.homeSection #content #business .boxInnerOne {
    background-image: url(/images/backgrounds/box_business_tright.gif);
}
body.homeSection #content #education {
    background-image: url(/images/backgrounds/box_home_ed_tleft.gif);
}
body.homeSection #content #education .boxInnerThree {
    background-image: url(/images/backgrounds/box_home_ed_bright.gif);
}
body.homeSection #content #education .boxInnerTwo {
    background-image: url(/images/backgrounds/box_ed_bleft.gif);
}
body.homeSection #content #education .boxInnerOne {
    background-image: url(/images/backgrounds/box_ed_tright.gif);
}

/* setup the login box */
body.homeSection #content #login {
    background-image: url(/images/backgrounds/box_home_online_tleft.gif);
}
body.homeSection #content #login .boxInnerThree {
    background-image: url(/images/backgrounds/box_home_online_bright.gif);
}
body.homeSection #content #login .boxInnerTwo {
    background-image: url(/images/backgrounds/box_home_online_bleft.gif);
}
body.homeSection #content #login .boxInnerOne {
    background-image: url(/images/backgrounds/box_home_online_tright.gif);
}
/* style the login box contents */
#content #login fieldset {
    border: none;
    padding: 0;
    margin: 1em 0;
}
#content #login legend {
    display: none;
}
#content #login .formItem {
    margin-bottom: 0.75em;
}
#content #login .formItem label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.4em;
}
#content #login .formItem br {
    display: none;
}
#content #login .textbox input {
    display: block;
    width: 100%;
    margin: 0;
}
#content #login .button {
    margin-top: 1em;
    margin-bottom: 0;
}
#content #login .button input {
    margin: 0;
}
/* apply button styles */
#content #login fieldset#apply {
    margin-top: 1.3em;
    padding-top: 1.3em;
    border-top: 1px solid #DC9B00;
}
#content #login fieldset#apply p {
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 1em;
}
/* style the news column */
#content #news h2 {
    margin-top: 0;
    line-height: 1em;
}
body.homeSection #content #news ul.newsList {
    font-size: 90%;
}
body.homeSection #content #news div.moreLink {
    font-size: 90%;
    line-height: 1em;
}
body.homeSection #content #news ul.newsList div.moreLink {
    font-size: 100%;
    line-height: 1.3em;
}


/*****************************************************************************************
 *            News listing / item page styles
 ****************************************************************************************/
/************************
 * listing page styling
 ************************/
#content #latestNews ul {
    margin-top: 20px;
    margin-bottom: 5px;
}
#content #latestNews ul.newsList li, 
#content #mediaReleases ul.newsList li {
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-color: #ccc;
    _height: 0; /* fix ie win bugs */
    zoom: 1; /* fix ie win bugs */
} 
#content #latestNews ul.newsList li div.date , 
#content #mediaReleases ul.newsList li div.date {
    float: left;
    width: 11em;
}
#content #latestNews ul.newsList li div.title , 
#content #mediaReleases ul.newsList li div.title {
    margin-left: 11em;
}
#content div.date {
    font-weight: bold;
}
#content div.downloadLink a {
    vertical-align: middle;
}
#content #latestNews {
    margin-bottom: 1em;
}


/*****************************************************************************************
 *                                  Online services styles
 ****************************************************************************************/
#onlineservices-welcome {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 70%;
            color: white;
            position: absolute;
            top: 140px;
            right: 21px;
}
#onlineservices-welcome a {
            color: white;
}
 
#onlineservices-list-left {
            width: 49%;
            float: left;
}
 
#onlineservices-list-right {
            width: 49%;
            float: right;
}
 
#onlineservices-list-left h2,
#onlineservices-list-right h2 {
 
}



/*****************************************************************************************
 *            Utility styles
 ****************************************************************************************/
/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/
#page ul.pipeList {
    list-style: none;
    padding: 0;
    margin: 0;
}
#page ul.pipeList li {
    float: left;
    background-image: none;
    border-left: 1px solid black;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 -5px;
}
#page ul.pipeList li:first-child { border-left: 0; }
/************************
 *  BOX: a generic round cornered box
 ************************/
/* box rounded corner backgrounds */
#content .box {
    background-position: left top;
    background-repeat: no-repeat;
    zoom: 1;
}
#content .boxInnerThree {
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0 15px 15px 0;
    _height: 0;
}
#content .boxInnerTwo {
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 15px 0 0 15px;
}
#content .boxInnerOne {
    background-position: right top;
    background-repeat: no-repeat;
}
#content .promoArea {
    background-image: none;
    padding: 15px 0 15px 0;
}

#content #sectionLinks .promoArea {
    background-image: none;
    padding: 0 0 15px 0;
}


/* style the box content */
#content .box h2, #content .box h3 {
    margin-top: 0;
    margin-bottom: 0.5em;
}
#content .box p {
    margin: 0.5em 0;
}


/*****************************************************************************************
 *            Miscellaneous generic styles
 ****************************************************************************************/
/* fix for messed up IE5/win font sizing */
table {
     font-size: 100%;
}
/* stop borders on images used as links */
img {
    border: none;
}
/* IE puts a margin on <form> elements which we NEVER want.  Remove it */
form {
    margin: 0;
    padding: 0;
}
/* link underlines */
a {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
/************************
 * accessability styles
 ************************/
/* template has hr for unstyled display only */
hr {
    display: none;
}
/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessability, .accessibility {
    position: absolute !important;
    top: -1000em !important;
    left: -1000em !important;
}

/************************
 * clearfix, a class to clear floated elements
 ************************/
/*ClearFix for good browsers*/
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {display: inline-block;}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/************************
 * footnotes for display during printing only
 ************************/
 /* only mac ie \*//*/
 .printOnly { display: none; }
/* end hack */
/* ie/mac doesn't understand this */
@media screen {
    .printOnly {
      display: none;
    }
}

/*****************************************************************************************
 *             Index Page layout / styles
 ****************************************************************************************/
#content .indexPageSection
{
    width: 44%;
}