/* National Science Foundation Main CSS Styles */

html {
    /*background: -webkit-linear-gradient(top, #4da0d9 0%,#ffffff 38%);  Chrome10+,Safari5.1+ */
    -webkit-text-size-adjust: 100%;
    }

body{
    background: #fff url('../images/nsf_bg_gradient.jpg') repeat-x;
    height:100%;
    color:#324674;
    font-family: arial, serif;
    }
    
#skipnav a, #skipnav a:hover{
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

{
    color: #000;
}

a{
    color:#01bced;
    text-decoration:none;
    }

a:hover{
    color:#01bced;
    text-decoration:underline;
    }
    
a:active, a:focus {outline:0;}

.outer-wrapper {
    position: relative;
    background: transparent url('../images/nsf_bg2.gif') no-repeat;
    min-width:940px;
    margin:0 auto;
    min-height: 2000px;
    }

.inner-wrapper {
    position: relative;
    width:940px;
    margin:0 auto;
    }
    
/* Header */

.header {
    position: relative;
    display: block;
    min-height: 143px;
    z-index: 500;
    }
    
.top-tasks {
    position: absolute;
    background: url('../images/top_tasks.png') top center no-repeat;
    top:0;
    right:0;
    height:36px;
    width:108px;
    z-index: 600;
    }
    
.top-tasks:hover {
    background: url('../images/top_tasks.png') bottom center no-repeat;
    }   

.top-tasks.top-tasks-up {
    background: url('../images/top_tasks_up.png') top center no-repeat;
    }
    
.top-tasks.top-tasks-up:hover {
    background: url('../images/top_tasks_up.png') bottom center no-repeat;
    }
    
.top-tasks a {
    position: absolute;
    top:0;
    right:0;
    height:36px;
    width:108px;
    text-indent: -9999em;
    }

.top-tasks-dropdown {
    display:none;
    position: absolute;
    top:30px;
    background: url('../images/bg.jpg') repeat-x;
    width:870px;
    height:556px;
    z-index: 550;
    padding:35px;
    border-bottom: 8px solid #01bbec;
        zoom:1; /* This enables hasLayout, which is required for older IE browsers */
/*         filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=0, Strength=3); */
        -moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
        box-shadow:0 5px 5px rgba(0,0,0,0.5);        
    }

    
.column1, .column2, .column3 {
    float: left;
    width: 250px;
    margin-right: 30px;
}
    
.top-tasks-dropdown .category {
    display: block;
    position: relative;
/*  float:left;*/
    margin:0 20px 0 20px;
    width:240px;
    min-height:376px;     
    }

.ie7 .top-tasks-dropdown .category {
    min-height:396px;
    }
    
.top-tasks-dropdown .category li {
    background: url('../images/top_tasks_dropdown_li_bg.png') left 3px no-repeat;
    padding-left:10px;
    margin-top:8px;
    padding-bottom:1px;
    }

.top-tasks-dropdown .category li a {
    font: normal 12px/14px arial, sans-serif;
    color:#324674;
    text-decoration: none;
    }

.top-tasks-dropdown .category li a:hover {
    color:#01bbec;
    }
            
.top-tasks-dropdown h1 {
    display: block;
    height:34px;
    font: normal 22px/34px Georgia, serif;
    color:#3c3d3e;
    text-decoration: none;
    padding-bottom:3px;
    border-bottom: 3px solid #c9cacb;
    padding-left:40px;
    margin-top:20px;
    margin-bottom:18px;
    }

.top-tasks-dropdown h2 {
    font: bold 12px/12px Arial, sans-serif;
    letter-spacing: 1px;
    color:#5b5954;  
    text-transform: uppercase;
    }

.top-tasks-dropdown h2.second-level {
    margin-top: 30px;
    }
    
.top-tasks-dropdown .research-areas h1 {
    background: url('../images/top_tasks_dropdown_research_areas_bg.png') left top no-repeat;
    }

.top-tasks-dropdown .funding-awards h1 {
    background: url('../images/top_tasks_dropdown_funding_awards_bg.png') left top no-repeat;
    }

.top-tasks-dropdown .contact-us h1 {
    background: url('../images/top_tasks_dropdown_contact_us_bg.png') left top no-repeat;
    }

.top-tasks-dropdown .learning-resources h1 {
    background: url('../images/top_tasks_dropdown_learning_resources_bg.png') left top no-repeat;
    }

.top-tasks-dropdown .news-discoveries h1 {
    background: url('../images/top_tasks_dropdown_news_discoveries_bg.png') left top no-repeat;
    }

.top-tasks-dropdown .address {
    height:303px;
    width:327px;
    margin-top: 23px;
    }

.ie7 .top-tasks-dropdown .address {
    height:296px;
    }
    
.top-tasks-dropdown .address span {
    font: normal 11px/21px arial, sans-serif;
    color:#3c3d3e;
    }

.ie7 .top-tasks-dropdown .address span {
    
    }
    
.top-tasks-dropdown .address strong {
    font-weight:bold;
    }
                        
.nsf-logo {
    position: absolute;
    top:42px;
    left:0;
    }

.search {
    position: absolute;
    top:107px;
    right:0;
    background: white;
    width:170px;
    }

#QueryText {
    width:130px;
    height:22px;
    font: normal 10px/22px arial, sans-serif;
    color:#8c9090;
    padding-left:8px;
    background: transparent;
    border: none;
    outline:none;
    }
 
#site-search-submit {
    position: absolute;
    background-color:transparent;
    right:8px;
    top:6px;
    width:14px;
    height:12px;
    }


/* Main Navigation */

    
.main-nav {
    position: relative;
    width:940px;
    height:53px;
    margin-bottom:6px;
    z-index: 400;
    }

.main-nav ul.main {
    list-style: none;
    /*background: url('../images/main_nav_bg.gif') repeat-x;*/
    background-color: #313B52;
    z-index: 350;
    height: 53px;
    }
    
.main-nav ul.main>li {
    background: url(../images/main_nav_seperator.gif) no-repeat right;
    display: inline-block;
    zoom:1;
    position: relative;
    height:53px;
    *display:inline;
    }
    
.main-nav ul.main>li>a {
    float:left;
    font: 1.3em Georgia, serif;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    height:18px;
    padding-right:10px;
    margin:19px 13px 0 13px;
    position: relative;
    z-index: 320;
    }

.main-nav ul.main li a:hover {color:#01bced;}

.main-nav ul.main li.funding:hover, .main-nav ul.main li.discoveries:hover, .main-nav ul.main li.awards:hover, .main-nav ul.main li.news:hover, .main-nav ul.main li.publications:hover, .main-nav ul.main li.statistics:hover, .main-nav ul.main li.about:hover {
        -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        box-shadow:5px 5px 5px rgba(0,0,0,0.5);        
    }
    

.main-nav ul.main li.funding a.funding-a {
    width:75px; 
    }

.main-nav ul.main li.awards a.awards-a {
    width:72px; 
    }

.main-nav ul.main li.awards  .sub ul {
width: 285px;
}

.main-nav ul.main li.discoveries a.discoveries-a {
    width:110px;
    }
    
.main-nav ul.main li.news a.news-a {
    width:47px; 
    }

.main-nav ul.main li.publications a.publications-a {
    width:100px;
    padding:0;  
    }

.main-nav ul.main li.statistics a.statistics-a {
    width:80px; 
    padding:0;
    }

.main-nav ul.main li.about a.about-a {
    width:77px; 
    padding:0;
    }         
.main-nav ul.main li.funding:hover a.funding-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:12px 0 0 13px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none;
    height:41px;
    width:91px; 
    }

.main-nav ul.main li.awards:hover a.awards-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:12px 0 0 13px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none;
    height:41px;
    width:88px; 
    }
    
.main-nav ul.main li.discoveries:hover a.discoveries-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:12px 0 0 13px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none;
    height:41px;
    width:126px;    
    }

.main-nav ul.main li.news:hover a.news-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:12px 0 0 13px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none;
    height:41px;
    width:63px; 
    }

.main-nav ul.main li.publications:hover a.publications-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:16px 0 0 8px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none; 
    height:37px;
    width:101px;    
    }

.main-nav ul.main li.statistics:hover a.statistics-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:16px 0 0 8px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none; 
    height:37px;
    width:81px; 
    }

.main-nav ul.main li.about:hover a.about-a {
    color:#fff;
    margin:0 0 0 -7px;
    padding:16px 0 0 8px;
    background: #01BCED;
    border:7px solid #fff;
    border-bottom:none; 
    height:37px;
    width:77px; 
    z-index: 800;
    }
            
.main-nav ul.main li.funding:hover .sub, .main-nav ul.main li.awards:hover .sub, .main-nav ul.main li.discoveries:hover .sub, .main-nav ul.main li.news:hover .sub, .main-nav ul.main li.publications:hover .sub-small, .main-nav ul.main li.statistics:hover .sub-small, .main-nav ul.main li.about:hover .sub-small {
    left:-7px;
    }
.main-nav ul.main li.about:hover .sub-small { left: auto; right:0; }

.main-nav ul.main li.home {background: none;}

.main-nav ul.main li.home a {
    background: url('../images/main_nav_home.gif') no-repeat;
    text-indent: -999em;
    margin:0;
    width:40px;
    height:53px;
    }
.main-nav ul.main li.small {
    background: none;
}

.main-nav ul.main li.first {
    left: 15px;
}

.main-nav ul.main li.second {
    left: 10px;
}

.main-nav ul.main li.last {
    left: 5px;
}

.main-nav ul.main li.small a {
    float:left;
    font: bold .9em Arial, sans-serif;
    letter-spacing: .2px;
    text-transform: uppercase;
    text-decoration: none;
    height:18px;    
    margin:23px 8px 0 8px;
    color: #d2d2d2;
    }

.main-nav ul.main li.small a:hover {
    color:#fff;
    }
    
.main-nav ul.main li.fastlane {
    background: none;
    position:absolute;
    top:-8px;
    right:0;
    }

.main-nav ul.main li.fastlane a {
    background: #2e384d;
    text-align: center;
    font: bold 10px/24px Arial, sans-serif;
    letter-spacing: 1px;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 6px 8px 10px;
    }
        
.main-nav ul.main li.fastlane a:hover {
    color:#e98412;
    }       

.main-nav ul.main li ul {
    display: block;
    }

.main-nav ul.main li .sub {
    position: absolute; /*--Important--*/
    top: 53px; left: -9999px;
    z-index: 300;
    padding: 10px 20px 20px;
    float: left;
    border:7px solid #fff;
    background: #01bced;
    display: block; /*--Hidden for those with js turned off--*/
        -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        box-shadow:5px 5px 5px rgba(0,0,0,0.5);         
        background: -moz-linear-gradient(top, #01bced 0%, #036796 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01bced), color-stop(100%,#036796)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #01bced 0%,#036796 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #01bced 0%,#036796 100%); /* Opera11.10+ */ 
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#01bced', EndColorStr='#036796'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#01bced', EndColorStr='#036796')"; /* IE8 */
    }


.main-nav ul.main li .sub-small {
    position: absolute; /*--Important--*/
    top: 53px; left: -9999px;
    z-index: 300;
    padding: 10px 20px 20px;
    float: left;
    border:7px solid #fff;
    background: #01bced;
    display: block; /*--Hidden for those with js turned off--*/ 
        -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
        box-shadow:5px 5px 5px rgba(0,0,0,0.5);     
        background: -moz-linear-gradient(top, #01bced 0%, #036796 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01bced), color-stop(100%,#036796)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #01bced 0%,#036796 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #01bced 0%,#036796 100%); /* Opera11.10+ */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#01bced', EndColorStr='#036796'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#01bced', EndColorStr='#036796')"; /* IE8 */
    }

    
.main-nav ul.main li.funding .sub {
    width:200px;    
    }

.main-nav ul.main li.awards .sub {
    width:290px;    
    }
                    
.main-nav ul.main li.discoveries .sub {
    width: 354px;   
    }

.main-nav ul.main li.news .sub {
    width: 175px;   
    }

.main-nav ul.main li.publications .sub-small {
    width:165px;    
    }

.main-nav ul.main li.statistics .sub-small {
    width:128px;    
    }

.main-nav ul.main li.about .sub-small {
    width:400px;    
    }
                    
.main-nav ul.main li .sub ul{
    list-style: none;
    margin: 17px 0 0 0;
    float: left;
}
    
.main-nav ul.main li .sub ul.first-column {
    width: 210px;
}

.main-nav ul.main li .sub ul.second-column {
    width: 140px;
}
    
.main-nav ul.main li .sub ul:first-child {
    padding: 0  ;
    }   

.main-nav ul.main li .sub-small ul{
    list-style: none;
    margin: 17px 0 0 0;
    width: 270px;
    float: left;
    }

.main-nav ul.main li.about .sub-small ul{
    width: auto;
    }
    
.main-nav ul.main li .sub-small ul:first-child {
    padding: 0  ;
    }
        
.main-nav ul.main ul li {
    width: 100%; /*--Override parent list item--*/
    color: #fff;
    padding:0 0 10px;
    }
    
/* .main-nav ul.main li.small .sub li a:hover */ 
.main-nav ul.main .sub ul li a:hover, .main-nav ul.main .sub-small ul li a:hover {
    text-decoration: underline;
}

.main-nav ul.main .sub ul li a, .main-nav ul.main .sub-small ul li a {
    color: #FFFFFF;
    display: inline;
    float: none;
    font: 12px/18px Arial,sans-serif;
    letter-spacing: normal;
    margin: 0;
    padding-left: 15px;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    font-weight: bold; 
}

.main-nav ul.main li .sub a {
    color: #fff;
    font-family: arial, serif !important;
    line-height: 14px;
}

.main-nav ul.main li {
    font-family: arial, serif !important;
}
 
.main-nav ul.main li.about .sub-small ul + ul{
padding: 0;
float: left;
}    
/* Alert Bar */ /* Modified 08/2015 */

.alert-bar {
    position: relative;
    display: block;
    background: #fff url('../images/alert_bar_bg.png') left top no-repeat;
    color:#000;
    width:940px;
    height:62px;
    margin-bottom:6px;  
    z-index:100;
    }

.alert-bar a, .alert-bar a:visited {
    color:#0c72b5;
    text-decoration: none;
    }

.alert-bar a:hover {
    color:#2f394c;
    text-decoration: none;
    }

.alert-bar p {
    font: 14px/18px Arial, sans-serif;
    padding-left: 190px;
    padding-right: 115px;
    padding-top: 2px;
    /*padding:13px 60px 15px 190px; */ 
    }

.alert-bar span a, .alert-bar span a:visited {
    padding:0 12px 0 3px;
    color:#0c72b5;
    text-decoration: none;
    }

.alert-bar span a:hover {
    color: #2f394c;
    text-decoration: none;
    }

/* .alert-bar {
    position: relative;
    display: block;
    background: #e98412 url('../images/alert_bar_bg.png') left top no-repeat;
    color:#383838;
    width:940px;
    height:62px;
    margin-bottom:6px;  
    z-index:100;
    }

.alert-bar p {
    font: 14px/18px bold Arial, sans-serif;
    padding:13px 60px 15px 190px;  
    }

.alert-bar span a {
    background: url('../images/alert_bar_span_bg.png') right 1px no-repeat;
    padding:0 12px 0 3px;
    color:#fff;
    }

.alert-bar span a:hover {
    color: #fff;
    text-decoration: underline;
    }
        
*/ 

.alert-bar a.close {
    display: block;
    position: absolute;
    top:6px;
    right:6px;
    text-indent: -9999em;
    background: url('../images/close.gif') no-repeat;
    height:16px;
    width:16px;
    }

.alert-bar a.close:hover {
    background: url('../images/close_hover.gif') no-repeat;
    }
    
/* Main Slides - See also main-slides.css for internal css */
                        
.main-slides {
    position:relative;
    height:273px;
    z-index:200;
    }

/* Gallery - See also main-slides.css for gallery #2 slider css  */


.gallery-tabs {
    display: block;
    position: relative;
    top:46px;
    width:820px;
    height:38px;
    margin:0 auto;
    border-bottom: 1px solid #d9dbe1;
    z-index: 50;
    } 

.gallery-tabs a.hide {
    position: absolute;
    top:17px;
    right:0;
    height:21px;
    width:33px;
    background: #e98412 url('../images/hide.gif') left top no-repeat;
    font: 11px/22px bold Arial, sans-serif;
    color: #fff;
    padding-left: 23px;
    text-decoration: none;
    text-transform: uppercase;
    }

.gallery-tabs a.hide:hover {
    background: #404d6a url('../images/hide_hover.gif') left top no-repeat;
    }

.gallery-tabs a.hide.up {
    width:40px;
    }
        
.gallery-tabs ul {
    list-style: none;
    height: 38px;
    width:610px;
    margin:0 auto;
    } 

.gallery-tabs ul li {
    float: left;
    height: 46px;
    position: relative;
    } 

.gallery-tabs ul li a {
    text-decoration: none;
    color: #d2d2d2;
    display: block;
    height: 38px;
    font: bold 13px/38px bold Arial, sans-serif;
    padding: 0 28px;
    outline: none;
    background: #313b52 url('../images/gallery_tabs_seperator.png') right top no-repeat;
    }

/*.gallery-tabs ul li a.last-child {
    background: #404d6a;
    }*/

.gallery-tabs ul li a:hover {
    color: #fff;
    }

.gallery-tabs ul li.active {
    background: transparent url('../images/gallery_tabs_active.png') center 38px no-repeat;
    }

.gallery-tabs ul li.active a, .gallery-tabs ul li.active a:hover {
    color: #fff;
    }

.gallery-tabs-container {
    display: block;
    position: relative;
    top:65px;
    width:820px;
    margin: 0 60px;
    border-bottom: 5px solid #313b52;
    z-index: 60;
    }
    
.tab_content {
    padding: 20px;
    font-size: 1.2em;
    }

#gallery-tab1, #gallery-tab2, #gallery-tab3 {
    display: block;
    position: static;
    width:820px;
    float:left;
    }

.ie7 #gallery-tab1, .ie7 #gallery-tab2, .ie7 #gallery-tab3 {
    float:none;
    }
    
#gallery-tab1 ul {
    display: block;
    position: relative;
    width:880px;
    margin-left:-10px;
    margin-bottom:30px; 
    }

#gallery-tab1 ul li {
    display: block;
    position: relative;
    width:415px;
    float:left;
    padding:10px;
    height: 107px;
    }
    
#gallery-tab1 ul li a {
    display: block;
    position: relative;
    margin-top:7px; 
    width:260px;
    text-decoration: none;  
    }

#gallery-tab1 .thumbs-desc {
    float: left;
    height: 107px;
    width: 220px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: bold;
}

#gallery-tab1 img {
    float: left;    
}

#gallery-tab1 ul li h2 a {  
    margin-top:5px;
    /*text-align: center;   */
    font: normal 13px/16px Arial, sans-serif;
    color: #324674;
    display: inline;
    }

#gallery-tab1 ul li h2 a:hover {
    color:#01bced;
    }
            
#gallery-tab1 ul li span {
    display: block;
    position: relative;
    margin-top:3px;
    font: normal 12px Arial, sans-serif;
    color: #878787;
    width:260px;
    }
    
#gallery-tab3 ul {
    display: block;
    position: relative;
    width:880px;
    margin-left:-20px;
    margin-top:12px;
    }

#gallery-tab3 ul li {
    display: block;
    position: relative;
    width:260px;
    float:left;
    padding:10px 20px;
    background: url('../images/gallery_tab_3_seperator.gif') right top no-repeat; 
    }

#gallery-tab3 ul li.last-child {
    background: none;
    width:220px;
    }
    
#gallery-tab3 ul li img {
    display: block;
    height:107px;
    width:200px;
    outline:none;
    margin-top:15px;
    }

#gallery-tab3 ul li h1 {
    display: block;
    position: relative;
    margin-top:6px; 
    font: normal 24px/24px Georgia, serif;
    color: #3c3d3e;
    width:210px;
    }

#gallery-tab3 ul li h1.bottom-bar {
    border-bottom: 3px solid #c9cacb;
    padding-bottom:13px;
    }

#gallery-tab3 ul li h1 span {color:#878787;}
            
#gallery-tab3 ul li h2 {
    display: block;
    position: relative;
    margin-top:10px;    
    font: normal 14px/14px Arial, sans-serif;
    color: #324674;
    width:260px;
    }

#gallery-tab3 ul li h3 {
    display: block;
    position: relative;
    margin-top:16px;    
    text-transform: uppercase;
    font: bold 12px/14px Arial, sans-serif;
    color: #324674;
    width:260px;
    }
        
#gallery-tab3 ul li p {
    display: block;
    position: relative;
    margin-top:10px;
    margin-bottom:20px;
    font: normal 13px/17px Arial, sans-serif;
    color: #3c3d3e;
    width:260px;
    }

#gallery-tab3 ul li.last-child h1 {
    width:220px;
    }   

#gallery-tab3 ul li.last-child h3 {
    width:220px;
    }
        
#gallery-tab3 ul li.last-child p {
    width:220px;
    margin-bottom:40px;
    }

#gallery-tab3 ul li a.view-all {
    display: block;
    position: relative;
    margin-bottom:74px;
    text-align: center;
    font: bold 10px/24px Arial, sans-serif;
    color: #ffffff;
    height:24px;
    width:60px;
    background: #e98412;
    text-transform: uppercase;
    text-decoration: none;
    }

#gallery-tab3 ul li a.view-all:hover {
    background: #404d6a;
    }

/*Social Media*/

.social-feeds
{
    margin-bottom: 60px !important;
    padding-bottom: 40px;
    border-bottom: 5px solid #313b52;
}

.col-1,
.col-2
{
    display: block;
    float: left;
}

.col-1
{
    width: 45.25em;
    margin-right: 2.5%;
}

.col-2
{
    width: 15.938em;
}
.social-feeds .col-1 h2
{
    width: 519px !important;
}

.social-feeds .col-2 h2
{
    width: auto !important;
}
.social-feeds .btn-twitter
{
    font: bold 10px/24px Arial, sans-serif;
    position: absolute;
    display: block;
    width: 75px;
    height: 24px;
    margin-left: 434px;
    margin-top: -38px;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #e98412;
    overflow: hidden;
}

.social-feeds .btn-twitter:hover
{
    background: #404d6a;
}
ul.social-feed-links{
    margin-top: 10px;
    margin-bottom: 15px;
}
ul.social-feed-links li{
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;

}
.ie7 ul.social-feed-links li{
    display: inline;

}
.ie7 ul.social-feed-links li a{
    display: block;
}

.twitter-widget{
    display: block;
    margin-top: 20px;
}
/* Bottom */

.bottom {
    display: block;
    position: relative;
    top:99px;
    width:820px;
    margin:0 auto;
    }

.bottom .content h1 {
    font: normal 29px Georgia, serif;
    color: #3c3d3e;
    width:540px;
    }
    
.bottom .content h1 span {color:#878787;}   

.bottom .content h2 {
    font: bold 12px Arial, sans-serif;
    color:#5b5954;
    text-transform: uppercase;
    letter-spacing: 1px;
    width:540px;
    padding-top: 24px;  
    padding-bottom:8px;
    border-bottom: 3px solid #bcbdbe;
    }

.bottom .content h2.rss-h2 {
/*  width:525px; */
    float:left;
    }

.bottom .calendar a.rss-a {
    display: block;
    position: relative;
    float: left;
    height:16px;
    width:16px;
    text-indent: -9999em;
    text-decoration: none;
    padding-top: 24px;  
    padding-bottom:8px;
/*  border-bottom: 3px; */
    margin-left:-16px;
    background:transparent url('../images/rss_events_home.gif') 0 24px no-repeat;
/*  border-bottom: 3px solid #bcbdbe; */
    }

    .bottom .content ul.notices {
        padding-top: 40px;
    }

.bottom .content ul.notices li {
    width:540px;
    margin-bottom:25px;
    }

.bottom .content ul.notices li a {
    font: normal 13px/16px Arial, sans-serif;
    color:#324674;
    text-decoration: none;  
    }

.bottom .content ul.notices li a:hover {
    color:#01bced;
    }

.bottom .content .calendar ul {
    padding-top:10px;
    }

.bottom .content .calendar ul li {
    height:43px;
    margin-top:13px;
    width:540px;
    }

.bottom .content .calendar ul li div.date {
    display:block;
    width:39px;
    height:43px;
    background: url('../images/date_bg.gif') no-repeat;
    font: bold 16px/28px Arial, sans-serif;
    color:#fff;
    text-align: center;
    float:left;
    }

.bottom .content .calendar ul li div.date span {
    font: normal 10px/10px Arial, sans-serif;
    text-transform: uppercase;
    }

.bottom .content .calendar ul li h3 a {
    font: normal 13px/13px Arial, sans-serif;
    color:#324674;
    float:left;
    margin:10px 0 0 14px;
    text-decoration: none;  
    width:480px;    
    }

.bottom .content .calendar ul li h3 a:hover {
    color:#01bced;
    }

.bottom .content .calendar ul li h4 {
    text-transform: uppercase;
    font: normal 10px/20px Arial, sans-serif;
    color:#01bced;
    margin:5px 0 0 54px;
    }
    
.bottom .content .calendar a.view-all {
    display: block;
    position: relative;
    text-align: center;
    font: bold 10px/24px Arial, sans-serif;
    color: #ffffff;
    height:24px;
    width:110px;
    background: #e98412;
    text-transform: uppercase;
    text-decoration: none;
    margin-top:20px;    
    padding:0 5px;
    }

.bottom .content .calendar a.view-all:hover {
    background: #404d6a;
    }


/* Bottom Sidebar */


.bottom .sidebar {
    display: block;
    position: absolute;
    width:220px;
    background: #1879be url('../images/sidebar_bg.png') center top no-repeat;
    right:0;
    top:50px;
    }

.bottom .sidebar h1 {
    font: bold 18px/18px Arial, sans-serif;
    color:#ffffff;
    text-transform: uppercase;
    padding:15px;
    width:190px;
    }

.bottom .sidebar h2 a {
    display: block;
    position: relative;
    margin:0 auto;
    width:175px;
    height:51px;
    font: normal 13px/15px Arial, sans-serif;
    color:#fff;
    padding:23px 0 0 19px;
    text-transform: uppercase;
    background: url('../images/sidebar_funding_opportunities_bg.png') center top no-repeat;
    font-weight: bold;
    }
    


        
.bottom .sidebar #opportunities-search, .bottom .sidebar #program-area-search {
    font: bold 12px/12px Arial, sans-serif;
    color:#324674;
    padding:15px 14px 15px 15px;
    }

#program-area-search .selectbox {
    margin-right: 3px;
    width: 153px;
}

.sidebar #program-area-search label, .sidebar #opportunities-search label {
    color: #ffffff;
}

.bottom .sidebar #opportunities-search label {
    width:110px;
    }
    
.bottom .sidebar #opportunities-search {
    padding:15px 14px 5px 15px;
    }

.bottom .sidebar #opportunities-search input {
    border: none;
    width:146px;
    height:24px;
    padding-left:8px;
    font: 12px/26px Arial, sans-serif;
    color:#2e384d;
    margin-top:7px;
    background:#fff;
    }

.bottom .sidebar #opportunities-search input:hover {
    color:#404D6A;
    }

.bottom .sidebar #opportunities-search .submit, .bottom .sidebar #program-area-search .submit {
    height:26px;
    width:29px;
    padding:0;
    margin-top:7px;
    }
    
.bottom .sidebar ul {
    padding:15px;   
    }

.bottom .sidebar ul li a {
    font: normal 11px/18px Arial, sans-serif;
    color:#ffffff;
    text-decoration: none;
    }

.bottom .sidebar a:hover {
    color: #fff;
    text-decoration: underline;
    }   
    
.bottom .sidebar h2 a:hover {
    background: url('../images/sidebar_funding_opportunities_bg.png') center bottom no-repeat;
    text-decoration:none;
    }
/* select box */

/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{
    display:inline-block;
    *display:inline;
    font: normal 12px/26px Arial, sans-serif !important;
    position:relative;
    vertical-align:middle;zoom:1;
    width: 156px;
    background: #ffffff;
    margin-top:7px;
    font-weight: bold;
}

.selectbox.error {width: 156px;border-left: 5px solid red}
.selectbox .display{
 width: 100%;
  display:block;
  overflow:hidden;
  outline:none;
  padding:0 10px;
  position:relative;
  text-decoration:none;
  height:26px;
}

.selectbox.disabled .display{color:#ccf1fb;}

.selectbox.focused .display .text{
    display:inline-block;*display:inline;zoom:1;}
/*.selectbox .display.active{border-color:#7b7d83;}*/
.selectbox .display .arrow_btn{
    background: url(../images/selectbox-arrow.png) no-repeat #2e384d;
    display:block;
    height:26px;
    padding:1px;
    position:absolute;
    right:16px;
    text-align:center;
    top:0;
    width:21px;
}

.selectbox .display .arrow_btn .arrow{
    display:inline-block;*display:inline;
    height:4px;
    vertical-align:middle;
    width:7px;
    zoom:1;
}

.selectbox .display.hover .arrow_btn{cursor: pointer}
.selectbox .value{display:none;}


/* dropdown styles */
.selectbox.items{
  background:#0f8cb2;
  /*border:1px solid #828790;*/
  display:block;
  font-family:arial;
  font-size:1em;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 3px;
  z-index:99999;
  -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
  width: 186px;
}
.selectbox.items.above{}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#ccf1fb;cursor:default;display:block;padding:4px 6px;text-decoration:none;}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.selected>.item{/*border-bottom:1px dotted #999;border-top:1px dotted #999;*/}
.selectbox.items li.disabled>.item{color:#ccf1fb;}
.selectbox.items li.hover>.item{background-color:#4ecbec;color:#fff;}
.selectbox.items .value{display:none;}

/* optgroup styles 
.selectbox.items .optgroup .items{
  border:none;
  margin:0;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}
*/
                
                    
/* Footer */
                
    
.footer {
    display: block;
    position:relative;
    width:940px;
    margin:0 auto;
    top:120px;
    padding-top:40px;
    min-height: 300px;
    }

.footer .social-nav {
    display: block;
    position: absolute;
    top:0;
    /*right:0px;*/
    height:34px;
    /*width:335px;*/
    /*text-align:right;*/
    margin-left: 0;
    }

.footer .social-nav ul {
    list-style: none;
    }   

.footer .social-nav li {
    display: inline-block;
    zoom:1;
    position: relative;
    *display:inline;
    }

.footer .social-nav li a {
    float:left;
    height:34px;
    }
a.footer-logo-left {
    display: inline-block;
    position: absolute;
    top: 0;
}
.footer .social-nav li a img { width:auto; }

.ie7 .footer .social-nav li {
    margin-right:3px;
    }
                                    
.footer-nav {
    position: relative;
    width:940px;
    height:39px;
    margin-bottom:6px;
    }

.footer-nav ul {
    list-style: none;
    background: #313b52;
    padding-left:45px;
    height:39px;
    }
    
.footer-nav ul li {
    display: inline-block;
    zoom:1;
    position: relative;
    height:39px;
    *display:inline;
    }
        
.footer-nav ul li a {
    float:left;
    font: normal 14px/39px Georgia, serif;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    height:39px;
    padding-right:10px;
    margin:0 0 0 17px;
    }

.footer-nav ul li a:hover {color:#01bced;}  

/*.footer .footer-text-only a {
    display:block;
    position: relative;
    height:16px;
    background: url('../images/text_only.gif') left top no-repeat;
    margin:0 auto;
    width:90px;
    padding-left:20px;
    font: normal 11px/22px Arial, sans-serif;
    color:#04a0c9;
    text-decoration: none;
    }*/
.footer .footer-text-only {
    display:block;
    position:relative;
    margin:20px auto;
    color:#04a0c9;
    text-align: center;
    font: normal 11px/22px Arial, sans-serif;
    width:740px;
    }
.footer .footer-text-only a {
    display:inline-block;*display:inline;zoom:1; 
    position: relative;
    float: left;
    height:auto;
    margin:0 auto;
    padding-right: 10px;
    width:90px;
    font: normal 11px/22px Arial, sans-serif;
    color:#04a0c9;
    text-decoration:none;
    }

    
.footer .footer-subnav ul {
    list-style: none;
    margin-left:-30px;
    }

.footer .footer-subnav ul li,
.footer .footer-text-only ul li {
    display: inline-block;
    zoom:1;
    position: relative;
    background: url('../images/footer_subnav_seperator.gif') right center no-repeat;
    *display:inline;
    }
.footer .footer-subnav ul li.last,
.footer .footer-text-only ul li.last {
    background: none;
    }

.footer .footer-subnav {
    display:block;
    position:relative;
    margin:20px auto;
    color:#04a0c9;
    text-align: center;
    font: normal 11px/22px Arial, sans-serif;
    width:940px;
    }

.footer .footer-subnav ul {
    list-style: none;
    }

.footer .footer-subnav ul li {
    display: inline-block;
    zoom:1;
    position: relative;
    background: url('../images/footer_subnav_seperator.gif') right center no-repeat;
    *display:inline;
    }

.footer .footer-subnav ul li.last {
    background: none;
    }

.footer .footer-subnav ul li a {
    float:left;
    font: normal 13px/16px Arial, sans-serif;
    color:#04a0c9;
    text-decoration: none;
    margin:0 7px 0 7px;
    }

.footer .footer-subnav ul li a:hover {
    color:#404d6b;
    }
    
.footer .nsf-logo-bottom {
    display: block;
    position: relative;
    width:54px;
    margin:0 auto;
    }

.footer .footer-address {
    display: block;
    position: relative;
    width:480px;
    margin:20px auto;
    text-align: center;
    font: bold 11px/22px Arial, sans-serif;
    color:#5b5853;
    }

/*.active {display:block}
.inactive {display:none}*/                          
.clearfix, .clearfix:before, .clearfix:after {display:block;zoom:1}
.clearfix:after {clear:both;content:"\0020";height:0;overflow: hidden}  
.clear {clear:both;}

body #usasearch_sayt .ui-widget { font:15px arial,sans-serif; }
#QueryText { font-size:14px; line-height:22px; }