@import url(/assets/static/nea.css);
.home { background-image: url(/assets/img/template/ME/me-bg-home-org.gif); }
.home #bg-extra { background-image: url(/assets/img/template/ME/me-bg-home-org.gif); }
.home #content { background-image: none; }
    .home #nav-tools,
    .home #nav-section {display: none;}
.drill #bg-extra { background-image: url(/assets/img/template/ME/me-bg-drill-org.jpg); }
.drill { background-image: url(/assets/img/template/ME/me-bg-drill-org.jpg); }
body.none-banner{background-image:url(/assets/img/template/bg-none-banner-org.gif);}
body.none-banner #bg-extra{background-image:url(/assets/img/template/bg-none-banner-org-extra.gif);}
body.land, body.image-banner { background-image: url(/assets/img/template/ME/me-bg-land-org-extra.jpg); }
body.land #bg-extra, body.image-banner #bg-extra { background-image: url(/assets/img/template/ME/me-bg-land-org-extra.jpg); }

body.no-header #bg-extra { background-image: url(/assets/img/template/ME/me-bg-drill-org.jpg) !important; }
body.no-header { background-image: url(/assets/img/template/ME/me-bg-drill-org.jpg) !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-dots-red.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-dots-red.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-dots-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 -55px; }
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/ME/me-bg-5-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;
}
#footer-brand { background: url(/assets/img/template/ME/me-bg-global-banner.gif); }#nav-DarkBlue span { background-image: url(/assets/img/template/ME/me-InsideMEAChannel.gif) }
#nav-DarkBlue ul li {
        margin-bottom: 0px !important;
        background-color: #a0000f;
    }
#nav-DarkBlue ul li a:hover { 
        background-color:  #74000a;
        background-image: url(/assets/img/template/ME/me-InsideMEAChannelSquare.gif);
        color: #d08087;
    }
#nav-DarkBlue a {
        background-color: #a0000f;
        background-image: none;
    }
#nav-DarkBlue li {
        background-image: url(/assets/img/template/ME/me-bg-nav-main-dots-online.gif);
    }
 body.DarkBlue #nav-main #nav-DarkBlue a span{
    
        background-position:0 -55px;
}
 


.DarkBlue #content h1,
.DarkBlue #content h2,
.DarkBlue #content h3,
.DarkBlue #content a
    { color:#A10010 !important; }
.DarkBlue #nav-section li a:hover,
.DarkBlue #nav-section li a.on{
    background-image:url(/assets/img/template/ME/me-InsideMEAChannelSquare.gif) !important;
}
.DarkBlue #nav-section li li a:hover,
.DarkBlue #nav-section li li a.on
    { background-image:url(/assets/img/template/ME/me_bg-nav-sub-channel-1.gif) !important;}#nav-Gray span { background-image: url(/assets/img/template/ME/me-TeachingLearningChannel.gif) }
#nav-Gray ul li {
        margin-bottom: 0px !important;
        background-color: #044a36;
    }
#nav-Gray ul li a:hover { 
        background-color: #033829;
        background-image: url(/assets/img/template/ME/me-TeachingLearningChannelSquare.gif);
        color: #82a59b;
    }
#nav-Gray a {
        background-color: #044a36;
        background-image: none;
    }
#nav-Gray li {
        background-image: url(/assets/img/template/ME/me-bg-nav-main-dots-green.gif);
    }
 body.Gray #nav-main #nav-Gray a span{
    
        background-position:0 -55px;
}
 


.Gray #content h1,
.Gray #content h2,
.Gray #content h3,
.Gray #content a
    { color:#054A37 !important; }
.Gray #nav-section li a:hover,
.Gray #nav-section li a.on{
    background-image:url(/assets/img/template/ME/me-TeachingLearningChannelSquare.gif) !important;
}
.Gray #nav-section li li a:hover,
.Gray #nav-section li li a.on
    { background-image:url(/assets/img/template/ME/me_bg-nav-sub-channel-2.gif) !important;}#nav-Yellow span { background-image: url(/assets/img/template/ME/me-MemberBenefitsChannel.gif) }
#nav-Yellow ul li {
        margin-bottom: 0px !important;
        background-color: #465eb4;
    }
#nav-Yellow ul li a:hover { 
        background-color: #354789;
        background-image: url(/assets/img/template/ME/me-MemberBenefitsChannelSquare.gif);
        color: #a3afda;
    }
#nav-Yellow a {
        background-color: #465eb4;
        background-image: none;
    }
#nav-Yellow li {
        background-image: url(/assets/img/template/ME/me-bg-nav-main-dots-blue.gif);
    }
 body.Yellow #nav-main #nav-Yellow a span{
    
        background-position:0 -55px;
}
 


.Yellow #content h1,
.Yellow #content h2,
.Yellow #content h3,
.Yellow #content a
    { color:#465EB4 !important; }
.Yellow #nav-section li a:hover,
.Yellow #nav-section li a.on{
    background-image:url(/assets/img/template/ME/me-MemberBenefitsChannelSquare.gif) !important;
}
.Yellow #nav-section li li a:hover,
.Yellow #nav-section li li a.on
    { background-image:url(/assets/img/template/ME/me_bg-nav-sub-channel-3.gif) !important;}#nav-Red span { background-image: url(/assets/img/template/ME/me-WorkingTogetherChannel.gif) }
#nav-Red ul li {
        margin-bottom: 0px !important;
        background-color: #cc9820;
    }
#nav-Red ul li a:hover { 
        background-color: #987217;
        background-image: url(/assets/img/template/ME/me-WorkingTogetherChannelSquare.gif);
        color: #e6cc90;
    }
#nav-Red a {
        background-color: #cc9820;
        background-image: none;
    }
#nav-Red li {
        background-image: url(/assets/img/template/ME/me-bg-nav-main-dots-yellow.gif);
    }
 body.Red #nav-main #nav-Red a span{
    
        background-position:0 -55px;
}
 


.Red #content h1,
.Red #content h2,
.Red #content h3,
.Red #content a
    { color:#CC9820 !important; }
.Red #nav-section li a:hover,
.Red #nav-section li a.on{
    background-image:url(/assets/img/template/ME/me-WorkingTogetherChannelSquare.gif) !important;
}
.Red #nav-section li li a:hover,
.Red #nav-section li li a.on
    { background-image:url(/assets/img/template/ME/me_bg-nav-sub-channel-4.gif) !important;}#nav-LigthBlue span { background-image: url(/assets/img/template/ME/me-MembersOnlyChannel.gif) }
#nav-LigthBlue ul li {
        margin-bottom: 0px !important;
        background-color: #cc5e20;
    }
#nav-LigthBlue ul li a:hover { 
        background-color: #984618;
        background-image: url(/assets/img/template/ME/me-MembersOnlyChannelSquare.gif);
        color: #e6af90;
    }
#nav-LigthBlue a {
        background-color: #cc5e20;
        background-image: none;
    }
#nav-LigthBlue li {
        background-image: url(/assets/img/template/ME/me-bg-nav-main-dots-deans.gif);
    }
 body.LigthBlue #nav-main #nav-LigthBlue a span{
    
        background-position:0 -55px;
}
 


.LigthBlue #content h1,
.LigthBlue #content h2,
.LigthBlue #content h3,
.LigthBlue #content a
    { color:#CC5E1F !important; }
.LigthBlue #nav-section li a:hover,
.LigthBlue #nav-section li a.on{
    background-image:url(/assets/img/template/ME/me-MembersOnlyChannelSquare.gif) !important;
}
.LigthBlue #nav-section li li a:hover,
.LigthBlue #nav-section li li a.on
    { background-image:url(/assets/img/template/ME/me_bg-nav-sub-channel-5.gif) !important;}