﻿
                @import url(/assets/static/nea.css);
            
/*.home { background-image: url(/assets/img/template/bg-home-org.gif); }
.home #bg-extra { background-image: url(/assets/img/template/bg-home-org-extra.gif); }*/
.home #content { background-image: none; }
    .home #nav-tools,
    .home #nav-section {display: none;}
/*.drill #bg-extra { background-image: url(/assets/img/template/bg-drill-org-extra.gif); }
.drill { background-image: url(/assets/img/template/bg-drill-org.gif); }
body.land { background-image: url(/assets/img/template/bg-land-org.gif); }
body.land #bg-extra { background-image: url(/assets/img/template/bg-land-org-extra.gif); }
body.no-header #bg-extra { background-image: url(/assets/img/template/bg-drill-org-extra.gif) !important; }
body.no-header { background-image: url(/assets/img/template/bg-drill-org.gif) !important; }*/

#banner { background-color: #061745; }
#brand .logo { 
    width: 205px;
    border: none;
}
.logo-sub { display: none; }
#nav-main  li#nav-ToolsAndIdeas { width: 320px; }
#nav-one,
#nav-five { display: none; }
#nav-IssuesAndAction span { background-image: url(/assets/img/template/nav-issues.gif) }
#nav-ToolsAndIdeas span { background-image: url(/assets/img/template/nav-tools.gif) }
#nav-GrantsAndEvents span { background-image: url(/assets/img/template/nav-grants.gif) }
    #nav-one li { background-image: url(/assets/img/template/bg-nav-main-dots-online.gif); }
    #nav-five li { background-image: url(/assets/img/template/bg-nav-main-dots-deans.gif); }
    /* hover styles-subnav */
    #nav-IssuesAndAction ul li a:hover {       
        background-color: #6C6300;
        background-image: url(/assets/img/template/bg-nav-main-olive.gif);   
        color: #E3DC4D; 
    }
    #nav-IssuesAndAction ul li{
        background-color: #A69F00;
    }
    #nav-ToolsAndIdeas ul li a:hover { 
        background-color: #b25900;
        background-image: url(/assets/img/template/bg-nav-main-orange.gif);
        color: #f8d789;
    }
    #nav-ToolsAndIdeas ul li{
        background-color: #D59709;
    }
    #nav-GrantsAndEvents ul li a:hover { 
        background-color: #7e0806;
        background-image: url(/assets/img/template/bg-nav-main-red.gif);
        color: #ffc3b1;
    }
    #nav-GrantsAndEvents ul li{
        background-color: #B32E27;
    }

/* li.o only exists for js rolloevers */
/*   - background position applies based on site/height */
#nav-main li:hover a span,
#nav-main li.o a span,
#nav-main a span.on { background-position: 0 -40px; }
body.issues #nav-main #nav-IssuesAndAction a span,
body.tools #nav-main #nav-ToolsAndIdeas a span,
body.grants #nav-main #nav-GrantsAndEvents a span,
#nav-main li.active a span {
    background-position:0 -40px;
}
.home #content-cols {
    width: auto;
    margin-right: 0;
}
    .home #content-blurb,
    .home hr.blurb,
    .home div.hr { display: none; }
    .home #content-col-a,
    .home #content-col-b,
    .home #content-rail { overflow: hidden; }
    .home #content-col-a {
        width: 290px;
        margin: 0 15px 0 0;
        padding-right: 0;
    }
    .home #content-col-b {
        width: 290px;
        margin: 0 30px 0 15px;
        padding:0;
    }
    .home #content-rail {
        width: 290px;
        margin: 0 0 0 15px;
        padding: 0;
    }
    /* org home page columns wrapping in IE6
        - this rule can't be in ie.css because 
            it's .org specific */
    * html .home #content-col-b { margin-right: 15px; }
    .home #content-col-a a,
    .home #content-col-b a,
    .home #content-rail a { font-weight: normal; }
    .home #content-col-a a:hover,
    .home #content-col-b a:hover,
    .home #content-rail a:hover { color: #000; }
    .home #content-col-a .call a,
    .home #content-col-b .call a,
    .home #content-rail .call a { 
        font-weight: bold;
        color: #3D3D3D;
    }
/* HOME COLUMN LIST STYLES */
    .home #content-col-a li a  { background-image: url(/assets/img/template/bg-list-dots-olive.gif) !important; }
    .home #content-col-b li a { background-image: url(/assets/img/template/bg-list-dots-orange.gif) !important; }
    .home #content-rail li a { background-image: url(/assets/img/template/bg-list-dots-red.gif) !important; }
    .home #content-col-a li,
    .home #content-col-b li,
    .home #content-rail li {
        list-style-type: none;
        /* this must stay -- at least the position */
        background: transparent url(/assets/img/template/bg-list-bullet.gif) no-repeat 0 12px;
        padding: 0 0 0 20px;
        width: auto;
    }
    .home #content-col-a li a,
    .home #content-col-b li a,
    .home #content-rail li a {
        width: 270px;
        padding: 8px 0 9px;
    }
    
    .home #content-col-a li a img,
    .home #content-col-b li a img,
    .home #content-rail li a img {
        margin: 0;
        padding: 7px 0 5px;
    }
/* END HOME COLUMN LIST STYLES */
    
    /* text styles */
    .home #content { font-size: 14px; }
    
    .home #content h1,
    .land #content h1 {
        font: Bold 13px Arial, Helvetica, Sans-Serif;
        padding: 8px 0 8px 20px;
        margin: 0;
        text-transform:uppercase;
    }
    .home #content-col-a h1  { 
        color: #757632;
        background-color: #f2f1d9;
    }
    
    .home #content-col-b h1 {
        color: #da7f09;
        background-color: #fbf4e3;
    }    
    .home #content-rail h1 {
        color: #b32e27;
        background-color: #f8f0f0;
    }    
    .home #content-rail {
        margin: 0;
    }
/* tour code */
.tour #bg-extra { background-image: url(/assets/img/template/bg-tour-extra.gif); }
.tour { background-image: url(/assets/img/template/bg-tour.gif); }
.tour #nav-tools { display: none; }
.tour #tour-swf { border-top: 1px solid #fff; }
.tour #content-cols {
    width: 960px;
}
#site-info { background-image: url(/assets/img/template/bg-3-siteinfo.gif); }
/* ======================================================================================= */
#content #content-cols #turnOffCss,
#content #content-cols #content-col-a #turnOffCss,
#content #content-cols #content-col-b #turnOffCss,
.home #content-rail #turnOffCss
{
    border: none !important;
    display: block !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: auto !important;
    margin: 10px 0px !important;
    padding: 10px !important;
    width: auto !important;
}
#content #content-cols #turnOffCss a,
#content #content-cols #content-col-a #turnOffCss a,
#content #content-cols #content-col-b #turnOffCss a,
.home #content-rail #turnOffCss a
{
    float: left !important;
    display: inline !important;
}
#content #content-cols #turnOffCss a,
#content #content-cols #content-col-a #turnOffCss a *,
#content #content-cols #content-col-b #turnOffCss a *,
.home #content-rail #turnOffCss a *
{
    display: inline !important;
    float: none !important;
}
#content #content-cols #turnOffCss img,
#content #content-cols #content-col-a #turnOffCss img,
#content #content-cols #content-col-b #turnOffCss img,
.home #content-rail #turnOffCss img
{
    display: inline;
    margin: 3px 5px 0px 0px !important;
    padding: 0px;
    height: 12px !important;
    max-height: 12px !important;
    width: 13px !important;
    max-width: 13px !important;
}
/* ================================ RED BORDER WHEN EDIT ================================= */
.rd_edit
 {
border: 3px dashed red !important;
width: 100% !important;
}
/* ================================ RED BORDER WHEN EDIT ================================= */
/* ================================ CREATE SCROLL ================================= */
.overflown1
 {
position: relative;
top:40px;
left:60px;
overflow: scroll !important;
height: 100px !important; 
width: 280px !important;
color: #0000FF !important;
}
.overflown2
 {
position: relative;
top:-60px;
left:420px;
overflow: scroll !important;
height: 100px !important; 
width: 280px !important;
color: #0000FF !important;
}
.overflow1
 {
position: relative;
top:40px;
left:60px;
overflow: scroll !important;
height: 100px !important; 
width: 280px !important;
color: #0000FF !important;
}
.overflow2
 {
position: relative;
top:-60px;
left:570px;
overflow: scroll !important;
height: 100px !important; 
width: 280px !important;
color: #0000FF !important;
}
/* ================================ CREATE SCROLL ================================= */

/* Picture Box */
#pictureBox{
    border: 1px solid #999;
    background-color: #ccc;
    float: left;
    height: auto;
    margin: 0px 10px 1px 0px;
    padding: 5px;
    text-align: center;
    width: auto;
    max-width: 250px;
}
#pictureBox img{
    border: 1px solid #999;
    max-width: 246px;
    max-height: 160px;
}
#pictureBox .caption{
    border: 1px solid #999;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 2px;
    text-align: left;
    width: inherit;
}

/* Begin Share and Embed */
#EmbedInput{
    width:375px;
}
.left{
    float:left;
}
.right{
    float:right;
}
#embed-top{
    width:300px; 
    height:60px; 
    left:50%; 
    margin-left:-160px; 
    top:175px; 
    background:#f2f2f2; 
    border:5px solid #747267;
    position:fixed; 
    padding:5px;
    z-index:11111;
    visibility:hidden;
}
#embed-top a{
    font-size:11px;
    text-decoration:none !important;
}
#embed-top .embed{
    font:11px Arial, Helvetica, Sans-serif;
    color:#4b4b4b !important;
    font-weight:bold;
}
#embed-top p{
    font:11px Arial, Helvetica, Sans-serif;
    color:#4b4b4b !important;
}
#close-embed{
    color:#4b4b4b !important;
    font-weight:bold;
}
/* End Share and Embed
