@charset "utf-8";
/* CSS Document */

body { margin:0;padding:0; font-size:75%; font-family:Verdana,  sans-serif; color:#2B2B2B;}

#wrapper { font-size:1em;background:url(../images/bg.png) left top repeat-x; overflow:hidden;}

#frame { width:940px; margin:0 auto; text-align:center; font-size:1.1em; }
    
#align { text-align:left;margin-bottom:30px;}
        
#header {margin-bottom:15px;overflow:hidden;height:110px;}     
            
#column1, #column1content, #column2, #column2content {margin-bottom:40px;}

#column1 { width:667px; }

#column1content { width:631px; }
           
#column2 { width:258px;}

#column2content {width:254px;}

#footer, #footer a { color:#626262; text-decoration:none; }

#footer {border-top:1px solid #bfbfbf; padding-top:12px; clear:both;}


/* text */

a {color:#0067a9; text-decoration:none;}

a:hover { text-decoration:underline;}

h1 { font-weight:normal; font-size:1.8em; color:#4e832b; font-family: Helvetica, sans-serif; margin-top:25px;}

.text1 { text-transform:uppercase; font-size:.9em; color:#676767;}

.link1 { background:#72aa3f; padding:5px 8px; color:#fff; font-size:1.1em; }



/* header stuff */

#logo_bundle, #socialMediaList li, .moduletableNav li, #column1, #column1content {float:left;}

#logo_bundle { margin-top:23px;}
#logo_bundle p {margin:2px 0px 2px 60px;font-size:85%;color:#0266AA}

#askButton { background:url(../images/graphic-ideas-2-slicing_19.png) no-repeat; margin:18px 0 3px;   }

#askButton, #askButton a {width:262px; height:51px;}

#socialMediaList, #askButton, #askButton a, #column2, #column2content  {float:right;}

#askButton a {text-indent:-9999px;}


/* social media links */

#socialMediaList, .moduletableNav ul { margin:0; padding:0; clear:right;}

#socialMediaList li {margin-right:20px;}

#socialMediaList li, .moduletableNav li { list-style:none; }

.socialMediaLink { background:url(../images/socialMediaLogos.png) no-repeat left 1px;display:block;text-indent:-9999px; font-size:1.4em;}

#twitter, #linkedIn {width:65px;}

#linkedIn { background-position: left -37px;}

#youTube { background-position: left -99px;width:50px;}

#twitter:hover { background-position: left -17px; }

#linkedIn:hover {background-position: left -57px;}

#youTube:hover {background-position: left -77px;}


/* nav*/

.moduletableNav { clear:both; margin-bottom:17px;}

.moduletableNav ul {background:#0266AA; overflow:hidden; height:28px;  }

.moduletableNav li { width:24.85%;padding:7px 0; border-right:1px solid #81B3D5; text-align:center;}

.moduletableNav li:last-child { border:0;}

.moduletableNav a { font-size:1em; font-weight:bold;color:#D9E8F2; text-decoration:none; text-transform:uppercase; font-family:Arial, sans-serif;}

.moduletableNav a:hover { color:white;}


/* home partners and news */

.moduletableNCBioNews, .moduletablePartners {float:left; width:100%;}

.moduletableNCBioNews { overflow:hidden; margin-top:15px;}

.moduletablePartners { clear:both;}

#column1 .moduletablePartners li, #column1 .moduletableNCBioNews  li {  width:45%;float:left;}

.odd {clear:left; margin-right:2%;}



/* home right modules */

.moduletablePartners, .moduletableNCBioNews, .moduletableLifeSciNews, .moduletableTwitter, .moduletableSubnav, .moduletableVideo { background: url(../images/titleBg.png) repeat-x top;}

.moduletablePartners h3, .moduletableNCBioNews h3, .moduletableLifeSciNews h3, .moduletableTwitter h3, .moduletableSubnav h3, .moduletableVideo h3 { color:#4E822B; font-family: Helvetica, sans-serif; font-size:1.4em; font-weight:normal; padding:17px 0 15px 47px; margin:0; border-bottom:1px solid #bfbfbf;}

.moduletableLifeSciNews h3 { background: url(../images/iconFeed.png) no-repeat 12px 13px;}

.moduletableTwitter h3 {  background: url(../images/iconTwitter.png) no-repeat 12px 13px;}

.moduletableNCBioNews h3 {  background: url(../images/iconLogo.png) no-repeat 12px 13px;}

.moduletablePartners h3 {background: url(../images/iconPartners.png) no-repeat 12px 13px;}

.moduletableSubnav h3 {background: url(../images/iconDocs.png) no-repeat 12px 13px;}

.moduletableVideo h3 {background: url(../images/iconVideos.png) no-repeat 12px 13px;}

.moduletableLifeSciNews, .moduletableNCBioNews, .moduletableSubnav, .moduletableVideo { margin-bottom:30px;}


/* news and subnav */

.moduletableLifeSciNews a, .moduletableSubnav a, .moduletablePartners a, .moduletableNCBioNews a { font-weight:bold;}

.moduletableLifeSciNews ul, .moduletableSubnav ul, .moduletablePartners ul, .moduletableNCBioNews ul { margin:0; padding:0;}

.moduletableLifeSciNews li, .moduletablePartners li, .moduletableNCBioNews li {padding:12px 12px 0;}

.moduletableLifeSciNews li, .moduletableSubnav li, .moduletablePartners li, .moduletableNCBioNews li {list-style:none;}

.moduletableLifeSciNews a, .moduletablePartners a, .moduletableNCBioNews a { background:url(../images/arrowBullet.png) no-repeat left 2px;display:block;padding-left:12px; }



/* subnav */

.moduletableSubnav li { border-bottom:1px solid #bfbfbf;padding:12px;}


/* footer */

#footer p { margin:0;}

/* Forrest's Styles */

.economic_box {
	clear: right;
	border-top: 1px solid #808080;
	padding: 10px 0px;
}

.economic_box h3 {
	font-size:1.2em; 
	color:#4e832b; 
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
}

.economic_box img {
	float:right; 
	margin: 0px 14px 14px 14px;
}

#twitter_update_list {
	list-style: none;
	padding: 0;
	margin: 12px 0px 16px 0px;
}

#twitter-link {
	background:#72aa3f; 
	padding:5px 8px; 
	color:#fff; 
	font-size:1.1em; 
	margin-top: 6px;
}

/* Front page image rotator */

.main_image  {
    width: 422px;
    height: 300px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0;
    padding: 8px 8px 0px 8px;
}
.main_image p {
    font-size: 1em;
    line-height: 1.2em;
    padding: 8px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}


.image_thumb  {
    float: left;
    width: 242px;
    background: #f0f0f0;
}
.image_thumb img {
    border: none;
    padding: 0px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 0px;
    width: 242px;
    float: left;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

ul .block {
display: none;
}

li #curr_pro_menu {width: 242px; height: 100px; background: url(../images/Curr_rotator_green.png);}
li.active #curr_pro_menu {width: 242px; height: 100px; background: url(../images/Curr_rotator_blue.png);}

li #eco_devel_menu {width: 242px; height: 100px; background: url(../images/EcDev_rotator_green.png);}
li.active #eco_devel_menu {width: 242px; height: 100px; background: url(../images/EcDev_rotator_blue.png);}

li #future_pros_menu {width: 242px; height: 100px; background: url(../images/Future_rotator_green.png);}
li.active #future_pros_menu {width: 242px; height: 100px; background: url(../images/Future_rotator_blue.png);}