﻿body 
{
    margin:0;
    padding:0;
    color:#000000;
    /*background-color:#e0eef9;*/
    background-color:#ffffff;
    font-size:11px;    
    font-family:arial,helvetica,sans-serif;
}

/*#header-wrapper,
#main-nav,
#content-wrapper-bg,
#content-wrapper,
#footer-wrapper 
{
    margin:0 auto;
}*/


/*********************************************************************************
    Header
*********************************************************************************/
#header-wrapper-bg 
{
    width:100%;
    height:153px;
    background-image:url(/images/template/main-header-bg.gif);
    background-position:center 0;
    background-repeat:repeat-x;
}

#header-wrapper 
{
    width:790px;
    height:120px;
    /*margin:0 auto;*/
    background-image:url(/images/template/main-header-oak.jpg);
    background-repeat:no-repeat;
}

#global-links 
{
    text-align:right;
    height:20px;
    float:right;
}

a.logo-link-1 
{
    float:left;
    width:210px;
    height:118px;
    display:block;
    position:relative;
    left:5px;
    top:2px;
}
a.logo-link-2
{
    float:left;
    width:170px;
    height:60px;
    display:block;
    position:relative;
    left:405px;
    top:28px;
}
    

/****** Header Global Links ******/
#global-links,
#global-links a 
{
    color:#ffffff;
    font-size:9px;
    text-decoration:none;
    text-transform:uppercase;
}

#global-links ul 
{
    margin:5px 0 0;
    padding:0;
    list-style-type:none;
}

#global-links ul li 
{
    float:right;
    padding:0 14px;
    border-left:solid 1px #cc3300;
}
    #global-links ul li.last 
    {
        border-left:0;
    }
    
/*********************************************************************************
    Main Nav
*********************************************************************************/
#main-nav-wrapper 
{
    width:100%;
    height:32px;
    background-color:#000000;
    border-top:solid 1px #e0eef9;
}

#main-nav 
{
    width:790px;
    /*margin:0 auto;*/
}

#main-nav a 
{
    font-weight:bold;
    font-size:12px;
    color:#f5f5cf;
    text-decoration:none;
}

#main-nav a 
{
    height:23px;
    line-height:22px;
    display:block;
}

#main-nav ul 
{
    margin:4px 0 0 125px;
    padding:0;
    line-height:22px;
    list-style-type:none;       
}
    #main-nav ul li 
    {
        float:left;
        padding:0 20px;
        margin-bottom:0;
        background-color:#000000;
        border-top:solid 1px #f5f5cf; 
        border-bottom:solid 1px #f5f5cf; 
        border-right:solid 1px #f5f5cf;
    }
        #main-nav ul li.first 
        {
            border-left:solid 1px #f5f5cf;
        }
        #main-nav li.sfhover 
        {
            background-color:#f5f5cf;
        }
        #main-nav li.sfhover a 
        {
            color:#000000;
        }
    
/****** Main Nav Dropdown Styles ******/
#main-nav ul li ul li a 
{
    font-size:11px;
}

#main-nav ul li ul 
{
    min-width:200px;
    border:solid 1px #000000;
	position: absolute;
	left:-9999em;
}

#main-nav ul li.sfhover ul 
{
	left: auto;
	margin-top:1px;
	margin-left:-22px;
} 
    #main-nav ul li ul li 
    {
        border:0;
        float:none;
        display:block;
        background-color:#f5f5cf;
        border-bottom:solid 1px #000000;    
    }   
        #main-nav ul li ul li.last 
        {
            border-bottom:0;
        }
        #main-nav ul li ul li.sfhover 
        {
            background-color:#000000; 
        }
        #main-nav ul li ul li.sfhover a
        {
            color:#f5f5cf;
        }

#main-nav a.link-img 
{
    text-indent:10px;
    background-position:0px 8px;
    background-image:url(/images/nav/link-img.png);
    background-repeat:no-repeat;
}

/*********************************************************************************
    Content Structure
*********************************************************************************/
#content-wrapper-bg 
{
    width:838px;
    /*background-image:url(/images/template/backgrounds/content-gradient.gif);
    background-repeat:repeat-y;*/
}

#content-wrapper 
{
    width:780px;
    padding:20px 5px;
    /*border-left:solid 1px #e0e0e0;
    border-right:solid 1px #e0e0e0;*/
}

#content-main-wrapper,
#content-left,
#content-middle,
#content-right 
{
    float:left;
}

#content-main-wrapper 
{
    width:540px;
    margin:0 10px 0 10px;    
}
    #content-main 
    {
        padding:0 15px;
    }

#content-left 
{
    width:150px;
    text-align:center;
    font-size:12px;
}

#content-middle
{
    width:380px;
    margin:0 20px;
}

#content-right 
{
    width:210px;
}

/*********************************************************************************
    Content Styles
*********************************************************************************/
h1,
h2,
h3 
{
    margin-top:0;
    font-size:16px;
}
    h2 
    {
        font-size:14px;
    }
        h2 a 
        {
            color:#00523d;
        }
        h2 a:hover 
        {
            text-decoration:none;
        }
        
    h3 
    {
        font-size:12px;
    }
  
a,
a.pdf   
{
    color:#cb2812;
    font-weight:bold;
    text-decoration:none;
}
    a:hover,
    a.pdf:hover 
    {
        text-decoration:underline;
    }
    a span 
    {
        color:#000000;
    }

a.pdf  
{
    background-image:url(/images/template/link-download.gif);
    background-repeat:no-repeat;
    background-position:right 3px;
    padding:0 26px 0 0;
}

p 
{
    margin-top:0;
}
    p.right 
    {
        text-align:right;
    }
    p.center 
    {
        text-align:center;
    }
    p.indent 
    {
        padding-left:35px;
    }
    p.lg 
    {
        font-size:14px;
    }
    
table 
{
    margin-bottom:20px;
}

hr 
{
    width:450px;
    height:1px;  
    margin:10px auto 30px auto;     
    background-color:#999999;
    border:0; 
}

img 
{
    border:0;
}
    
.left 
{
    float:left;
    margin:0 10px 10px 0;
}



.col-left,
.col-right 
{
    float:left;
    width:245px;
    margin-right:20px;
}
    .col-right 
    {
        margin-right:0;
    }

/****** Content Main ******/
div.heading 
{
    width:510px;
    height:30px;
    color:#00523d;
    margin-bottom:16px;
    padding:7px 15px 0 15px;    
    background-image:url(/images/template/heading-bg.gif);
    background-repeat:no-repeat;
}
    div.heading h1 
    {
        font-size:18px;
        text-transform:uppercase;
    }
    
h2.border 
{
    font-size:15px;
    color:#00523d;
    border-bottom:solid 1px #999999;
}
    
    
h2.white-oak,
h2.rock-oak,
h2.pin-oak,
h2.river-oak,
h2.red-oak,
h2.black-oak,
h2.live-oak
{
    line-height:28px;
    text-indent:35px;
    font-size:16px;
    color:#00523d;
    margin-bottom:0;
    background-image:url(/images/fund-center/leaf-white.gif); 
    background-repeat:no-repeat;
}
    td h2.white-oak,
    td h2.rock-oak,
    td h2.pin-oak,
    td h2.river-oak,
    td h2.red-oak,
    td h2.black-oak,
    td h2.live-oak
    {
        font-size:13px;
        padding:4px 0;
        border-bottom:solid 1px #999999;
    }
    h2.white-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-white-over.gif); 
    }
    
h2.rock-oak 
{
    background-image:url(/images/fund-center/leaf-rock.gif); 
}   
    h2.rock-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-rock-over.gif); 
    }
h2.pin-oak 
{
    background-image:url(/images/fund-center/leaf-pin.gif); 
}   
    h2.pin-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-pin-over.gif); 
    }
h2.river-oak 
{
    background-image:url(/images/fund-center/leaf-river.gif); 
}   
    h2.river-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-river-over.gif); 
    }
h2.red-oak 
{
    background-image:url(/images/fund-center/leaf-red.gif); 
}   
    h2.red-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-red-over.gif); 
    }
h2.black-oak 
{
    background-image:url(/images/fund-center/leaf-black.gif); 
}   
    h2.black-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-black-over.gif); 
    }
h2.live-oak 
{
    background-image:url(/images/fund-center/leaf-live.gif); 
}   
    h2.live-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-live-over.gif); 
    }
    
#content-main h3 
{
    color:#00523d;
    margin-bottom:4px;
}

ul 
{
    padding-left:25px;
}
li 
{
    margin-bottom:4px;
}

ul.arrows 
{
    list-style-image:url(/images/template/list-arrows.gif);
}
    ul.arrows li 
    {
        margin-bottom:8px;
    }
    
ul.questions 
{
    font-size:10px;
    list-style-image:url(/images/template/list-arrow.gif);
}
    ul.questions li 
    {
        margin-bottom:8px;
    }
    ul.questions li a 
    {
        color:#003366;
    }
    ul.questions li a span 
    {
        color:#cf3d0d;
    }


.investment-team-img,
.investment-team-content 
{
    float:left;
    width:390px;
}
    .investment-team-img 
    {
        width:110px;
        margin-right:10px;
    }
    
a.perf-link,
a.link-bg 
{
    width:170px;
    height:18px;
    padding:5px 0 0;
    display:inline-block;
    text-align:center;
    background-image:url(/images/template/link-bg.gif);
}

a.link-bg-sm 
{
    width:91px;
    height:14px;
    padding:1px 0 0;
    font-size:10px;
    display:inline-block;
    text-align:center;
    background-image:url(/images/template/link-bg-sm.gif);
}

a.download 
{
    width:23px;
    height:10px;
    text-indent:-999em;
    display:inline-block;
    text-align:center;
    position:relative;
    top:2px;
    background-image:url(/images/template/link-download.gif);
}

td.gray 
{
    font-weight:bold;
    background-color:#999999;
}

.callout-box-wrapper-lg,
.callout-box-wrapper-md,
.callout-box-wrapper-sm 
{
    width:410px;
    margin:0 auto 20px auto;
    background-color:#fdffdf;
    /*background-color:#ffffcc;*/
    border:solid 1px #999999;
    background-image:url(/images/template/backgrounds/callout-content-bg.gif);
    background-position:right bottom;
}
    .callout-box-wrapper-md 
    {
        width:250px;
        height:150px;
    }
    .callout-box-wrapper-sm 
    {
        width:150px;
        height:180px;
        font-size:10px;      
    }
    
    .callout-box-wrapper-sm ul 
    {
        padding:0 0 0 10px;
    }
    
    .callout-box-wrapper-sm ul li 
    {
        padding:0;
        margin:0;
    }

.callout-box-title 
{
    padding:5px;
    text-align:center;
    background-color:#ffffff;
    /*background-color:#feffef;*/
    border-bottom:solid 1px #999999;
    background-image:url(/images/template/backgrounds/callout-title-bg.gif);
    background-position:right bottom;
}
    .callout-box-title h2,
    .callout-box-title h3 
    {
        margin-bottom:0;
    }
.callout-box-content 
{
    text-align:left;
    padding:5px;
}
  
.popup 
{
    margin:20px;
}

/****** Content Middle ******/
#content-middle a  
{
    color:#cb2812;
    font-weight:bold;
}
    #content-middle a:hover 
    {
        color:#cc6600;
    }
    
#content-middle p 
{
    margin-top:0;
    margin-bottom:4px;
    padding-bottom:4px;
    border-bottom:dashed 1px #eaeaea;
}

/****** Content Right ******/

#content-right p 
{
    font-size:11px;
}

#content-right p span 
{
    color:#787878;
}


/*********************************************************************************
    Content Left
*********************************************************************************/
#fund-center-wrapper,
.default-dropdown-wrapper,
a.oak-ltd,
a.oak-email 
{
    text-align:left;
    margin-bottom:16px;
}
/*.default-dropdown-wrapper
{
    background-image:url(/images/template/backgrounds/callout-content-bg.gif);
    background-position:right bottom;
}*/

/****** Fund Center ******/
#fund-center-header 
{
    width:128px;
    height:18px;
    padding:4px 10px 0 10px;
    border:solid 1px #999999;
    background-image:url(/images/template/backgrounds/fund-center-title-bg.gif);
    background-position:right bottom;
}
/*#fund-center-header 
{
    width:130px;
    height:18px;
    padding:4px 10px 0 10px;
    background-image:url(/images/fund-center/fund-center-header.gif);
    background-repeat:no-repeat;
}*/
    #fund-center-header h2 
    {
        margin-bottom:0;
    }
#fund-center-content 
{
    padding:5px 0 0;
    border-left:solid 1px #999999;
    border-right:solid 1px #999999;
    border-bottom:solid 1px #999999;
    background-image:url(/images/template/backgrounds/callout-title-bg.gif);
    background-position:right bottom;
}
    #fund-center-content ul
    {
        margin:0;
        padding:0 10px;
        color:#00523d;
        list-style-type:none;
    }
    #fund-center-content ul a 
    {
        color:#00523d; 
        display:block;
        font-weight:bold;
        text-decoration:none;
        padding-left:32px;
    }
    #fund-center-content ul li 
    {
        padding:2px 0;
        border-bottom:solid 1px #999999;
    }
        #fund-center-content ul li.last 
        {
            border:0;
        }
#fund-center-content ul li a 
{
    background-repeat:no-repeat;
}
    
#fund-center-content ul li a.white-oak 
{
    background-image:url(/images/fund-center/leaf-white.gif);
} 
    #fund-center-content ul li a.white-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-white-over.gif);
    } 
#fund-center-content ul li a.rock-oak 
{
    background-image:url(/images/fund-center/leaf-rock.gif);
} 
    #fund-center-content ul li a.rock-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-rock-over.gif);
    } 
#fund-center-content ul li a.pin-oak 
{
    background-image:url(/images/fund-center/leaf-pin.gif);
} 
    #fund-center-content ul li a.pin-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-pin-over.gif);
    } 
#fund-center-content ul li a.river-oak 
{
    background-image:url(/images/fund-center/leaf-river.gif);
} 
    #fund-center-content ul li a.river-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-river-over.gif);
    } 
#fund-center-content ul li a.red-oak 
{
    background-image:url(/images/fund-center/leaf-red.gif);
} 
    #fund-center-content ul li a.red-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-red-over.gif);
    } 
#fund-center-content ul li a.black-oak 
{
    background-image:url(/images/fund-center/leaf-black.gif);
} 
    #fund-center-content ul li a.black-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-black-over.gif);
    } 
#fund-center-content ul li a.live-oak 
{
    background-image:url(/images/fund-center/leaf-live.gif);
} 
    #fund-center-content ul li a.live-oak:hover 
    {
        background-image:url(/images/fund-center/leaf-live-over.gif);
    } 
    
/****** Quarterly Factsheets/Learn More Boxes ******/
.default-dropdown-wrapper
{
    padding:4px;
    border:solid 1px #999999;
    background-color:#ffffcc;
}

.default-dropdown-wrapper h3,
.default-dropdown-wrapper.learn-more h3 
{
    margin-bottom:4px;
}

.default-dropdown-wrapper.learn-more h3 
{
    font-size:10px;
}

.default-dropdown-wrapper select 
{
    width:100%;
    font-size:10px;
}
    
/****** Content Left Links ******/
a.oak-ltd,
a.oak-email 
{
    text-indent:-9999em;
}

a.oak-ltd 
{
    width:147px;
    height:40px;
    display:block;
    background-image:url(/images/default/link-oakltd.gif);
}
a.oak-email 
{
    width:147px;
    height:40px;
    display:block;
    background-image:url(/images/default/link-email-signup.gif);
}


/*********************************************************************************
    Content Middle
*********************************************************************************/
#default-banner 
{
    margin-bottom:20px;
}

#default-header 
{
    height:22px;
    text-indent:5px;
    margin-bottom:14px;
    border-top:solid 1px #999999;
    background-image:url(/images/default/default-header-bg.gif);
    background-repeat:no-repeat;
    background-position:0 14px;
}

/*********************************************************************************
    Content Right
*********************************************************************************/
/****** My Oak Account ******/
#my-oak-account-wrapper 
{
    padding:4px;
    border:solid 1px #999999;
    background-color:#ffffcc;
    margin-bottom:16px;
    background-image:url(/images/template/backgrounds/my-oak-account-bg.gif);
    background-position:0 top;
}

#my-oak-account-wrapper h1,
#my-oak-account-wrapper p 
{
    margin:2px;   
}
    #my-oak-account-wrapper h1 
    {
        color:#00523d;
    }

#my-oak-account-content 
{
    background-color:#ffffff;
    border:solid 1px #999999;
}

#my-oak-account-content ul 
{
    margin:4px 6px;
    padding:0;
    list-style-type:none;
}

#my-oak-account-content ul li 
{
    float:left;
    margin-right:8px;
}
    #my-oak-account-content ul li.last 
    {
        margin-right:0;
    }

#my-oak-account-content ul li a 
{
    color:#00523d;
    display:block;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
    padding-left:0;
    background-image:url(/images/default/login-arrow.gif);
    background-repeat:no-repeat;
}

#my-oak-account-content ul li.logon 
{
    width:36px;
}
    #my-oak-account-content ul li.logon a 
    {
        background-position:22px 6px;
    }
#my-oak-account-content ul li.first-time 
{
    width:72px;
}
    #my-oak-account-content ul li.first-time  a 
    {
        background-position:58px 6px;
    }
#my-oak-account-content ul li.account 
{
    width:62px;
}
    #my-oak-account-content ul li.account  a 
    {
        background-position:48px 6px;
    }

/****** Market Center ******/
table.market-center
{
    font-size:11px;
    text-align:left;
    margin-bottom:16px;
}

table.market-center tr th 
{
    color:#ffffff;
    padding:2px 4px;
    background-color:#00523d;
    background-image:url(/images/template/backgrounds/green-bg.gif);
    background-position:right bottom;
}
    table.market-center tr th h2 
    {
        margin:4px 0;
    }

table.market-center tr td
{
    padding:2px 4px;
    background-color:#6f9fe1;
    background-image:url(/images/template/backgrounds/blue-bg.gif);
    background-position:right bottom;
}

table.market-center tr td a 
{
    color:#ffffcc;
    font-weight:bold;
}

/****** Content Right Links ******/
a.homepage,
a.bookmark 
{
    text-indent:-9999em;
}

a.homepage
{
    width:109px;
    height:38px;
    display:inline-block;
    background-image:url(/images/default/link-homepage.gif);
}
a.bookmark 
{
    width:83px;
    height:38px;
    display:inline-block;
    background-image:url(/images/default/link-bookmark.gif);
}

/*********************************************************************************
    Misc. Styles
*********************************************************************************/
.clear 
{
    clear:both;
}


/*********************************************************************************
    Footer
*********************************************************************************/
#footer-wrapper 
{
    width:780px;
    /*margin:0 auto;*/
    padding:20px 34px;
    font-size:11px;
    text-align:center;
    border-top:solid 1px #999999;
}

#footer-wrapper a
{
    font-weight:normal;
}

#footer-wrapper ul 
{
    margin:0;
    padding:0;
    margin-bottom:8px;
    list-style-type:none;
}

#footer-wrapper ul li 
{
    display:inline;
    border-right:solid 1px #000000;
    padding:0 5px;
}
    #footer-wrapper ul li.last 
    {
        border:0;
    }

/*
 * Validation
 */

.valid-text {
    color:#cb2812;
}

.valid-summary {
    color:#cb2812;
    font-weight:bold;
    border:solid 1px #cb2812;
    padding:2px;
}