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


#headerzone.outerui
{
    position: relative;
    z-index: 100;
    padding: 0px;
    margin: 0px;
}

    #headerzone.outerui div.globalnavbar
    {
        background: #163f6e;
        border-bottom: solid 1px #ffffff;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

        #headerzone.outerui div.globalnavbar div.canvas
        {
            width: 969px;
            margin: auto;
            padding: 0px;
            background: #163f6e;
            text-align: center;
        }

        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable
        {
            width: 969px;
            /* height: 25px; */
            margin: auto;
            table-layout: fixed;
            border-collapse: collapse;
        }

        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable td
        {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            vertical-align: bottom;
        }

        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable td a
        {
            display: block;
            text-align: center;
            padding: 4px 5px 5px 5px;
            color: white;

            font-size: 68.75%; /* 11px */
        }

        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable td a:hover,
        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable td a.active,
        #headerzone.outerui div.globalnavbar div.canvas table.globalnavtable td.active a
        {
            background: #d7e6c5;
            color: #333333;
        }


    #headerzone.outerui div.uiprefs
    {
        position: relative;
        background-color: #ffffff;
        background-image: url(/ui/images/uiprefs_bg.gif);
        background-position: top;
        background-repeat: repeat-x;
        height: 44px;
        padding: 0px;
        margin: 0px;
        vertical-align: top;
    }

        #headerzone.outerui div.uiprefs div.canvas
        {
            position: relative;
            width: 967px;
            height: 44px;
            padding: 10px 0px 0px 0px;
            margin: auto;
            background-color: #ffffff;
            background-image: url(/ui/images/uiprefs_bg.gif);
            background-position: top;
            background-repeat: repeat-x;
            vertical-align: top;
        }

        #headerzone.outerui div.uiprefs div.canvas span,
        #headerzone.outerui div.uiprefs div.canvas a
        {
            font-size: 56.25%; /* 9px */
        }

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

#mainzone
{
    position: relative;
    z-index: 200;
    width: 100%;
    background-color: #ffffff;
    background-image: url(/ui/images/mainzone_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

#mainzone div.canvas
{
    position: relative;
    z-index: 200;
    width: 967px;
    min-height: 400px;
    margin: auto;
    padding: 0px 0px 20px 0px;
    background-image: url(/ui/images/mainzone_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

#mainzone div.canvas table.maincolumns
{
    position: relative;
    z-index: 200;
    width: 100%;
    border-collapse: separate; /* needs to be separate to keep borders and backgrounds working properly */
}

#mainzone div.canvas table.maincolumns td.middlecolumn
{
    position: relative;
    z-index: 200;
    vertical-align: top;
}

#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui
{
    position: relative;
    z-index: 200;
    top: -10px;
}

#mainzone div.canvas table.maincolumns  td.middlecolumn div.outerui div.columncontent
{
    position: relative;
    z-index: 200;
/*
    top: -10px;
    margin: 0px 20px;
*/
}

/*
#mainzone div.canvas table.maincolumns tr
{
    position: relative;
}
*/

#mainzone div.canvas table.maincolumns tr.middlerow td.sidecolumn,
#mainzone div.canvas table.maincolumns tr.middlerow td.middlecolumn,
#mainzone div.canvas table.maincolumns tr.middlerow td.middlecolumn div.outerui,
#mainzone div.canvas table.maincolumns tr.middlerow td.middlecolumn div.outerui div.columncontent
{
    position: relative;
    z-index: 220;
}

#mainzone div.canvas table.maincolumns tr.bottomrow td,
#mainzone div.canvas table.maincolumns tr.bottomrow td.middlecolumn,
#mainzone div.canvas table.maincolumns tr.bottomrow td.middlecolumn div.outerui,
#mainzone div.canvas table.maincolumns tr.bottomrow td.middlecolumn div.outerui div.columncontent
{
    position: relative;
    z-index: 210;
}



#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui
{
    width: 169px;
    /* padding at bottom to reserve room for promos */
    padding: 0px 0px 186px 0px;
}

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

#mainzone div.canvas table.maincolumns td.sidecolumn
{
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    width: 169px;
    background: #ffffff;
}

#mainzone div.canvas table.maincolumns tr.middlerow td.sidecolumn
{
    z-index: 200;
}

#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.columncontent
{
    margin: 0px 12px 0px 12px;
}

#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.columncontent h5
{
    margin: 0px;
    font-size: 56.25%; /* 9px */
    font-size: 62.5%; /* 10px */
    font-weight: bold;
}



#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent img.logo
{
    display: block;
    position: relative;
    margin-left: 20px;
}

#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent img.header
{
    display: block;
    position: relative;
    top: -5px;
    margin: 0px 0px -6px 20px;
    padding: 0px;
    font-family: "Goudy Old Style", "Times New Roman";
    font-size: 187.5%;
    font-weight: bold;
    color: #b3c69f;
}

#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent h2.header
{
    position: relative;
    top: -5px;
    margin: 0px 0px -6px 20px;
    padding: 0px;
    font-family: "Goudy Old Style", "Times New Roman";
    font-size: 187.5%;
    font-weight: bold;
    color: #b3c69f;
}

/*
#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent h1
{
    position: relative;
    padding: 0px;
    margin: -7px 0px 0px 0px;
    font-family: "Goudy Old Style", "Times New Roman";
    font-size: 187.5%;
    color: #b3c69f;
}
 */

#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent p
{
    font-size: 68.75%; /* 11px */
}

#mainzone div.canvas table.maincolumns td.middlecolumn div.outerui div.columncontent p.abstract
{
    line-height:1.65em;
}

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


    #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.contextladder
    {
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.contextladder a
        {
            display: block;
            position: relative;
            margin: 2px 0px -4px 0px;
            padding: 0px 0px 0px 30px;
            min-height: 20px;
            vertical-align: middle;
            font-size: 68.75%; /* 11px */
            line-height: 100%;
            font-weight: bold;
            color: #333333;
            background-image: url(/ui/images/chevron_circle_blue_left.gif);
            background-repeat: no-repeat;
            background-position: left center;
        }


    #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav
    {
        margin: 0px 0px 0px -12px;
        padding: 0px;
    }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch
        {
            display: block;
            clear: both;
            margin: 6px 0px 6px 0px;
            padding: 0px 0px 0px 12px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch div.branch
        {
            background-image: url(/ui/images/chevron_5_trans_000000.gif);
            background-repeat: no-repeat;
            background-position: 0px .1em;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch div.branch div.branch
        {
            background-image: url(/ui/images/disc_5_ffffff_000000.gif);
            background-position: 0px .25em;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch div.branch div.branch a
        {
            line-height: 1.25em;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch a
        {
            display: block;
            font-size: 62.5%; /* 10px */
            font-size: 68.75%; /* 11px */
            font-size: 56.25%; /* 9px */
            font-weight: normal;
            line-height: 100%;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch a.level1
        {
            margin: 0px 0px 15px 0px;
            padding: 0px 0px 0px 0px;
            color: #333333;
            font-weight: bold;
            font-size: 62.5%; /* 10px */
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch a.level1:hover
        {
            color: #cd8929;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch a.level2
        {
            font-weight: bold;
            font-family: "Lucida Sans";
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.localnav div.branch a.youarehere
        {
            font-weight: bold;
/*
            font-family: "Lucida Sans";
*/
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.promospacer
        {
/*
            height: 203px;
*/
            position: relative;
            z-index: 210;
            height: 183px;
        }



    #mainzone div.canvas table.maincolumns div.promo
    {
        position: relative;
        height: 1px;
        bottom: 1px;
        left: 1px;
        display: block;
        height: 0px;
        padding: 0px;
        margin: 0px;
        z-index: 210;
        overflow: visible;
    }

        #mainzone div.canvas table.maincolumns div.promo a,
        #mainzone div.canvas table.maincolumns div.promo img
        {
            position: absolute;
            display: block;
            height: 186px;
            padding: 0px;
            margin: 0px;
            bottom: 0px;
            overflow: visible;
        }

        #mainzone div.canvas table.maincolumns div.promo a img
        {
            display: block;
            padding: 0px;
            margin: 0px;
        }

        #mainzone div.canvas table.maincolumns div.promo div.hr
        {
            position: absolute;
            bottom: 186px;
            left: 10px;
            width: 149px;
            z-index: 211;
        }

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


    #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search
    {
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #ffffff;
    }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search h5
        {
            margin: 0px;
            padding: 0px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search form 
        {
            margin: 5px 0px 12px 0px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search form input.text
        {
            width: 87px;
            font-size: 62.5%; /* 10px */
            font-size: 68.75%; /* 11px */
            vertical-align: middle;
/*
            height: 17px;
*/
            padding: 5px 2px 2px 2px;
            margin-right: 5px;
            border: solid 1px #999999;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search form input.submit
        {
            font-size: 62.5%; /* 10px */
            font-size: 68.75%; /* 11px */
            padding: 0px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search form a.button
        {
            top: 2px;
            vertical-align: middle;
            padding: 5px 1px 0px 0px;
            margin-top: 0px;
            font-size: 68.75%;
        }
        
        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.search .hr
        {
            margin: 0px 0px;
        }

    #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools
    {
        position: relative;
        display: block;
        top: 0px;
/*
        width: 145px;
*/
        margin: 0px 0px 11px 0px;
        padding: 0px;
    }
        
        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .outer
        {
	        position: relative;
	        height: 39px;
	        width: 100%;
	        overflow: hidden;
	        position: relative;
	        background-image: url(/ui/images/chevron_circle_orange_right.gif);
	        background-repeat: no-repeat;
	        background-position: right 10px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .outer[class]
        {
	        display: table;
	        position: static;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .middle
        {
	        position: absolute;
	        top: 50%;
	        width: 100%;
        }
        /* for explorer only*/

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .middle[class]
        {
	        display: table-cell;
	        vertical-align: middle;
	        position: static;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .inner
        {
	        position: relative;
	        top: -50%;
        }
        /* for explorer only */

        /* optional: .inner[class] {position: static;} */


        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .outer a
        {
	        position: relative;
	        display: block;
            font-size: 56.25%; /* 9px */
	        color: #333333;
	        font-weight: bold;
	        line-height: 1.25em;
	        width: auto;
	        margin: 0px 0px 0px 0px;
	        padding: 9px 35px 9px 0px;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools .hr
        {
            margin: 0px 1px;
        }




#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools table
{
    position: relative;
}

#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools td
{
    position: relative;
	height: 39px;
	vertical-align: middle;
	padding: 0px;
    background-image: url(/ui/images/chevron_circle_orange_right.gif);
    background-repeat: no-repeat;
    background-position: right 50%;
}

#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools tr.hr td
{
    position: relative;
	height: 1px;
	vertical-align: middle;
	padding: 0px;
	background: transparent url(/ui/images/dot_1x1_3x3_999999.gif) repeat-x bottom;
}

#mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.globaltools td a
{
    vertical-align: middle;
    position: relative;
    display: block;
    font-size: 56.25%; /* 9px */
    color: #333333;
    font-weight: bold;
    line-height: 1.25em;
    width: auto;

    margin: 0px 0px 0px 0px;
    padding: 9px 35px 9px 0px;
}








    #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.testimonial
    {
        margin: 0px 0px 35px 0px;
        padding: 0px;
    }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.testimonial p
        {
            margin: 0px 0px 13px 0px;
            padding: 0px;
            font-size: 68.75%;
            line-height: 1.65em;
            font-size: 56.25%;
        }

        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.testimonial p.name,
        #mainzone div.canvas table.maincolumns td.sidecolumn div.outerui div.testimonial p.relationship
        {
            text-align: right;
            margin: 0px 0px 0px 0px;
        }


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

    #footerzone
    {
        position: relative;
        z-index: 100;
    }
    
    #footerzone.outerui
    {
        min-width: 967px;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        #footerzone.outerui div.canvas
        {
            position: relative;
            top: 0px;
            border-top: solid 1px #999999;
            width: 100%;
            min-width: 800px;
            margin: 1px 0px 0px 0px;
            background: #ffffff;
        }

        #footerzone.outerui div.canvas div.footer
        {
            width: 967px;
            margin: auto;
            padding: 40px 0px 120px 0px;
            text-align: center;
        }

        #footerzone.outerui div.canvas div.footer img.logo
        {
            display: block;
            margin: auto auto 5px auto;
        }

        #footerzone.outerui div.canvas div.footer div.copyright
        {
            color: #666666;
            
            font-size: 62.5%; /* 10px */
        }

        #footerzone.outerui div.canvas div.footer div.corpnav
        {
            width: 967px;
            margin: 5px auto;
            text-align: center;
            line-height: .75em;
        }

        #footerzone.outerui div.canvas div.footer div.corpnav a
        {
            font-size: 56.25%; /* 9px */
            line-height: 1.5em;
            font-weight: bold;
        }

        #footerzone.outerui div.canvas div.footer div.corpnav span.divider
        {
            font-size: 56.25%; /* 9px */
            line-height: .75em;
            margin: 0px 3px;
        }

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


#mainzone div.canvas table.maincolumns tr.toprow div.boxtop,
#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom
{
    position: relative;
    height: 10px;
    width: 100%;
    overflow: hidden;
}

#mainzone div.canvas table.maincolumns tr.toprow div.wire,
#mainzone div.canvas table.maincolumns tr.bottomrow div.wire
{
    position: relative;
    left: 0px;
    height: 9px;
    margin: 0px 10px;
    padding: 0px;
    overflow: hidden;
    border-top: solid 1px #999999;
    background: #ffffff;
    border-bottom: solid 1px #999999;
}

#mainzone div.canvas table.maincolumns tr.toprow div.boxtop div.wire
{
    top: 0px;
}

#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom div.wire
{
    bottom: 1px;
}


#mainzone div.canvas table.maincolumns tr.toprow div.boxtop div.lcorner
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    width: 10px;
    overflow: visible;
}

#mainzone div.canvas table.maincolumns tr.toprow div.boxtop div.rcorner
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 10px;
    width: 10px;
    overflow: visible;
}

#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom div.lcorner
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    width: 10px;
    overflow: visible;
}

#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom div.rcorner
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 10px;
    width: 10px;
    overflow: visible;
}



#mainzone div.canvas table.maincolumns tr.toprow div.boxtop div.rcorner
{
    background-image: url(/ui/images/10_otrans_iffffff_tr.gif);
}

#mainzone div.canvas table.maincolumns tr.toprow div.boxtop div.lcorner
{
    background-image: url(/ui/images/10_otrans_iffffff_tl.gif);
}

#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom div.rcorner
{
    background-image: url(/ui/images/10_otrans_iffffff_br.gif);
}

#mainzone div.canvas table.maincolumns tr.bottomrow div.boxbottom div.lcorner
{
    background-image: url(/ui/images/10_otrans_iffffff_bl.gif);
}


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

#mainzone div.canvas table.maincolumns tr.toprow div.l,
#mainzone div.canvas table.maincolumns tr.toprow div.r,
#mainzone div.canvas table.maincolumns tr.bottomrow div.l,
#mainzone div.canvas table.maincolumns tr.bottomrow div.r
{
    background-image: url(/ui/images/10_otrans_iffffff_r999999_box_2_1000sq.gif);
}

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