/*  */

/*//////////////////////////////////
    COMMON
//////////////////////////////////*/
    body {
        background-color:#fff; background-image:url("site/site.BG.jpg"); background-position:0 0; background-repeat:repeat-x;
    }
    #wrapper {
        width:980px; background-color:#fff; background-image:url("header/HEADER-top-spacer.jpg"); background-repeat:no-repeat; margin:9px auto; padding-top:11px; 
    }
        
    
/*///////////////////////
    SIZING
///////////////////////*/

    .spacer             { font-size:0; line-height:0; padding:0; margin:0; height:10px; }
    .spacer-takeUp         { font-size:0; line-height:0; padding:0; margin:0; height:90px; }
    
    .height-1             { height:1px }
    .height-spacer         { height:10px; }
    .height-spacer-sml     { height:5px; }
    
    .width-third         { width:33.3333%; }
    .width-half         { width:50%; }
    .width-twothirds    { width:66.6666%; }
    .width-full            { width:100%; }
    
/*///////////////////////
    PADDING/MARGIN
///////////////////////*/    
    
    .pad5 { padding:5px; }
    
    
/*///////////////////////
    ALIGNMENT
///////////////////////*/
    .align-left { text-align:left; }
    .align-right { text-align:right; }
    .align-center, align-centre { text-align:center; }
    img.align-right,
    a img.align-right { display:block; float:right; margin:0 0 5px 6px; /* margin:0 0 0 auto; */ }
    table.align-center,
    img.align-center,
    a.align-center  { margin:0 auto; }
    /* 
    img.align-left { float:left; margin-right:10px; position:relative; margin-top:4px; }
    img.align-right { float:right; margin-left:10px; position:relative; margin-top:4px; } 
    */
    .float-left { float:left; }
    .clear-left { float:left; clear:left; }
    .float-right { float:right; clear:right; }
    
    img.float-left { margin:0 5px 5px 0; clear:left; }
    img.float-right { margin:0 0 5px 5px; clear:right; }
    
    table.align-center {
        margin:0 auto;
    }
    table.align-right {
        margin:0 0 0 auto;
    }

/*//////////////////////
    BORDERS
        
//////////////////////*/
    
    .border-std { border:1px solid #333; }
    table.border-std td { border:1px dotted #aaa; }
    
    table.border-shift-ffx { margin-left:1px !important; margin-left:0px; /* IE reads last property, FFx reads first */ }
    
    .crimp { border-top:1px solid #566066; border-bottom:1px solid #B6C0C6; font-size:0; line-height:0; padding:0; margin:0; }

/*//////////////////////
    SHOW HIDE DATA
//////////////////////*/        
    
    .activate-showhide {
        display:none;
    }
    .hide-toggleItems {
        
    }
        .show-toggleItems .activate-showhide {
            display:block;
        }
        .show-toggleItems tr.activate-showhide {
            display:table-row;
        }
    .hideShow,
    .hideShow:hover,
    .hideShow:visited {
        text-decoration:none; border-bottom:none; display:block; cursor:pointer; margin:6px 0;
    }
        .hideShow .sign {
            border:1px solid #FF6600; display:block; float:left; 
        }
        .hideShow .body {
            display:block; float:left; padding-left:3px;
        }
        

    .action-links a,
    .action-links a:visited,
    a.action-link,
    a.action-link:visited {
        color:#FF6600; text-decoration:none !important; border-bottom:none;
    }
    
    .action-links a:hover .body,
    a.action-link:hover .body {
        text-decoration:underline !important;
    }
    a.icon-expand { background-image:url("popups/ICON-plus.jpg"); background-repeat:no-repeat;  }
    a.icon-collapse { background-image:url("popups/ICON-minus.jpg"); background-repeat:no-repeat;  }
    a.icon-close { background-image:url("popups/ICON-close.jpg"); background-repeat:no-repeat;  }
    
    .visible-in-sidebar { display:none; }
    .main-sidebar .visible-in-sidebar { display:block; }
    .main-sidebar br.visible-in-sidebar,
    .main-sidebar span.visible-in-sidebar { display:inline; }

    
    /*--- Expanding Boxes - (LiveRegion Popups) ---*/
    .expand-box { 
        padding:4px 10px 10px 10px; border:1px solid #0F3E38; background-color:#B0DA42; background-image:url("popups/POPUP-bg-slice-x.jpg") !important; background-repeat:repeat-x; 
    }
    .expand-box h2 {
        color:#262; margin:0; padding:3px; margin-bottom:6px; font-size:100%; font-family:Arial, Helvetica, sans-serif;
    }
    .expand-box .loading { /* see also - FIX.ie6.css */
        background-image:url("loadingAnimation.gif"); background-position:50% 60px; background-repeat:no-repeat; height:100%;
    }

    
/*//////////////////////
    GENERIC/UTILITY STYLES
        
//////////////////////*/

    hr.sepr { border-top:1px dotted #aaa; color:#fff; height:0; border-bottom:0; }
    
    .stdtext-image-holder { text-align:center; background-color:#000; }
    
    .faint-border-top         { border-top:1px solid #ccc; }
    .faint-border-bottom     { border-bottom:1px solid #ccc; }
    
    .stabilise, .stabiliser { display:block; width:100%; position:relative; }
    .extent                 { position:relative; width:100%; padding:0; overflow:hidden;  } /* NOTES: used to hide content that is too wide */
    .jolt-left                { float:left; width:100%; position:relative; padding:0; margin:0; overflow:hidden; }
    .jolt-right             { float:right; width:100%; position:relative; padding:0; margin:0; overflow:hidden; }
    .pos-rel                { position:relative; }
    
    .indent { margin-left:10px !important; }
    .indent .indent { margin-left:20px !important; }
    .indent .indent .indent { margin-left:30px !important; }
    
    .margin-top-none { margin-top:0 !important; }
    .cleaner { 
        display:block; font-size:0; line-height:0; height:0; clear:both;
    }
    .clearspace { 
        display:block; font-size:0; line-height:0; height:1px; clear:both;
    }
    .highlight {
        font-weight:bold;
    }
    
    .summary { }
    p.summary { margin:5px 0 0 0; }
    .aux { font-style:italic; }
    p.aux { margin:5px 0 0 0; }
    
    .print-only,
    .print-only-block,
    .hidden { display:none; }
    
    /*--- visibility ---*/
    .show { display:inherit; }
    .hide { display:none; }

/*//////////////////////////////////
    HEADER
//////////////////////////////////*/
    #header {
            position:relative; padding:0 10px; z-index:10;
        }
    #header .inner {
        margin:0; background-image:url("header/HEADER-bg.jpg"); background-repeat:repeat-x; background-color:#147BC0; border-bottom:#147BC0;
    }
    #header .left-edge {
        position:absolute; left:0; top:0; width:10px; height:89px; background-image:url("header/HEADER-lhs-spacer.jpg");
    }
    #header .right-edge {
        position:absolute; right:0; top:0; width:10px; height:89px; background-image:url("header/HEADER-rhs-spacer.jpg");
    }
        
    .logoBlock {
        
    }

    #hypHelp {
        position:absolute; top:5px; right:20px; height:14px; width:210px; color:#fff; /* border:1px dotted #fff; */ text-align:right; font-size:90%;
    }    


    .header-searchForm {
        position:absolute; right:20px; top:28px; width:250px; z-index:1000;
    }
        .header-searchForm h2 {
            padding:4px; margin:0; font-size:110%; font-weight:normal;
        }
        .header-searchForm .form-row {
            padding:0px; position:relative; z-index:1000;
        }
            .header-searchForm .form-row .input-text {
                width:152px; 
            }
            .header-searchForm .form-row .input-img {
                position:absolute; top:0px; right:37px;
            }
            #q {
                color:#88a;
            }
        .header-searchForm #advSearch {
            display:block; height:22px; padding-left:25px; margin-top:5px;
            color:#BBDEF2; background-image:url("header/HEADER-ICON-plus.jpg"); background-repeat:no-repeat; font-size:90%;
        }
            #advSearchOptions {
                width:200px; left:0px; top:22px; z-index:10000; border:1px solid #666; position:absolute; width:200px;
            }
                #advSearchOptions .closeWin { 
                    position:absolute; top:5px; right:5px; width:16px; height:16px;
                }
                #advSearchOptions .inner {
                    background-color:#fff; background-image:none !important; padding:5px; font-size:90%;
                }
                    #advSearchOptions .sub-selections {
                        border-top:1px dotted #ccc; padding-top:3px; margin-top:3px;
                    }
                    #advSearchOptions .inner h3,
                    #advSearchOptions .inner h4 {
                        color:#444;
                    }
                    #advSearchOptions .inner label {
                        display:block; margin:2px 0;
                    }
                
            
    #headerTabs {
        background-image:url("header-tabs/HEADERTABS-bg.jpg"); background-repeat:no-repeat; padding-top:33px; position:relative; top:0; left:0;
    }
        /*--- tabs, on/off w plus/minus arrows ---*/
        #headerTabs a.hdrTab {
            display:block; position:absolute; top:4px; height:18px; padding-top:4px; color:#fff; text-decoration:none; width:180px; font-size:90%;
        }
        #headerTabs a.hdrTab:hover {
            text-decoration:underline;
        }
        #headerTabs #hdrTab1 { 
            padding-left:30px; left:10px; background-position:10px 50%; 
        }
        #headerTabs #hdrTab2 { 
            padding-right:20px; left:763px; background-position:right; text-align:right;
        }
        
        
        
        #headerTabs .bottom-spacer { background-image:url("header-tabs/HEADERTABS-bottom-spacer.jpg"); height:23px; }
        .home-page #headerTabs .bottom-spacer { height:0; font-size:0; line-height:0; }
        
        #hdrDynamicRegion { 
            padding:0 10px; background-image:url("header-tabs/HEADERTABS-bg.jpg"); background-repeat:repeat-y; position:relative;
        }
            #hdrDynamicRegion .inner { 
                 
            }    
            #hdrDynamicRegion .closeWin { 
                position:absolute; top:5px; right:15px; width:16px; height:16px;
            }
            
    #themeStrip {
        padding-bottom:11px; background-image:url("THEME-bottom-slice.jpg"); background-position:bottom; border-left:1px solid #499D11; border-right:1px solid #499D11; 
    }

/*//////////////////////
    
    MENU STYLES
    
//////////////////////*/
/* drop down menu list display */
    
    #divMenuBar {
        z-index:1; position:relative; top:0; left:0; height:46px; padding:0; padding:0 10px; /* font-size:83%;*/
    }
    
        #divMenuBar .inner {
            margin:0; background:#0066B0 url("menu/MENU-bg.jpg") repeat-x; 
        }
        #divMenuBar .left-edge,
        #divMenuBar .right-edge {
            position:absolute; top:0; width:10px; height:47px; background-repeat:repeat-y;
        }
        #divMenuBar .left-edge {
            left:0; background-image:url("menu/MENU-lhs-spacer.jpg"); 
        }
        #divMenuBar .right-edge {
            right:0; background-image:url("menu/MENU-rhs-spacer.jpg");
        }
    
    ul#nav {
        position:relative; top:0; left:0; 
    }
    ul#nav a {
        border-bottom:none;
    }
    ul#nav, ul#nav ul {
        margin:0; padding: 0; list-style:none; display:block; float:left; z-index:21; /* font-size:.85em; */
    }
        ul#nav ul {
            font-size:1em; 
        }
        /* set the z-index of top level menu items so that they don't overlap when large text setting is used */
        ul#nav #liMH0 { z-index:35; border-left:0; } #liMH1 { z-index:36; } #liMH2 { z-index:35; } #liMH3 { z-index:34; } #liMH4 { z-index:33; } #liMH5 { z-index:32; } #liMH6 { z-index:31; } #liMH7 { z-index:30; } #liMH8 { z-index:29; } 
        ul#nav #liMHLast { border-right:0; }
        
        ul#nav li.top {
            position:relative; display:block; float:left; height:46px;
        }    /* NOTES: width doesn't have to be assigned - it can be determined according to content */
            
            ul#nav li a.top {
                position:relative; display:block; /* no float for FireFox, IE7+ */ float:none !important; float:left;
                padding:6px 2.1em 7px 2.1em; color:#fff; font-weight:normal;
                line-height:16px; text-decoration:none; /* IE6 Bug */ border-right:0; text-align:center;
            }
            ul#nav li a.top-single-word {
                padding:13px 2.1em 16px 2.1em; font-size:1.05em; color:#fff; font-weight:normal;
            }
            
            
            ul#nav li a.first-top {
                background-image:none;
            }
            ul#nav li.selected a.top,
            ul#nav li.selected a.top:visited {
                color:#fff; background-image:url("menu/MENU-bg-inverse.jpg"); background-repeat:no-repeat; background-position:50% 5px;
            }
            ul#nav li a.top:hover,
            ul#nav li:hover a.top,
            ul#nav li.over a.top,
            ul#nav li.selected a.top:hover {
                text-decoration:none; background-image:url("menu/MENU-bg-inverse.jpg"); background-repeat:no-repeat; background-position:50% 5px;  /* background-color:#358ED2; */ color:#fff;
            }
            
            /* --- DROP DOWNS --- */
            ul#nav li ul { 
                display:none; position:absolute; left:0; /* top:2.05em; */ width:150px; border:1px solid #fff; background-color:#2B86CC; 
            }
                ul#nav li ul li { 
                    position:relative; display:block; width:100%; float:left;
                }
            
            /* --- DROP DOWNS W EXTRA SECTION INFO --- */
            ul#nav li ul.section-info { 
                padding-right:150px; 
            }
                ul#nav li ul.section-info li { 
                    border-right:1px solid #A9D0ED; /* #5EA7DD; */
                }
                ul#nav li ul.section-info li div.section-info { 
                    position:absolute; display:block; left:150px; top:0; width:138px; padding:0 6px 3px 6px; color:#fff;
                }
                ul#nav li ul.section-info li div.section-info h4 {
                    font-size:100%; margin:0; padding:0; font-weight:bold;
                }
                    ul#nav li ul.section-info li div.section-info h4 a,
                    ul#nav li ul.section-info li div.section-info h4 a:visited { 
                        border-bottom:1px dotted #fff; padding-left:0; font-weight:bold;
                    }
                    ul#nav li ul.section-info li div.section-info h4 a:hover {
                        text-decoration:underline; border-bottom:1px solid #2B86CC;
                    }
                    ul#nav li ul.section-info li div.section-info p a,
                    ul#nav li ul.section-info li div.section-info p a:visited { 
                        border:1px solid #fff; border-right-color:#aaa; border-bottom-color:#aaa;  background-color:#005599; display:inline-block; padding:0 5px;
                    }
                    ul#nav li ul.section-info li div.section-info p a:hover {
                        text-decoration:none;
                    }
                        
                    
                    
            ul#nav li>ul { 
                top:auto; left:auto;
            }
            ul#nav li li a,
            ul#nav li li a:hover {
                display:block; text-decoration:none; color:#fff; padding:5px; font-size:95%; font-weight:normal;
            }
            ul#nav li li a:hover {
                background-color:#000;
            }
    
    ul#nav li:hover ul, ul#nav li.over ul     { display:block; } /* The magic */

/*////////////////////////
    MAIN PAGE [CENTER] REGION
////////////////////////*/
    #main {
        padding:5px 5px 0px 5px; position:relative;
    }
        .landing-page #main,
        .std-content-page #main {
            border-left:1px solid #499D11; border-right:1px solid #499D11; padding:5px 4px 85px 4px; 
            background-image:url("main/MAIN-bottom-slice-x.jpg"); background-repeat:repeat-x; background-position:bottom;
        }
        .home-page #main {
            padding:0;
        }
        .main-center { /* no sidebar */
                margin:0 5px 0 210px; 
            }
        
            
        .main-center-w-sidebar { /* sidebar */
            margin:0 210px 0 210px; z-index:2; 
        }
            .content-offset {
                padding:6px; 
            }
                .content-offset p {
                    margin:0 0 8px 0; 
                }
        .main-sidebar {
            width:200px; float:right;
        }
        
        .nested-center {
            margin:0; 
        }
        .main-center .nested-center-w-sidebar {
            margin:0 190px 0 0;
        }
        
        #text {
            
        }
            #text p {
                /* font-size:80%;*/
            }
        
/*//////////////////////
    PARA's
//////////////////////*/
    
    
    
    /*--- para's ---*/
    #text p,
    .text p {
        margin:3px 0 5px 0; 
    }
    /*--- font size ---*/    
    .text p, #text p,
    .text li {
        /* font-size:80%;*/
    }
    

    
    
/*//////////////////////////////////
    HOME/LANDING
//////////////////////////////////*/
        
        
    .home-page #main {
        background-image:url("home/HOME-MAIN-bg-slice.jpg"); background-repeat:repeat-y; background-position:center; /* background-image:url("../images/bg/bg-homeMain.jpg"); */
    }
    .landing #main {
        padding-left:10px;
    }
    
    .feature-noflash {
            background-color:#ccc; color:#555; padding:60px 12px; text-align:center; font-size:80%; margin-top:10px;
        }
            .feature-noflash a,
            .feature-noflash a:visited {
                color:#CC0066; font-weight:bold;
            }
    
    .home .rows {
        padding-left:10px;
    }
    
    #main h1 {
        margin:0; padding:6px 6px 3px 0; font-size:170%; font-weight:normal;
    }
        #divBreadcrumb {
            font-size:90%; color:#f60;
        }
    
    
    .home-page .feature-news {
        margin:0; padding:0;
    }
        .home-page .feature-news h2 {
            float:left; width:266px; padding:0; margin:0;
        }
            .main-link {
                background-color:#499D11; border:1px solid #fff; display:block; position:relative; margin:4px 5%; text-align:center; padding:15px; color:#fff;
            }
            .main-link:visited {
                color:#fff;
            }
                .main-link .arrow {
                    display:block; position:absolute; right:-11px; top:50%; width:11px; height:20px;
                }
                    .main-link .arrow .offset {
                        background-image:url("home-feature/ARR-tri-green-bg.jpg"); position:absolute; width:11px; height:20px; top:-10px; left:0;
                    }
                    
                .main-link:hover span {
                    text-decoration:none;
                }
        .feature-news img.feature {
            float:left;
        }
        
        .feature-news .body {
            float:left; width:550px; padding:0 0 0 10px;
        }    
            .feature-news .body h3 {
                color:#083634; font-size:140%;
            }    
            .feature-news .body p a {
                color:#083634; border-bottom:1px dotted #083634;
            }
            .feature-news .body p a:hover {
                border-bottom:none;
            }
            .feature-news .body .feature-link {
                background-color:#499D11; border:1px solid #fff; display:block; position:relative; margin:4px 40% 4px 15%; text-align:center; padding:5px; color:#fff;
            }
    
        
            
                    
/*//////////////////////
    BREADCRUMB ITEMS
        
//////////////////////*/
    #divBreadcrumb {
        padding:5px 0 3px 0; position:relative; 
    }
        #divBreadcrumb a,
        #divBreadcrumb span { 
            /* display:block; float:left; */ padding:3px 2px 0 2px; font-weight:normal;
        }
        
/*///////////////////////////////
    BLOCKS (holds content boxes in position and sets width)
///////////////////////////////*/
    .block {
        float:left;
    }
    
        
/*///////////////////////////////
    BOXES
///////////////////////////////*/
    
    .outline,
    .box {
        position:relative; margin:0; 
    }
    .box {
        background-image:url("boxes/BOX-BODY-slice-y.jpg"); background-position:left; background-repeat:repeat-y;
    }
        .box .corner {
            position:absolute; left:0; top:0; width:5px; height:5px; background-repeat:no-repeat; font-size:0; 
        }
        .box .right-corner {
            float:right; width:5px; height:5px; background-repeat:no-repeat; font-size:0;
        }
            
        .box .top {
            height:5px; width:100%; font-size:0; background-image:url("boxes/BOX-TOP-slice-x.jpg"); background-repeat:repeat-x; position:relative;
        }
            .box .top .tl {
                background-image:url("boxes/BOX-TL.jpg");
            }
            .box .top .tr {
                background-image:url("boxes/BOX-TR.jpg");
            }
            
        .box .inner-wrap {
            margin-left:5px; padding-right:5px; position:relative; background-image:url("boxes/BOX-BODY-slice-y.jpg"); background-position:right; background-repeat:repeat-y;
        }
            .box .header {
                font-size:0; line-height:0; position:relative;
            }
            .box h2.header {
                font-weight:normal; font-size:120%; line-height:120%; color:#fff; font-weight:normal; text-align:center; margin:0;  
                background-image:url("boxes/BOX-HEADER-slice-x.jpg"); background-repeat:repeat-x; padding:7px 3px; background-color:#EE4700;
                text-transform: uppercase; font-size:110%; 
            }
            .box .body {
                padding:3px 8px 4px 8px;
            }
                .box .body p {
                    margin:0 0 6px 0;
                }
                
            .box ul.box-list { /* simple ordered list, no indenting */
                margin:0; padding:3px 8px 4px 8px;
            }
                .box ul.box-list li {
                    list-style-type:none; margin:0;
                }
                
            .box .footer {
                position:relative; height:5px; width:100%; background-image:url("boxes/BOX-FOOTER-slice-x.jpg"); background-position:left; background-repeat:repeat-x;
                font-size:0; line-height:0;
            }
                .box .footer .bl {
                    background-image:url("boxes/BOX-BL.jpg"); font-size:0;
                }
                .box .footer .br {
                    background-image:url("boxes/BOX-BR.jpg"); font-size:0;
                }
    

    
        
    .application .box,
    .content .box {
        margin:0 0 10px 0;
    }
    
/*//////////////////////
    BLOCKS + BOXES - WIP
//////////////////////*/
    .box { }
        .box .box-body { padding:0; }
            .box .box-body .details { padding:4px; }
                .box .box-body .details h4 { margin:2px 0 0 0; font-weight:lighter; }
                .box .box-body .details p { margin:2px 0 0 0; }
    
    
    .offset-stdbox,
    .offset-stdflash            { margin:10px 10px 0 0; }
    .offset-customflash            { margin:0 10px 0 0; }
    
    .margin-std-box-flash         { margin:0 10px 0 0; }
    .height-box-home-body         { height:113px; overflow:auto; }
    .height-box-landing-body     { height:145px; overflow:auto; }
    .height-box-std-content-body    { height:160px; overflow:auto; }
    
    .inline-heading { color:#f60; }
    
    
/*//////////////////////////////////
    
    FORMATTED LINKS
//////////////////////////////////*/
    .icon {
        display:block; padding:5px 0 5px 28px; background-repeat:no-repeat; margin:0 0 3px 0; background-position:0 3px;
    }
        .icon-doc {
            background-image:url("icons/ICON-doc.gif");
        }
        .icon-link {
            background-image:url("icons/ICON-link.gif");
        }
    div.item a.icon {
        display:inline;
    }
    a.icon-medium-right {
        display:block; padding:7px 33px 7px 0; background-repeat:no-repeat; margin:0 0 3px 0; background-position:right; text-align:right;
    }    
        a.icon-download {
            background-image:url("icons/ICON-download.gif");
        }
    .link-group {
        
    }
        .link-group a.link {
            font-weight:normal; text-decoration:none;
        }
        .link-group a.link:hover {
            text-decoration:underline;
        }
    
    ul.indented-list li {
        list-style-type:none;
        /* margin:0; */
    }

/*////////////////////////////
    BUTTONS
////////////////////////////*/
    a.btn {
        display:block; width:110px; background-repeat:no-repeat; background-position:right; padding:6px 30px 10px 12px; text-align:center; text-decoration:none; font-weight:bold;
    }        
    a.btn:hover {
        text-decoration:underline;
    }    
    a.btn:visited {
        color:#fff;
    }    
    
    a.btn-sml {
        display:block; width:75px; background-repeat:no-repeat; background-position:right; padding:6px 3px 10px 2px; text-align:center; text-decoration:none; font-weight:bold;
    }
    a.btn-sml:hover {
        text-decoration:underline;
    }

/*//////////////////////
    DATA FORMATS
//////////////////////*/
        
    .summary-highlight {
        color:#222; padding:6px; margin-bottom:5px; position:relative; background-color:#E1E9FD; border:1px solid #86A5F7;
    }
        .summary-highlight .thumbnail {
            float:left; margin:0 6px 6px 0; padding:5px; border:1px dotted #86A5F7; text-align:center; /* background-color:#222; */
        }
        .summary-highlight .thumbnail:hover {
            text-decoration:none; border:1px solid #86A5F7;
        }
            .summary-highlight .thumbnail span {
            }
            .summary-highlight a.thumbnail:hover span {
                text-decoration:underline; 
            }
        
        .summary-highlight h3 {
            font-size:90%; margin-bottom:7px;
        }
        
        .summary-highlight .date {
            width:70px; color:#fff; font-size:120%; float:right; margin:0 3px 3px 4px; clear:right;
        }
            .summary-highlight .date span {
                display:block; text-align:center;
            }
            .summary-highlight .date span.description {
                font-size:70%; color:#999;
            }
            .summary-highlight .date .dom {
                border:1px solid #333; padding:3px; background-color:#f60;
            }
            .summary-highlight .date .month {
                font-size:80%; font-weight:normal; border:1px solid #333; border-top:none; background-color:#333;
            }
            .summary-highlight .date .year {
                padding:2px; font-size:80%; color:#999;
            }
        .summary-highlight .has-date p {
            margin-right:75px;
        }
    
    .image-holder {
        background-color:#000; text-align:center; width:100%; overflow:hidden;
    }
        .image-holder img {
            margin:0 auto;
        }    
    
    .preview-holder {
        text-align:center; padding:0 6px 10px 6px;
    }
        .preview-holder .thumbnail {
            display:inline-block; margin:0 6px 6px 0; padding:5px; border:1px dotted #86A5F7; text-align:center; /* background-color:#222; */
        }
    
    .view-all {
        border:1px solid #f60; display:block; position:relative; margin:4px 5% 2px 50%; text-align:center; padding:5px;
    }
        .view-all .arrow {
            display:block; position:absolute; right:-6px; top:50%; 
            width:6px; height:12px;
        }
            .view-all .arrow .offset {
                position:absolute; background-image:url("icons/ARR-tri-sml-orange.gif"); width:6px; height:12px; top:-7px; left:0;
            }
        .view-all:hover span {
            text-decoration:none;
        }
        
    
/*/////////////////////////////
    DATA TABLES
/////////////////////////////*/
    
    table.data {
        border:1px solid #333; margin:0 auto; /* width:99%;  */
    }
        table.data th {
            background-color:#666; color:#fff; text-align:left; border-bottom:1px solid #333;
        }
        table.data th.rowHeader {
            border-right:1px solid #333; vertical-align:top;
        }
        table.data td, 
        table.data th {
            padding:4px; 
        }
        table.data tr.alt td {
            background-color:#e4e4e4;
        }
        table.data a {
            font-weight:bold; text-decoration:none; color:#555;
        }
        table.data a:hover {
            text-decoration:underline;
        }
    
/*/////////////////////////////
    CUSTOM LAYOUT REGIONS
/////////////////////////////*/
    .info {
        margin:0 160px 0 50px; /* allows for an icon to sit at the left, btn to the right */
    }
    
    .link-holder {
        display:block; border:1px solid #f60; padding:4px; margin:2px 20% !important; text-align:center; position:relative;
    }
    
    a.img-frame {
        
    }

/*** Styles for data sets, data tables and forms ***/

/*/////////////////////////////
    FORMS
/////////////////////////////*/
    
    fieldset {
        border:1px solid #bbb; margin:5px 0;
    }
        legend {
            border:1px solid #000; background-color:#666; color:#fff; padding:3px;
        }
    
    .text label,
    .text input.std {
        font-size:80%;
    }
    
    .form-group {
        margin-bottom:4px;
    }
    
    
        .group-submitBtn {
            text-align:center; width:100%;
        }
    
    table.formEntry {
        width:100%;
    }
        .formEntry td,
        .formEntry th {
            padding:4px; vertical-align:top;
        }
        .formEntry th {
            text-align:right;
        }    
            .formEntry th label {
                color:#000;
            }
        .formEntry tr.highlight td {
            background-color:#ffcc99;
        }
        
        table.formEntry .width-stdLabel {
            width:180px;
        }
    
    
    #paraWarningMsg { display:none; } 
        
        
    /*--- Form Table ---*/    
    table.form-grid {
        width:100%; 
    }
        table.form-grid td,
        table.form-grid th {
            vertical-align:top; padding:3px;
        }
        table.form-grid th.rowHeader {
            text-align:right; font-weight:normal; color:#333;
        }
        table.form-grid td.required {
            text-align:left;
        }
        table.form-grid td.input {
            text-align:left; white-space:nowrap;
        }
    table.form-grid td.status {
        width:170px; padding:3px 0 0 0;
    }
    
    table.small-form-grid {
        width:90%; margin:0 auto;
    }
    
    /*-- Standard Form --*/
    form.std {
        /* width:745px; */ font-size: 95%; background-color:#eee; padding:4px; border:1px solid #999; margin-bottom:8px;
    }
    .expand-box form.std {
        background-color:#fff;
    }
    
    form.std .row {
        padding:4px 0; display:block;
    }
        form.std .row .description {
            display:block; width:200px; float:left; text-align:left; padding:0 5px 0 0;
        }
        form.std .row div.input {
            float:left; /* width:340px; */
        }
    
    form.std div.status {
        width:170px; padding:3px 0 0 0; position:relative;
    }
    
    form.std span.required {
        display:inline-block; line-height:12px; padding:5px 5px 0 5px; background-color:#e33; /* 86A5F7; color:#333;  */ text-align:center; font-size:12px; color:#fff;
    }
    
    
    form.std legend {
        padding-left: 0;
    }
    
    form.std legend, form.std label {
        color: #333;
    }
    
    form.std fieldset {
        margin-bottom: 10px; border:1px dotted #aaa; width:auto;
    }
    
    form.std legend {
        padding: 0 2px;
        font-weight: bold;
        _margin: 0 -7px; /* IE Win */
    }
    
    form.std label {
        /* display: inline-block; line-height: 1.8; vertical-align: top; cursor: hand; */
    }
    
    form.std fieldset p {
        /* list-style: none; */ padding: 5px; margin: 0;
    }
    
    form.std fieldset fieldset {
        border: none; margin: 3px 0 0;
    }
    
    form.std fieldset fieldset legend {
        padding: 0 0 5px; font-weight: normal;
    }
    
    form.std fieldset fieldset label {
        display: block; width: auto;
    }
    
    form.std fieldset fieldset label { margin-left: 173px; } /* Width plus 3 (html space) */
    
    form.std input.std {
        width:290px;
    }
    
    form.std textarea.std {
        width:290px;
    }
    
    form.std select.std {
        width:296px;
    }
    
    
    form.std input.submit {
        margin-left: 190px;
    }
    
    form.std input.std-fileload {
        width:296px;
    }
    
    .form-intro { margin:0; padding:4px; }
    
    
    /*--- input elements and controls ---*/    
    
    label.checked {
        color:#000066; background-color:#eee; border:1px solid #333;
    }
    
    /*--- Multi Select Checkbox set ---*/
    .multiCheckboxSet {
        width:297px;
    }
        .multiCheckboxSet h3 {
            margin:4px 0 0 0; padding:4px; font-size:100%; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; 
            background-color:#fff; font-weight:normal; color:#444;
        }
        .multiCheckboxSet a {
            text-decoration:none;
        }
        
        .multiCheckboxSet ul {
            padding:0; margin:0 0 0 18px;
        }
        .multiCheckboxSet ul li {
            list-style-type:none; padding:0;
        }
            .multiCheckboxSet ul li ul {
                display:none;
            }
    .multiCheckboxSet .body {
        overflow:auto; border:1px solid #999; margin:0; background-color:#fff; border-top:1px dotted #999;
    }
        .multiCheckboxSet .body a,
        .multiCheckboxSet .body a:visited { border:1px solid #FF6600; background-color:#fff; color:#FF6600 }
    
    .multiCheckboxSet .lowHeight {
        height:80px;
    }
    .multiCheckboxSet .midHeight {
        height:200px;
    }    
    .multiCheckboxSet .largeHeight {
        height:300px;
    }
        
        
    
/*///////////////////////
    JQUERY VALIDATED FORMS
///////////////////////*/
    
    form.validated label.error {
        /* remove the next line when you have trouble in IE6 with labels in list */
        color:#e33; /* 7784F7; */
        font-style:italic;
    }
    
    form.validated .inputDateCombined { display:none; }
    
    form.validated div.error { display: none; }
    /* form.validated input:focus { border: 1px dotted black; } */ 
    form.validated .input-text input.error,
    form.validated .input-textarea textarea.error { background-color:#e33; color:#fff; /* 86A5F7; /* FF9B9B */ }
    form.validated .input-checkbox input.error { border: 1px dotted #86A5F7; }
    
    form.validated .gray * { color: gray; }
    
    
/*///////////////////////
    PAGING CONTROL
///////////////////////*/
    .paging-control { padding:4px 0; border:1px solid #ddd; background-color:#fff; margin:3px 0; }
    .paging-control h3 { font-weight:bold; font-size:100%; margin:0 0 3px 0; clear:both; }
    .page-list {
        margin:4px; border:5px solid #fff; clear:both;
    }
        .page-list a { border: 1px solid #aaa; padding:4px;  }
        .page-list strong { border: 1px solid #000; background-color:#f60; padding:3px; color:#fff;  } /* selected page */
    .paging-control option { padding-right:3px !important; } /* fix error in Firefox */
    
    

/*///////////////////////
    RESULT SETS
//////////////////////*/
    h3.title-result-set {
        font-size:110%;
    }
    
    .result {
        margin:0; padding:0; width:100%;
    }
        .result h3, 
        .result h4 { 
            font-size:110%; margin:0 0 4px 0;
        }
        .result .thumbLink {
            float:left; margin:0 5px 5px 0; width:135px; text-align:right;
        }
        .result .details {
            color:#aaa; font-style:italic;
        }
        
    
    .listing .result .found {
        color:#000; background-color:#dedede;
    }
        .listing .result a .found {
            /* text-decoration:underline; */
        }
        .listing .result a:hover .found {
            text-decoration:underline;
        }
    
    
    .date-listing .item {
        position:relative; width:100%;
    }
        .main-sidebar .date-listing .item {
            margin:0 0 4px 0;
        }
    
        .date-listing .item h3.date {
            border:1px solid #333; width:48px; background-color:#666; color:#fff; font-size:100%; float:right; clear:left; margin:0 3px 3px 0;
        }
            .date-listing .item h3.date span {
                display:block; text-align:center;
            }
            .date-listing .item h3.date .dom {
                border-bottom:1px solid #000; padding:3px; background-color:#f60; 
            }
            .date-listing .item h3.date .month {
                font-size:80%; font-weight:normal;
            }
        .date-listing .item .thumbnail {
            float:left; margin:0 3px 3px 0; display:block;
        }
            .date-listing .item .thumbnail img {
                border:1px solid #333 !important;
            }

        .date-listing .item p,
        .date-listing .item h4 {
            margin-left:105px;
        }
            .date-listing .item h4 {
                font-weight:normal;
            }
        .main-sidebar .date-listing .item h3.date {
            width:26px; border:1px solid #555; color:#fff; 
        }

/*//////////////////////
    SUB NAV GROUP
        
//////////////////////*/
    #subNavGroup {
        position:relative; left:0; top:0; overflow:hidden; width:200px; float:left;
    }
        #subNavGroup div.link-group {
            margin:0; padding:0; position:relative; list-style-type:none;
        } 
        #subNavGroup div.sub-nav-set {
            /* font-size:.8em; */
        } 
            #subNavGroup div.link-group div.item { 
                padding:0px; margin:0; display:block; position:relative; overflow:hidden; width:100%;
            } 
                #subNavGroup div.link-group div.item a {
                    display:block; background-repeat:no-repeat; background-position:5px 7px; text-decoration:none;
                }
                #subNavGroup div.link-group div.item a:hover {
                    text-decoration:underline;
                }
                
                /* HIERARCHY - item divider colour */
                #subNavGroup div.link-group div.item { border-top:0 }
                    #subNavGroup div.link-group div.link-group div.item { border-top:0; }
                        #subNavGroup div.link-group div.link-group div.link-group div.item { border-top:0; }
                            #subNavGroup div.link-group div.link-group div.link-group div.link-group div.item { border-top:0; }
                
                /* HIERARCHY - current page link background image */
                #subNavGroup div.link-group div.current {  }
                    #subNavGroup div.link-group div.link-group div.current {  }
                        #subNavGroup div.link-group div.link-group div.link-group div.current {  }
                
                /* HIERARCHY - current page link arrow and offset */
                #subNavGroup div.link-group div.current .curr-page-link {
                    /* font-weight:bold; */ color:#fff; display:block; padding:3px 0 3px 6px; background-repeat:no-repeat; background-position:5px .6em; 
                }
                    #subNavGroup div.link-group div.link-group div.current .curr-page-link {
                        padding-left:20px; background-image:url("navigation/ARR-navLevel2.gif"); 
                    }
                        #subNavGroup div.link-group div.link-group div.link-group div.current .curr-page-link {
                            padding-left:34px; background-image:url("navigation/ARR-navLevel3.gif"); background-position:19px .6em; color:#333;
                        }
                            #subNavGroup div.link-group div.link-group div.link-group div.link-group div.current .curr-page-link {
                                padding-left:48px; background-image:url("navigation/ARR-navLevel4.gif"); background-position:33px .6em;
                            }
                            
                /* HIERARCHY - border around the selected item text */
                #subNavGroup div.link-group div.current .curr-page-link .highlight {
                    border:1px dotted #fff; padding:1px 3px; position:relative; left:-4px; display:block;
                }
                    #subNavGroup div.link-group div.link-group div.current .curr-page-link .highlight {
                        
                    }
                        #subNavGroup div.link-group div.link-group div.link-group div.current .curr-page-link .highlight {
                            border:1px dotted #333;
                        }
                
            #subNavGroup div.link-group div#divFirstSubNavItem { 
                border-top:1px solid #EDB980;
            }
                
            /* HIERARCHY - background colouring */
            #subNavGroup div.link-group {
                background-color:#666666;
            } 
                #subNavGroup div.link-group div.link-group {
                    background-color:#949494; 
                } 
                    #subNavGroup div.link-group div.link-group div.link-group {
                        background-color:#BFBFBF;
                    }
                        #subNavGroup div.link-group div.link-group div.link-group div.link-group {
                            background-color:#cacaca;
                        }
            
            /* hierarchy - link colouring and offset */
            #subNavGroup div.link-group a {
                color:#fff; padding:3px 2px 3px 6px; /* font-weight:normal; */
            }
                #subNavGroup div.link-group div.link-group a {
                    padding-left:20px; background-image:url("navigation/ARR-navLevel2.gif");
                }
                    #subNavGroup div.link-group div.link-group div.link-group a {
                        color:#000; padding-left:34px; background-image: url("navigation/ARR-navLevel3.gif"); background-position:20px 7px;
                    }
                        #subNavGroup div.link-group div.link-group div.link-group div.link-group a {
                            padding-left:48px; background-image:url("navigation/ARR-navLevel4.gif"); background-position:34px 7px;
                        }

/*//////////////////////////////////
    FOOTER
//////////////////////////////////*/
    
    .std-content-page #footerTop,
    .landing-page #footerTop {
        background-image:url("footer/CONTENT-footerTop.jpg"); background-repeat:no-repeat; height:20px; position:relative;
    }
    .home-page #footerTop {
        background-image:url("footer/HOME-footerTop.jpg"); background-repeat:no-repeat; height:20px; position:relative;
    }

    #footer {
        background-color:#40960F; padding:5px;  position:relative;
        
    }    
    
    .footer-box {
        position:relative; margin:0; background-image:url("footer/BODY-slice-y.jpg"); background-position:left; background-repeat:repeat-y;
    }
        .footer-box .corner {
            position:absolute; left:0; top:0; width:5px; height:5px; background-repeat:no-repeat; font-size:0; 
        }
        .footer-box .right-corner {
            float:right; width:5px; height:5px; background-repeat:no-repeat; font-size:0;
        }
            
        .footer-box .top {
            height:5px; width:100%; font-size:0; background-image:url("footer/TOP-slice-x.jpg"); background-repeat:repeat-x; position:relative;
        }
            .footer-box .top .tl {
                background-image:url("footer/FOOTER-TL.jpg");
            }
            .footer-box .top .tr {
                background-image:url("footer/FOOTER-TR.jpg");
            }
            
        .footer-box .inner-wrap {
            margin-left:5px; padding-right:5px; position:relative; background-image:url("footer/BODY-slice-y.jpg"); background-position:right; background-repeat:repeat-y;
        }
            .footer-box .header {
                font-size:0; line-height:0; position:relative;
            }
            
            
            .footer-box .wrapper-topfade {
                position:relative; background-image:url("footer/INNER-HIGH-slice-x.jpg"); background-repeat:repeat-x; width:100%; background-color:#000066;
                background-color:#40960F;
            }
                .footer-box .wrapper-bottomshadow {
                    position:relative; background-image:url("footer/MAIN-BOTTOM-shadow-slice-x.jpg"); background-repeat:repeat-x; background-position:bottom;
                }
                    .footer-box .wrapper-line-break {
                        position:relative; background-image:url("footer/FOOTER-MAIN-divider-slice-y.gif"); background-repeat:repeat-y; background-position:top;
                    }
                        
                    .footer-box .custom-info {
                        font-weight:normal; color:#083838; font-weight:normal; margin:0; position:relative;
                         padding:2px 3px; 
                    }
                    .footer-box .custom-info a {
                        color:#073737; 
                    }
                        .footer-box ul.feature-links { /* simple ordered list, no indenting */
                            margin:0; padding:8px 0; position:relative; position:relative; float:left; width:50%;
                        }
                            .footer-box ul.feature-links li {
                                list-style-type:none; margin:0; display:block; float:left; width:49%;
                            }
                                .footer-box ul.feature-links li a {
                                    display:block; background-image:url("footer/ICON-footer-dot.gif"); background-repeat:no-repeat; background-position:23px 3px; padding:3px 0 5px 44px;
                                    border-bottom:0; 
                                }
                                .footer-box ul.feature-links li a:visited {
                                    border-bottom:0; color:#073737;
                                }
                                .footer-box ul.feature-links li.highlight a {
                                    font-weight:bold;
                                }
                        .footer-box .contact-info {
                            position:relative; margin-left:50%; padding:0 5px; /* margin:0; padding:0;  */
                        }
                            .footer-box .contact-info .phone-feedback {
                                width:48%; float:left; padding:6px 0 0 0;
                            }
                                .footer-box .phone-feedback img {
                                    float:left;
                                }
                                .footer-box .phone-feedback a {
                                    
                                }
                                .footer-box .phone-feedback h3,
                                .footer-box .phone-feedback h4 {
                                    margin-left:40px; color:#073737; font-size:140%; font-weight:bold;
                                }
                                .footer-box .phone-feedback h4 {
                                    font-size:110%; color:#2E6A2C;
                                }
                            .footer-box .contact-info .detail {
                                width:50%; float:right;
                            }
                                .footer-box .contact-info .detail a {
                                    border-bottom:1px dotted #073737;
                                }
                                .footer-box .contact-info .detail a:hover {
                                    border-bottom:0;
                                }
                        .contact-info a.expand-info {
                            display:block; height:18px; margin-top:5px; padding-top:4px; text-decoration:none; width:180px; font-size:90%;
                            padding-left:24px; background-position:0 50%; 
                        }
                        .contact-info a.expand-info:hover {
                            text-decoration:underline;
                        }
                        #feedbackDisplay {
                            position:relative;
                        }
                            
                            #feedbackDisplay .inner { 
                                overflow:hidden;
                            }    
                            #feedbackDisplay .closeWin { 
                                position:absolute; top:5px; right:15px; width:16px; height:16px;
                            }
                                        
                        
                    #footerInfo {
                        background-image:url("footer/INNER-LOW-slice-x.jpg"); background-repeat:repeat-x; background-color:#ED4100; padding:10px 7px; position:relative; 
                    }    
                        #footerInfo a, 
                        #footerInfo .date {
                            color:#fff; display:block; float:left; width:24%; text-align:center;
                        }
                    
                    
            
            .footer-box .body {
                padding:3px 8px 4px 8px;
            }
                .footer-box .body p {
                    margin:0 0 6px 0;
                }
                
            .footer-box .footer {
                position:relative; height:5px; width:100%; background-image:url("footer/FOOTER-slice-x.jpg"); background-position:left; background-repeat:repeat-x;
                font-size:0; line-height:0;
            }
                .footer-box .footer .bl {
                    background-image:url("footer/FOOTER-BL.jpg"); font-size:0;
                }
                .footer-box .footer .br {
                    background-image:url("footer/FOOTER-BR.jpg"); font-size:0;
                }
    
                
    #footerShadow {
        padding:81px 0 0 0; background-color:#fff; margin-bottom:200px; background-image:url("footer/FOOTER-bottom-slice.jpg"); background-repeat:repeat-x; position:relative;
    }
        #footerShadow .inner {
            background-image:url("footer/FOOTER-bottom-slice-bg.jpg"); background-repeat:repeat-x; position:relative; height:120px;
        }

/*//////////////////////
    GOOGLE MAPS
//////////////////////*/
    .map-canvas { overflow:hidden; }
    .landing-page .main-center .map-canvas { width:745px; height:400px; }
    .main-center .map-canvas { width: 552px; height:400px; }
    .main-sidebar .map-canvas { width: 190px; height: 216px; }
    .main-center-w-sidebar .map-canvas { width: 540px; height:240px; }

    .gmap-Popup {
        width:240px;
    }
    
    /*--- Grouping - results and map side by side ---*/
    
    .map-resultset-group {
        border:1px solid #999; 
    }
        .map-resultset-group .map-canvas {
            width: 400px; height: 600px; margin:0 0 0 auto;
        }
        .map-results {
            width:352px; height:600px; padding:0; overflow:auto; float:left; margin:0; background-color:#eee;
        }
            .map-results .item {
                padding:0; margin:5px 0; 
            }
                .map-results .item .map-link,
                .map-results .item .map-link:hover {
                    float:left; border:0; width:32px; height:32px; /* map icon */
                }
                .map-results .item .main { 
                    float:left; width:302px;
                }
                    .map-results .item h3 {
                        margin:0 121px 8px 0; padding:0; font-size:100%;
                    }
                    .map-results .item p {
                        margin:0 0 8px 0; font-size:90%;
                    }
                    .map-results .item .headerlink-right {
                        display:block; float:right; width:120px; text-align:right; border:0; margin:0 !important; padding:0 !important; font-size:90%;
                    }
    
    /* NOTE - GoogleMap reads these values directly, so don't nest in other class defns */
    div.infowin-wide {
        width:250px !important; font-size:12px;
    }
    h3.infowin-wide {
        width:250px !important; font-size:14px;
    }
    div.infowin {
        width:140px !important; font-size:12px;
    } 
    h3.infowin {
        width:140px !important; font-size:14px;
    }

    .popup-locater { position:relative; height:0; /* line-height:0; font-size:0; */ z-index:1000; }
    .map-popup-narrow { display:none; padding:4px 18px 4px 4px; border:1px solid #999; position:absolute; left:4px; width:158px; background-color:#fff; z-index:1000; top:4px; }
        .map-popup-narrow img { position:absolute; right:4px; top:4px; }

    .map-canvas { background-color:#eee; }
        .map-canvas .activate {
            display:block; width:60%; margin:70px auto; border:1px solid #F90; text-align:center; background-color:#fff;
        }
        
    .commfinder-item-map {
        float:right; width:190px; 
    }
    
    .commfinder-item-descr {
        float:left; width:550px;
    }
    
    .comm-finder-details h3 { width:40%; font-size:100%; float:left; }
    .comm-finder-details .item { width:50%; padding-bottom:2px; margin-left:40% !important; }
        .comm-finder-details p a {  }

    .commfinder-item .body {
        padding:3px 8px 4px 8px;
    }
    .main-center .commfinder-item .map-canvas { width: 190px; height: 216px; }

/* CSS Document */

    .tab-bar {
        margin:0; padding:0; position:relative; width:100%; top:1px; /* font-size:80%; */
    }
        .tab-bar a.tab, 
        .tab-bar a.active-tab {
            float:left; display:block; width:75px; height:34px; padding:1px 4px; 
            border:1px solid #999; text-decoration:none; /* color:#333 !important; */
            background-color:#ddd; text-align:center; color:#444;
        }
        .tab-bar a.active-tab {
            background-color:#eee; border-bottom:1px solid #eee; border-left:1px solid #999; font-weight:bold; color:#000;
        }
        .tab-bar a.tab:hover, 
        .tab-bar a.active-tab:hover {
            text-decoration:underline;
        }
        
        .tab-bar .sepr {
            display:block; float:left; width:4px; border-bottom:1px solid #eee; /* height:40px; padding:4px;*/
        }
    
        .expand-box .tab-bar a.active-tab {
            background-color:#fff; border-bottom:1px solid #fff;
        }