/* overrides */ /* rigidLiquid - site is fixed width 
#sizer {
  width:0%;} 
*/ /*------------------------------------------------------------------------------------
                                                                           main.css */ /* styles used on all pages - specific template overrides can be found in template.css */
    /* makes vert scrollbar visible on FF */
:root {
    overflow-y: scroll !important;}

body,body div,body p,body th,body td,body li,body dd {
    font-family: arial, verdana, "Luxi Sans", sans-serif;}

/*------------------------------------------------------------------------------------
  
                                                                      general stuff */
h1 { /* used for logo */
    margin: 0;
    padding: 0;
    font-size: normal;}

h2 { /* used for page title */
    font-size: normal;
    margin: 0 0 1em 0;}

img,form {
    border: 0;
    margin: 0;
    padding: 0;}

ul.noListStyle {
    list-style: none;
    padding: 0;
    margin: 0;}

p.date {
    margin: 0;
    font-size: .9em;
    color: #046288;}

p.author {
    margin: 0;
    font-size: .9em;
    font-weight: bold;}

/* emphasized text */
    .emphasize {
        margin-left: 30px;
        font-size: 110%;}
    
    .emphasize .largerText {
        font-size: 200%;
        font-weight: bold;}
    
    
/* omb blue */
.textColor1 {
    color: #1680a5 !important;}

.textColor2 {
    color: #7d7d7d;}

a.tooltip {
    position: relative;
    z-index: 24;
    text-decoration: none;}

a.tooltip:hover {
    z-index: 25;}

a.tooltip span {
    display: none}

a.tooltip:hover span {
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    padding: 2px;
    border: 1px solid #4d4d4d;
    background-color: #be2e1a;
    color: #fff;
    text-align: center}

a.pageTop {
    margin:1em 0;
    display:block;
    text-align:right;}
    
img {
    margin: 0;
    padding: 0;
    border: 0;}

.roundedCorner {
    background: #fff;}

.roundedCorner div {
    overflow: hidden;
    height: .06em; /* 0.05em == 1px */
    font-size: 1em;
    border-style: solid;
    border-color: #fff;}

.r1 {
    border-width: 0em .5em 0em .5em;}

.r2 {
    border-width: 0em .35em 0em .35em;}

.r3 {
    border-width: 0em .2em 0em .2em;}

.r4 {
    border-width: 0em .14em 0em .14em;}

.r5 {
    border-width: 0em .12em 0em .12em;}

.r6 {
    border-width: 0em .08em 0em .08em;}

.r7 {
    border-width: 0em .05em 0em .05em;}

.roundedRight div {
    border-left-width: 0em;}

body {
    font-family: "Trebuchet MS", sans-serif;
    background: #8cb7c8;}

#expander {
    background: #fff;}

.innerPadding {
    padding: 1%;}

#header {
    float: left;
    width: 100%;
    background: #fff url(/images/header_bg.png) no-repeat right bottom;}

#header .logo {
    float: left;
    width: 171px;
    padding: 10px;}

#header .right {
    float: right;
    width: 559px;
    padding: 10px;
    text-align: right;}

#header .right a {
    text-decoration: none;
    margin: 0 5px;
    text-transform:uppercase;}

#header .right .search {
    margin: .6em 0 0 0;}

#header .right .search fieldset {
    border:none;}

#header .right .search input {
    border: 1px solid #046288;
    width: 180px;
    margin: 0;}

#header .right .search input.submit {
    width: auto;
    border: 0;
    color: #fff;
    font-size: 60%;
    padding: 4px;
    background: transparent url(/images/bn_search_submit_bg.png) no-repeat center center;}

#header .right .search span {
    display: block;
    clear: both;
    margin: 0 33px 0;}

#navigation {
    float: left;
    width: 100%;
    background: #a6a385 url(/images/template_navigation_bg.png) no-repeat right top;}

#navigation .centeringNav {
    width: 770px;
    margin: 0 auto;}

/* ulNav overrides */
.ulNav li ul a {
    color: #046288;
    width: 12em;
    padding: .2em .5em;}

.ulNav a.root {
    color: #000;
    padding: .3em .3em;}

.ulNav li {
    text-align: left;}

.ulNav li.root {
    color: #4d4d4d;
    width: auto;
    max-width: 8.9em;
    height: 2.7em;
    margin: 0 .4em;
    text-align: left;}

.ulNav a.root {
    height: 2.1em;}
    
.ulNav li ul ul {
    margin-top: -1.4em;}

/* ulNav highlighting overrides */
.ulNav li.hover,.ulNav li:hover {
    background-color: #d1cda6;}

.ulNav li.hover a:hover,.ulNav li:hover a:hover {
    background-color: #d1cda6;
    color: #046288;}

.ulNav li.root a:hover {
    color: #000;}

.ulNav li.hover ul a,.ulNav li:hover ul a {
    color: #046288;}

#contentWrapper {
    width: 100%;}

    #left {
        float: left;
        display: inline;
        width: 20%;
        min-height: 435px;
        background: #fff url(/images/template_left_nav_bg.png) repeat-x top left;}
    
    .shadow {
        width: 100%;
        height: 18px;
        background: transparent url(/images/template_shadow.png) no-repeat top left;}
        
        #left .innerPadding {
            padding: 5%;}
            
        /* navigation */
        #left h2 {
            color: #fff;
            font-size: 1em;
            text-transform: uppercase;
            margin: 0px 0 10px 0;}
        
        .ulNavVertical {
            width: 100%;}
        
        .ulNavVertical li {
            width: 100%;
            margin: .1em 0;}
            
            #ie6 #left .innerPadding {
                display:inline-block;}
        
        .ulNavVertical li ul {
            position: static;
            left: 0;
            width: 94%;
            padding: 0 0 .2em 6%;
            margin: 0;}
        
        .ulNavVertical a {
            width: auto;
            padding: .2em;}
        
        /* ulNavVertical highlighting overrides */
        .ulNavVertical li.hover,.ulNavVertical li:hover {
            background: none;}
        
        .ulNavVertical li.hover a:hover,.ulNavVertical li:hover a:hover,.ulNavVertical li a.current {
            background-color: #b8d7e4;
            color: #000;}
        
        .ulNavVertical li.hover ul a,.ulNavVertical li:hover ul a {
            color: #000;}


/* middle */
#middle {
    float: left;
    width: 80%;}

    #middle .innerPadding {
        width: 70%;
        padding: 1.5%;}
    
    #middle h1 {
        margin: 0 0 .4em 0;}
    
    #middle a img {
        border: 0;
        float: left;
        margin: 0 10px 0 0;}
    
    #middle a {
        color: #db6d1d;
        text-decoration: underline;}

    /* related files and inline images */
    #middle .relatedFiles {
        width: 390px;
        margin: 0 0 13px 0;
        padding: 0;}
    
    #middle .relatedFiles .top {
        height: 10px;
        display: block;
        font-size: 0;
        background: #fff url(/images/related_docs_top_bg.png) no-repeat top left;}
    
    #middle .relatedFiles .content {
        background: transparent url(/images/related_docs_content_bg.png) repeat-y top left;}
    
    #middle .relatedFiles .innerPadding {
        width:100%;}
        
    #middle .relatedFiles .content h3 {
        margin: 0 0 .5em 0;
        padding: 0;}
    
    #middle .relatedFiles .content ul {
        list-style: none;
        margin: 0;
        padding: 0;}
    
    #middle .relatedFiles .content a {
        margin: 0;
        padding: 0;
        display: block;}
    
    #middle .relatedFiles .bottom {
        height: 10px;
        display: block;
        font-size: 0;
        background: #fff url(/images/related_docs_bottom_bg.png) no-repeat top left;}
    
    #middle .inlineImages {
        margin:10px 0;}
    
        #middle .inlineImages .caption,  
        #middle .inlineImages .credit {
          display:block;
          font-style:italic;
          margin: 0;}


        #right {
            float: right;
            width: 24%;
            margin: 0;}
        
        /* right side sidebars */
        .sidebar {
            float: left;
            width: 100%;
            display: inline;
            margin: 5px 0;}
        
        .sidebar .top {
            font-size: 0;
            width: 100%;
            height: 10px;
            background: transparent url(/images/sidebar/top.png) no-repeat top left;}
        
        .sidebar .content {
            width: 100%;
            padding: 0;
            background: transparent url(/images/sidebar/side.png) repeat-y top left;}
        
        .sidebar .content .inner {
            padding: 2px 10px !important;}
        
        .sidebar p {
            margin: 0;}
        
        .sidebar img {
            margin-bottom: 5px;}
        
        .sidebar .bottom {
            width: 100%;
            height: 10px;
            font-size: 0;
            background: transparent url(/images/sidebar/bottom.png) no-repeat top left;}
        
        /* variations */
        .sidebar1 {
            background:#efeee3;}
        
        .sidebar1 ul li {
            margin: .75em 0;}
        
        .sidebar1 .content,.sidebar1 a {
            color: #c26d29 !important;}
        
        .sidebar1 a:hover {
            color: #fff;}
        
        .sidebar2 {
            background: #fff url(/images/sidebar/sidebar2_content_bg.png) repeat-x top left;}
        
        .sidebar3 {
            margin-top: 0px;}
        
        .sidebar3 .top {
            height: 113px;
            background: transparent url(/images/sidebar/sidebar3_top.png) no-repeat top left;}
        
        .sidebar3 p {
            margin: 4px 0 0 10px;
            color: #626366;
            text-decoration: none;}
        
        .sidebar3 a {
            text-decoration: none;}
        
        .sidebar3 a:hover {
            color: #626366;
            text-decoration: underline;}


    /* footer */
    #footer {
        clear: left;
        width: 100%;
        padding: 1em 0 0 0;}
    
    #footer div {
        border-color: #8cb7c8;}
    
    /* sitemap */
    ul.sitemap li {
        color: #db6d1d;}
