@charset "utf-8";
/* CSS Document */

/*
 * Copyright 2009 iMarc LLC  http://www.imarc.net
 */
 
 
/* --------------------------------------------------------------------- */
/* Browser resets
/* --------------------------------------------------------------------- */ 

body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset,
legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
   margin: 0;
   padding: 0;
   line-height: 1.6;
} 



/* --------------------------------------------------------------------- */
/* Main elements
/* --------------------------------------------------------------------- */

html {
	font-size: 12px;
	background: #fff;
}

body {
	margin: 0 auto;
	background: #0054a6 url(images/body_bg.jpg) no-repeat 50% 100px;
	color: #555;
	font-size: 1.0em;
}

body, input.text, input.password, textarea, select {
	font-family: "Myriad Pro", Arial, Sans-Serif;
}



/* --------------------------------------------------------------------- */
/* Headers
/* --------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.3em;	
	font-family: Helvetica, Arial, serif;
	font-weight: normal;
	margin-top: 0.8em;
	line-height: 100%;
}

h1 {
	font-size: 2.1em;
	margin-top: 0.5em;
	color: #0054a6;
}

h2 {
	font-size: 1.7em;
	color: #0b1e40;
	font-family: "Myriad Pro", Arial, sans-serif;
	color: #0b1e40;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	font-size: 1.5em;
	font-family: "Myriad Pro", Arial, sans-serif;
	color: #0b1e40;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;   
}

h6 {
	font-size: 1.2em;      
}



/* --------------------------------------------------------------------- */
/* Content holders
/* --------------------------------------------------------------------- */

div {

}

p, pre, blockquote {
	margin: 1.0em 0;  
}



pre, code {
	background-color: #f8f8f8;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
}    

pre {
	white-space: pre;
	overflow: auto;
	padding: 1em;
	border: 1px solid #ccc;
	display: block;
}

code {
	padding: 0.2em;
}   

blockquote {
	padding-top: 1em;
	font-size: 1.1em;
	line-height: 1.1;
	font-family: "Myriad Pro", Arial, sans-serif;
	color: #b86b00;
	margin-top: 0;
}

blockquote p {
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------------- */
/* Nav
/* --------------------------------------------------------------------- */

#nav {
	overflow: hidden;
	list-style: none;
	margin: 42px 0 0 0;
	position: absolute;
	min-width: 1500px;
}

#nav li {
	float: left;
	margin: 0 1.85em 0 0;
	font-size: 1em;
}

#nav li a {
	background: none;
	font-family: arial;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 2px solid #fff;
	color: #333;
	height: 30px;
	display: block;
}

#nav li ul {
	list-style-type: none;
	background: #204375;
	width: 15em;
	margin-top: 0;
	padding: 0;
	display: none;
	position: relative;
	z-index: 200;
	border-right: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-left: 1px solid rgba(0,0,0,.2);
}

#nav li ul li {
	float: none;
	color: #fff;
	margin: 0;
	line-height: 1.2;
}

#nav li ul li a:link,
#nav li ul li a:visited {
	color: #fff;
	text-transform: none;
	height: auto;
	padding: .5em 1em;
	border-bottom: 1px solid rgba(255,255,255,.05);
	border-top: 1px solid rgba(0,0,0,.1);
}

#nav li ul li a:hover {
	background: #e4b339;
	color: #fff;
}

#nav_home {
	width: 12em;
}

#nav_about_massbio {
	width: 12em;
}

#nav_membership {
	width: 12em;
}

#am {
	width: 12em;
}

#nav_purchasing_consortium {
	width: 13.9em;
}

#nav_events {
	width: 4em;
}

#nav_economic_development {
	width: 13.4em;
}

#nav_public_policy {
	width: 7.6em;
}

#nav_news {
	width: 3em;
}

#nav_news ul {
	right: 146px;
}

#nav li#nav_careers {
	width: 5.1em;
	margin-right: 0;
}

#nav_careers ul {
	right: 121px;
}

#nav li a:hover,
#nav .active a,
#nav .hover a {
	color: #0054a6;
	border-bottom: 2px solid #204375;
}

#sub_nav_container {
	float: left;
	width: 19%;
}

#sub_nav_container h2 {
	text-align: right;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.15);
	margin-bottom: 0;
	padding-bottom: .5em;
	padding-right: 15px;
	font-size: 1.7em;
}

#sub_nav {
	list-style-type: none;
	margin: 0 0 3em 0;
	padding: 0;
}

#sub_nav li {
	margin: 0;
	text-align: right;
	border-bottom: 1px solid #2e91d1;
	border-bottom: 1px solid rgba(255,255,255,.15);
	line-height: 1.25;
}

#sub_nav li a {
	padding: 7px 15px 7px 0;
	display: block;
	color: #7fd2fe;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#sub_nav .active {
	background: url(/sup/img/sub_active_arrow.png) no-repeat right 6px;
}

#sub_nav .open a,
#sub_nav li a:hover {
	color: #fff;
}

#sub_nav li ul {
	display: none;
	list-style-type: none;
	margin: .2em 0 0 0;
	padding: 0;
}

#sub_nav li.open ul {
	display: block;
	margin-bottom: 15px;
}

#sub_nav li.open ul li {
	margin: 0 0 .4em 0;
	padding: 0;
	border: 0;
	font-size: .95em;
}

#sub_nav .open li {
	line-height: 1;
	padding: 3px 25px 3px 0;
}

#sub_nav .open a {
	color: #7FD2FE;
}

#sub_nav .open > a {
	color: #fff;
}

#sub_nav .active a {
	color: #fff;
}

#sub_nav li.active ul li a {
	color: #7FD2FE;
}

#sub_nav li.open ul li.active {
	background: none;
}

li.active a {
	color: #fff;
	background: url(/sup/img/sub_active_arrow.png) no-repeat right;
}

li.active ul li a {
	background: none;
	color: #7FD2FE;
}

#sub_nav li.active a:hover {
	color: #fff;
}

/* --------------------------------------------------------------------- */
/* Links and hr
/* --------------------------------------------------------------------- */

a {
	
} 

a:link {
	color: #006bce;
}

a:visited {
	color: #006bce;
}

a:active {
	color: #006bce;
}

a:hover {
	color:#666;
	text-decoration: none;
}


hr {
	height: 1px;
	border: none;
	margin-top: 1em;
	color: #ccc;
	background-color: #ccc;
}



/* --------------------------------------------------------------------- */
/* Images
/* --------------------------------------------------------------------- */

img {
	border: none;
}


/* --------------------------------------------------------------------- */
/* Lists
/* --------------------------------------------------------------------- */

ul, ol {
	margin: 1em 0;
}

ul li {
	margin-left: 2em;
}

ol li {
	margin-left: 2.6em;
}



/* --------------------------------------------------------------------- */
/* Form elements
/* --------------------------------------------------------------------- */

form {
	margin: 1em 0;
}

input.text,
input.password {  
	font-size: 1em;
	border: 1px solid #999;
	color: #333;
	padding: 3px 4px 0;
	width: 200px;
}

label {
	margin-right: 1em;
	display: block;
}

input.checkbox,
input.radio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

textarea {              
	height: 150px;
	font-size: 1em;
	border: 1px solid #999;
	color: #333;
	padding: 3px 4px 0;
}

input[type="submit"] {
	background: #074786;
	padding: 1px 5px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid rgba(255,255,255,.3);
	outline: 1px solid #003a7e;
	cursor: pointer;
	font-size: 1em;
}

input[type="submit"]:hover {
	background: #2a82d9;
}

#contact_form {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contact_form li {
	margin: 0;
	padding: 0;
}

#contact_form li label {
	font-size: 1.2em;
}

#contact_form #contact_name,
#contact_form #contact_email {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}

#contact_form #contact_message {
	clear: left;
}

#contact_message textarea {
	width: 445px;
}

#contact_form #contact_submit {
	margin-top: 1em;
}

.form fieldset {
	border: 1px solid #00417D;
	padding: 1.2em 0 1.2em 1.2em;
}

.form legend{
	background: #00417D;
	color: #fff;
	font-family: "Myriad Pro", Arial, sans-serif;
	line-height: 1;
	padding: .5em .7em .25em .7em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1em;
}


.form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.form ul li {
	margin: 0 1.5em .6em 0;
	padding: 0;
	float: left;
}

.form .submit_fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------- */
/* Grouping elements
/* --------------------------------------------------------------------- */

fieldset {
	border: 0;
	padding: .5em 0;
	margin: 1em 0;  
}

fieldset p {
	margin-top: 0;
}

legend {
	padding: 0 0.5em;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	text-transform: uppercase;
}



/* --------------------------------------------------------------------- */
/* Tables
/* --------------------------------------------------------------------- */

table {
	width: 100%;
	
	margin: 1.0em 0; 
	border-collapse: collapse;
}                     

	caption {
		background-color: #ededed;
		font-size: 1.2em;
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", serif;   
		margin-top: 1.0em;   
	}
	
	td, th {
		padding: 0.25em 0.4em;
	    font-family: "Myriad Pro", Arial, Sans-Serif;
	    vertical-align: top;
		text-align: left;
	}






table a{ font-family: "Myriad Pro", Arial, Sans-Serif; font-size:13px; color:#0054a6;}

/* --------------------------------------------------------------------- */
/* Header
/* --------------------------------------------------------------------- */

#header {
	background: #fff;
	border-top: 3px solid #0054a6;
	height: 144px;
}

#header_content {
	width: 80em;
	margin: 0 auto;
}

#logo {
	background: url(images/logo.gif);
	text-indent: -9999px;
	width: 210px;
	height: 70px;
	position: relative;
	top: 20px;
	left: -26px;
	float: left;
	margin: 0;
	padding: 0;
}

#logo a {
	display: block;
	width: 189px;
	height: 63px;
}

#logo a:focus,
#logo a:active {
	outline: 0;
}

#account_and_search {
	background: #0054a6;
	width: 56em;
	padding: 0 1em;
	float: right;
}

#account_and_search div {
	margin-top: .25em;
}

#account_and_search div,
#account_and_search div a {
	color: #fff;
	text-decoration: none;
}

#account_and_search div a:hover {
	text-decoration: underline;
}

#account_and_search div span {
	background: url(/sup/img/minor_nav_pipe.gif) no-repeat right;
	padding-right: 8px;
	margin-right: 6px;
}

#account_and_search form {
	margin: 3px 0 0 0;
}

#account_and_search ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#account_and_search ul li {
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
}

#account_and_search ul li a {
	color: #fff;
	text-decoration: none;
	font-size: .9em;
}

#account_and_search ul li a:hover {
	text-decoration: underline;	
}

#account_and_search ul li .text {
	width: 90px;
	border: 1px solid #204375;
	padding: 2px 0 2px 5px;
	color: #6c6c6c;
}

#account_and_search ul li .search {
	width: 150px;
}

#search_form {
	float: right;
}

#search_form ul li:first-child {
	background: url(/sup/img/minor_nav_pipe.gif) no-repeat right;
	padding-right: 7px;
}





/* --------------------------------------------------------------------- */
/* Torso
/* --------------------------------------------------------------------- */

#torso {
	width: 80em;
	margin: 0 auto;
	margin-top: .6em;
	min-height: 300px;
	
	
	
}

#torso p {
	font-size: 1.06em;
}




/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */

#footer {
	border-top: 3px solid #28739f;
	background: #fff;
	padding: 10px 0;
	margin-top: 30px;	
}

#footer_content {
	width: 80em;
	margin: 0 auto;
}

#footer_social {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

#footer_social li {
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer_info {
	float: left;
	margin-top: 0;
	line-height: 1.4;
}

#footer_content a {
	color: #0d3a5f;
	text-decoration: none;
}

#footer_content a:hover {
	text-decoration: underline;
}

#social_email {
	background:url(images/email_sm.jpg) no-repeat right;
}

#social_linkedin {
	background: url(images/linkedin_sm.jpg) no-repeat right;
}

#social_facebook {
	background: url(images/facebook_sm.jpg) no-repeat right;
}

#social_email,
#social_linkedin,
#social_facebook {
	padding-right: 22px;
}


/* --------------------------------------------------------------------- */
/* TinyMCE Override
/* --------------------------------------------------------------------- */

body#tinymce {
	padding: 0;
	margin: 0;
	width: auto;	
}

body#tinymce .inside_tagline {
	margin-top: 0;
	text-align: left;
	position: inherit;
	float: inherit;
}


/* --------------------------------------------------------------------- */
/* @font-face
/* --------------------------------------------------------------------- */

@font-face {
	font-family: "MuseoSans 500";
	src: url("/sup/fonts/MuseoSans_500.otf");
}

@font-face {
	font-family: "MuseoSans 500 Italic";
	src: url("/sup/fonts/MuseoSans_500_italic.otf");
}


/* --------------------------------------------------------------------- */
/* Global
/* --------------------------------------------------------------------- */

sup {
	font-size: .6em;
}

.clear {
	display: block;
	clear: both;
}

#primary_content {
	background: red url(images/content_bg.gif) repeat-y -81% 0;
	float: left;
	width: 81%;
	font-size: 1.1em;
	padding: 0;
}

#primary_content #primary_main {
	background: #f6f6f6;
	width: 63%;
	float: left;
	padding: 0.5em 1em 0.5em 2em;
}

#calendar_content {
	background: #f6f6f6 url(images/content_bg.gif) repeat-y -81% 0;
	float: left;
	width: 81%;
	font-size: 1.1em;
	padding: 0;
}

#calendar_content #primary_main {
	background: #f6f6f6;
	padding: 0.5em 1em 0.5em 2em;
}

#secondary {
	width: 30%;
	float: right;
	padding-top: 1em;
}

.module_header {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 1em;
	margin-top: .5em;
}

.inside_module {
	width: 27.25%;
	border-top: 1px solid #d1d1d1;
	padding-left: 2.125em;
	padding-right: 1em;
	float: left;
	margin-top: 0;
}
.inside_module.no_title { border-top: none; }

.inside_module p {
	padding-right: 1em;
}
.inside_module ul {
	list-style-type: none;
}

.inside_module ul li {
	margin: 0 0 .6em 0;
	padding: 0;
	line-height: 1.25;
}

.inside_module ul li a {
	color: #00417D;
}

#latest_updates ul,
#events ul,
.icon_list {
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
}

.icon_list {
	padding: 0 10px 0 0;
}

#latest_updates ul li,
#events ul li,
.inside_module ul.icon_list li {
	list-style-type: none;
	margin: 0 0 .75em 0;
	padding: 0 0 4px 28px;
	line-height: 1.3;
}

#events ul li a,
#latest_updates ul li a,
.icon_list li a {
	color: #10385c;
	text-decoration: none;
}

#events ul li a:hover,
#latest_updates ul li a:hover {
	text-decoration: underline;
}

.list_news_sm {
	background: url(/sup/img/icons/news_sm.gif) no-repeat;
}

.list_info_sm {
	background: url(/sup/img/icons/info_sm.gif) no-repeat;
}

.list_events_sm {
	background: url(/sup/img/icons/events_sm.gif) no-repeat;
}

.list_jobs_sm {
	background: url(/sup/img/icons/job_sm.gif) no-repeat;
}

#events ul li em,
.icon_list li em {
	display: block;
	color: #666666;
	font-size: .85em;
	font-style: normal;
}

#password_view {
	display: none;
}

/* --------------------------------------------------------------------- */
/* Interior Global
/* --------------------------------------------------------------------- */

.callouts {
	background: #fff9ef;
	font-family: "Myriad Pro", Arial, sans-serif;
	color: #b86b00;
	font-size: 1.1em;
	line-height: 1.1;
	border: 1px solid #AEAEAD;
	width: 34%;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 1.25em;
	float: right;
}

.callouts img {
	max-width: 99%;
}

.callouts ul {
	margin: 0;
	padding: 0;
}

.callouts ul li {
	margin: 0 0 0 .5em;
	padding: 0;
}

.callouts blockquote,
.callouts p {
	margin: 0;
	padding: 0;
}


#primary_content h4 {
	color: #444;
	font-size: 1em;
}

#primary_content a {
	font-style: normal;
	text-decoration: none;
}

.inside #primary_main ul {
	list-style-image: url("/sup/img/blue_bullet.gif");
}

.inside #primary_main ul li {
	margin-bottom: .85em;
}

.inside_tagline {
	color:#A4A4A5;
	float:right;
	font-family:"Myriad Pro",Arial,sans-serif;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:20px;
	margin-top:-6%;
	position:relative;
	text-align:right;
	width:100%;
}

.inside_photo {
	float: left;
	margin-right: 2em;
	margin-top: .8em;
}

.inside_photo img {
	display: block;
	line-height: 0;
}

.inside_module {
	float: none;
	width: 91%;
	border-left: 0;
	border-right: 0;
	padding-left: 1.5em;
	padding-right: 0;
	margin-bottom: 3em;
}

.module_header {
	width: 13em;
}

#contact_address {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contact_address li {
	margin: 0;
	padding: 0;
}

.list_type {
	background: url(/sup/img/icons/calendar.gif) no-repeat;
	padding-left: 65px;
	min-height: 70px;
}

.list_type p {
	margin-top: 0;
}

.list_type p .current {
	font-weight: bold;
	color: #00417D;
}

.bio img {
	display: block;
	float: left;
	margin-top: 1em;
	margin-right: 1em;
}

.pagination {
	margin: 1.5em 0;
}

.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pagination ul li {
	float: left;
	margin: 0 .5em 0 0;
}

.pagination ul li a {
	background: #074786;
	color: #fff;
	display: block;
	padding: .4em .5em .2em .5em;
	line-height: 1;
}

#primary_content .pagination ul li a:hover,
#primary_content .pagination ul li.current a {
	background: #2a82d9;
	text-decoration: none;
}

.list,
.in_the_media {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: .75em;
}

.inside_events {
	list-style-type: none;
	margin: .75em 0 0 0;
	padding: 0;
}

.inside_events li {
	background: url(/sup/img/icons/calendar.gif) no-repeat;
	margin: 0;
	padding: 0 0 20px 60px;
	font-size: 1.3em;
	line-height: 1;
}

.inside_events li em {
	display: block;	
	font-size: .8em;
	margin-bottom: .2em;
}

.board_list {
	list-style-type: none;
	padding: 0;
	margin-top: 2em;
}

.board_list li {
	padding: 0;
	margin: 0 0 50px 0;
	width: 50%;
	float: left;
}

.board_list li:nth-of-type(odd) {
	clear: left;
	float: left;
}

.board_list li h3 {
	margin-top: 0;
}

.board_list li p {
	margin-top: 0;
	margin-bottom: 0;
}

.contact_map {
	width: 285px;
	float: left;
	margin-top: 5px;
	border-left: 15px solid #F6F6F6;
}

.contact_address {
	width: 189px;
	float: left;
	margin-top: 2px;
}

.contact_address span {
	border-top: 1px solid #ccc;
	display: block;
	margin-top: .7em;
	padding-top: .7em;
}

.contact_form_container {
	clear: left;
}

.from_directions,
h3,
h2 {
	margin-top: 40px;
}

dt {
	float: left;
	font-style: italic;
}

dt:after {
	content: ",";
}

dd a[href ^="mailto:"] {
	background: url(/sup/img/icons/email_sm.jpg) no-repeat right 3px;
	padding-right: 20px;
	padding-left: 5px;
}

.callouts h3 {
	margin-top: 0;
}

.callouts .links_down {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.callouts .links_down li {
	margin: 0;
	padding: 0;
}

.links_down li a {
	background: url(/sup/img/down_arrow.gif) no-repeat 0 0;
	padding-left: 20px;
}

.links_down li a:hover {
	background: url(/sup/img/down_arrow.gif) no-repeat left bottom;
}

#primary_content .more {
	background: url(/sup/img/right_arrow.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 14px;
	display: block;
	line-height: 1.1;
	margin-top: 5px;
}

#primary_content .more:hover {
	background: url(/sup/img/right_arrow.gif) no-repeat 0 -14px;
}

#mission {
	background: #0056a9 url(/sup/img/mission_bg.jpg) no-repeat -200px bottom;
	border: 2px solid rgba(255, 255, 255, .4);
	outline: 2px solid #0054a6;
	padding: 1em;
	color: #7fd2fe;
	margin-top: 3em;
}

#mission h2 {
	margin-top: 0;
	color: #fff;
}

#mission p {
	font-style: italic;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 0; 
}

.callout_list {
	width: 50%;
	float: left;
}

.callout_list li {
	line-height: 1.1;
	margin-bottom: .6em;
}

#member_search {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#member_search li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

#member_search li:last-child input {
	margin-top: 22px;
}

#fee {
	font-weight: bold;	
}

/* --------------------------------------------------------------------- */
/* Error, Success, Info messages
/* --------------------------------------------------------------------- */

.error,
.success,
.info,
.inactive {
	padding: .5em 1em .5em 5em;
	min-height: 3em;
	color: #fff;
}

.error {
	background: #b6432f url(/sup/img/icons/error.gif) no-repeat .5em .5em;
	border: 2px solid #961601;
	
}

.success {
	background: #85b62f url(/sup/img/icons/success.gif) no-repeat .5em .5em;
	border: 2px solid #496d08;
}

.info,
.inactive {
	background: #2f88b6 url(/sup/img/icons/info.gif) no-repeat .5em .5em;
	border: 2px solid #1f3d8a;
}

.inactive {
	margin-top: 1.5em;
}

.error p,
.success p,
.info p {
	margin-top: 0;
}

#primary_content .inactive a,
#primary_content .error a {
	color: #fff;
	text-decoration: underline;
}

.award_city_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.award_city_list li {
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
}

.rss_feed_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rss_feed_list li {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.rss_feed_list li a {
	background: url(/sup/img/icons/rss_lg.jpg) no-repeat 0 4px;
	padding-left: 50px;
	display: block;
	font-size: 1.3em;
}

.rss_feed_list li a em {
	font-size: .8em;
	color: #666;
	line-height: 1.25;
	display: block;
}



/* --------------------------------------------------------------------- */
/* "PROGRESSIVE ENRICHMENT"
/* --------------------------------------------------------------------- */

.callouts a[href ^="mailto:"] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*display: block;*/
	/*width: 100px;*/
}

a[href ^="mailto:"] {
	background: url(/sup/img/icons/email_sm.jpg) no-repeat 0 3px;
	padding-left: 18px;
}

a[href $=".pdf"] {
	background: url(/sup/img/icons/pdf.jpg) no-repeat 0 0;
	padding-left: 21px;
}

a[href ^="#header"] {
	background: url(/sup/img/icons/back_to_top.gif) no-repeat 0 0;
	padding-left: 18px;
	height: 14px;
	display: block;
	line-height: 1.15;
}

a[href ^="#header"]:hover {
	background: url(/sup/img/icons/back_to_top.gif) no-repeat 0 -14px;
}

.award_city_list li:after {
	content: ",";
}

.award_city_list li:last-child:after {
	content: "";
}

/* --------------------------------------------------------------------- */
/* Homepage
/* --------------------------------------------------------------------- */

#home #primary_content {
	background: none;
	float: none;
	width: 100%;
	font-size: 1em;
}
#primary_content {
	background:#f6f6f6;
	float: none;
	width: 100%;
	font-size: 1em;
}
 #primary_content #primary_main {
	background:#f6f6f6;
	width: 100%;
	float: none;
	padding: 0;
}

#home h2, 
#home h3 {
	font-family: Helvetica, Arial, serif;
	font-weight: normal;
}

#flash_container {
	border: 2px solid #fff;
	width: 955px;
	margin: 0 auto;
}

#flash_container embed {
	display: block;
}

#flash_container img {
	border: 2px solid #fff;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
}


#main {
	background: #f6f6f6;
	padding-bottom: 2em;
	font-size: 1.1em;
}

#info {
	background: #e9e9e8;
	border-bottom: 1px solid #ababaa;
	
	padding:1em .5em 0 2em;
}
#info_2009 {
	background: #e9e9e8;
	border-bottom: 1px solid #ababaa;
	
	
	padding: .5em 2em

}
.info_year{background: #e9e9e8;
	border-bottom: 1px solid #ababaa;
	
	padding: .5em 2em}
#sponsors {
	width: 30%;
	float: left;
	margin-right: 20px;
}

#info h2 {
	margin-top: 15px;
}

#sponsors h2,
#more_massbio h2 {
	border-bottom: 1px solid #ababaa;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;

}
#more_massbio_2009 h2 {
	border-bottom: 1px solid #ababaa;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;

}
#sponsors h2 {
	margin-bottom: 7px;
}

#sponsors ul,
#more_massbio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
#more_massbio_2009 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
#sponsors ul li,
#more_massbio ul li {
	margin: 0 0px 0 0;
	padding: 0;
	float: left;
}
#more_massbio_2009 ul li {
	margin: 0 0px 0 0;
	padding: 0;
	float: left;
}
#more_massbio ul li {
	margin: 0 0px 0 0;
}
#more_massbio_2009 ul li {
	margin: 0 0px 0 0;
}

#more_massbio {
	width: 100%;
	float: left;
}
#more_massbio_2009 {
	width:100%;
	float: left;
}

#more_massbio ul li.view_newsletter a,
#more_massbio ul li.view_report a,
#more_massbio ul li.view_calendar a,
#more_massbio ul li.view_directory a {
	font-family: "MuseoSans 500", Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
	font-size: 1.1em;
	color: #0b1e40;
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
}
#more_massbio_2009 ul li.view_newsletter a,
#more_massbio_2009 ul li.view_report a,
#more_massbio_2009 ul li.view_calendar a,
#more_massbio_2009 ul li.view_directory a {
	font-family: "MuseoSans 500", Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
	font-size: 1.1em;
	color: #0b1e40;
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
}

#more_massbio ul li#view_directory {
	margin-right: 0;
}
#more_massbio_2009 ul li#view_directory {
	margin-right: 0;
}
#more_massbio ul li img{ padding:0px 0 7px 0px;}
#more_massbio_2009 ul li img{ padding:0px 0 7px 0px;}
.view_newsletter a em,
#view_report a em,
#view_calendar a em,
#view_directory a em {
	font-size: .75em;
	font-family: "MuseoSans 500 Italic", Arial, sans-serif;
	color: #28739f;
}

.view_newsletter a {
	background: url(/sup/img/icons/newsletter.jpg) no-repeat 0 0;
	padding-left: 13px;
}

#view_report a {
	background: url(/sup/img/icons/annual_report.jpg) no-repeat 0 0;
	padding-left: 29px;
}

#view_calendar a {
	background: url(/sup/img/icons/calendar.jpg) no-repeat 0 0;
	padding-left: 36px;
}

#view_directory a {
	background: url(/sup/img/icons/directory.jpg) no-repeat 0 0;
	padding-left: 28px;
}

#about_massbio,
#latest_updates,
#events { 
	width:90%;
	padding-right: 1em;
	float: left;
	margin-top: 3em;
}

#latest_updates h2 {
	width: 17em;
}

#events h2 {
	width: 18.5em;
}

#year2010{width:90%;
	padding-right: 1em;
	padding-left:25px;
	float: left;
	margin-top: 3em; margin-bottom:3em;}


#year2008{width:90%;
	padding-right: 1em;
	padding-left:25px;
	float: left;
	margin-top: 3em;}
	
#am{width:90%;
	padding-right: 1em;
	padding-left:25px;
	float: left;
	margin-top: 3em;}
/************************************
	CALENDAR STYLES
************************************/

.calendar_view {
	float: right;
	font-size: .45em;
	font-weight: normal;
	color: #333;
}

.calendar_view .active_view {
	font-weight: bold;
}

#event_overlay {
	display: none;
	background: #fff;
	border: 1px solid #333;
	padding: 1em;
	position: absolute;
	width: 20em;
	top: 50%;
	left: 50%;
	z-index: 7;
}

#calendar_month {
	text-align: center;
	font-size: 1.4em;
}

#calendar_month span {
	font-size: .7em;
	padding: 0 .75em;
	font-weight: normal;
}

#calendar_month span a {
	color: #999;
	text-decoration: none;
}

#calendar_month span a:hover {
	text-decoration: underline;
}

#day,
#week {
	display: none;
}

#month .calendar_days {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#month .calendar_days li {
	margin: 0;
	padding: 5px;
	text-align: center;
	float: left;
	width: 12.8%;
	border: 0;
	height: auto;
}

.calendar_display {
	color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.calendar_display li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1.1;
}

#month li {
	width: 12.7%;
	height: 10em;
	padding: 5px;
	border: 1px solid #0054A6;
	position: relative;
	margin-top: -1px;
	margin-left: -1px;
}

#week li {
	width: 50%;
	background: yellow;
}

.cal_date {
	margin: 0;
	padding: 0;
	line-height: 1;
	width: 25px;
	height: 25px;
	position: relative;
	top: -5px;
	left: -5px;
	text-indent: -9999px;
	background: url(/sup/img/calendar/dates.gif) no-repeat;
}

.other_month .cal_date {
	opacity: .3;
}

#month .event_today {
	background: #E2EFF5;
}

.day_1 .cal_date {
	background-position: 0 0;
}

.day_2 .cal_date {
	background-position: -25px 0;
}

.day_3 .cal_date {
	background-position: -50px 0;
}

.day_4 .cal_date {
	background-position: -75px 0;
}

.day_5 .cal_date {
	background-position: -100px 0;
}

.day_6 .cal_date {
	background-position: -125px 0;
}

.day_7 .cal_date {
	background-position: -150px 0;
}

.day_8 .cal_date {
	background-position: -175px 0;
}

.day_9 .cal_date {
	background-position: -200px 0;
}

.day_10 .cal_date {
	background-position: -225px 0;
}

.day_11 .cal_date {
	background-position: -250px 0;
}

.day_12 .cal_date {
	background-position: -275px 0;
}

.day_13 .cal_date {
	background-position: -300px 0;
}

.day_14 .cal_date {
	background-position: -325px 0;
}

.day_15 .cal_date {
	background-position: -350px 0;
}

.day_16 .cal_date {
	background-position: -375px 0;
}

.day_17 .cal_date {
	background-position: -400px 0;
}

.day_18 .cal_date {
	background-position: -425px 0;
}

.day_19 .cal_date {
	background-position: -450px 0;
}

.day_20 .cal_date {
	background-position: -475px 0;
}

.day_21 .cal_date {
	background-position: -500px 0;
}

.day_22 .cal_date {
	background-position: -525px 0;
}

.day_23 .cal_date {
	background-position: -550px 0;
}

.day_24 .cal_date {
	background-position: -575px 0;
}

.day_25 .cal_date {
	background-position: -600px 0;
}

.day_26 .cal_date {
	background-position: -625px 0;
}

.day_27 .cal_date {
	background-position: -650px 0;
}

.day_28 .cal_date {
	background-position: -675px 0;
}

.day_29 .cal_date {
	background-position: -700px 0;
}

.day_30 .cal_date {
	background-position: -725px 0;
}

.day_31 .cal_date {
	background-position: -750px 0;
}

.cal_event_list {
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#month .cal_event_list li {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: auto;
}

#month .cal_event_list li strong {
	color: #333;
}

#month .cal_event_list li em {
	font-size: .8em;
}

/************************************
	END CALENDAR STYLES
************************************/

.header_rss {
	float: right;
	display: block;
}

#about_massbio {
	margin-left: 2em;
	padding-left: 0;
}

#home_about_nav {
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
}

#home_about_nav li {
	margin: 0 6px 10px 0;
	padding: 0;
	float: left;
	font-size: 1em;
	font-family: Arial, Sans-serif;
}

#home_about_nav li a {
	display: block;
	color: #0b1e40;
	text-decoration: none;
	font-weight: bold;
	padding: 13px 10px 18px 10px;
	line-height: 0;
}

#home_about_nav li a:hover {
	background: #fff url(/sup/img/home_about_bg.jpg) repeat-x 0 0;
	color: #fff;
}

#home_about_nav .home_about_nav_active {
	background: #0b1e40 url(/sup/img/home_about_bg.jpg) repeat-x top;
}

#home_about_nav .home_about_nav_active a {
	background: url(/sup/img/home_about_bottom.jpg) no-repeat 50% bottom;
	color: #fff;
}

#home_about_nav .home_about_nav_active a:hover {
	background: url(/sup/img/home_about_bottom.jpg) no-repeat 50% bottom;
}

#home_vision_container, 
#home_membership_container {
	display:none;
}

#latest_updates {
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}

#events {
	padding-right: 2em;
}

#about_massbio h2,
#latest_updates h2,
#events h2 {
	position: absolute;
	margin-top: -21px;
	font-weight: bold;
	font-size: 1.2em;
}

  
 .graybox2{
	color:#314B7A;
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:7px;
	padding-top:5px;
	border-bottom: 1px #d1d1d1;
	border-bottom-style:solid;
	width:858px;
	margin-bottom:10Fpx;
	font-size: 1.2em;
	color: #0b1e40;
	font-family: "Myriad Pro", Arial, Sans-Serif;
	color: #0b1e40;
	font-weight: bold;
}
	
 table tr td img{ padding:7px 0 0 0;} 
 .left{ float:left; padding-top:-35px; 
 .graybox2
 font-family: "Myriad Pro", Arial, Sans-Serif;font-size: 1.2em;color: #0b1e40;font-weight: bold;}
  .graybox2 a:link{ color: #0b1e40;font-family: "Myriad Pro", Arial, Sans-Serif;color: #0b1e40;font-weight: bold;}
 .graybox2 a:active{color: #0b1e40;  padding-top:-35px;
 font-family: "Myriad Pro", Arial, Sans-Serif;color: #0b1e40;font-weight: bold;}
 .graybox2 a:hover{color:#666;font-family: "Myriad Pro", Arial, Sans-Serif;color: #0b1e40;;}
 .graybox2 a:visited{ color: #0b1e40;font-family: "Myriad Pro", Arial, Sans-Serif;color: #0b1e40;font-weight: bold;}