/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */

body {
  color:#333333;
  font-size: 14px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 
  font-weight: normal; 
  line-height:150%;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link{
color:#58A618;
text-decoration: underline;
}

a:visited {
color:#478713;
}

#content-inner a{
color:#58a618;
text-decoration: underline;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover, a:active, a:focus, a span:hover{
text-decoration: underline;
color:#3c5caa;
}

a.fusion-block-config{
background: url("/sites/all/themes/fusion/fusion_core/images/emblem-system.png") no-repeat scroll center center #F26868 !important;
}

/* Specific Typography
-------------------------------------------------------------- */
#site-name {
}

.bold{
font-weight:bold;
}

.underline{
text-decoration: underline;
}

.arrowlink{
padding-right:14px;
background:url('../images/arrowlink.png') right top no-repeat transparent;
color:#333 !important;
}

a.button{
display:inline-block;
background:#3c5caa;
height:20px;
line-height: 22px;
padding:3px 10px 2px;
color:#ffffff;
text-decoration: none;
border:none;
font-weight:bold;
}

a.button:hover{
background:#198A28;
color:#ffffff;
}

a.button:active{
background:#39B54A;
color:#ffffff;
padding:4px 10px 1px;
}

.form-textarea, .form-text{
background:#F0F0F0;
color:#666;
border:1px solid #999;
}

.form-textarea{
width:93%;
padding:1%;
}

.form-text{
height: 20px;
width:95%;
}

div.breadcrumbs{
line-height:150%;
}

#content-inner .node .terms{
border-top:1px dotted #ccc;
padding-top:10px;
}

#content-inner .node .terms .links:before{
content:'Find similar articles related to:';
}

#content-inner .node .terms .links li a{
    background: none repeat scroll 0 0 #aaa;
    border-radius:16px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 1px #444444;
    margin-bottom:5px;
}

#content-inner .node .terms .links li{
margin-left:5px;
}

.page-taxonomy div.node.teaser{
border-bottom:1px solid #444;
padding-bottom:10px;
}

blockquote span.open {
    background: url("../images/so-q.gif") no-repeat scroll left top transparent;
    padding: 2px 0 2px 25px;
}

blockquote span.close {
    background: url("../images/sc-q.gif") no-repeat scroll right bottom transparent;
    padding: 2px 25px 2px 0;
}

.views-field-title a{
color: #222222;
}


/* HTML Elements
-------------------------------------------------------------- */


/* Site Info
-------------------------------------------------------------- */
/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
width:784px;
}

#logo img {
height: 155px;
width: 196px;
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
}

/* Typography for site slogan */
#slogan {
}


/* Regions
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
.page {
}

.block{
margin-bottom:10px;
}

.block .inner{
margin:0 !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* Site info + Header Region
-------------------------------------------------------------- */
.header-group {
height:225px;
margin-bottom: 30px;
}

.header-group .block .inner{
margin:0;
}

.header-group ul{
margin:0;
}

.header-group ul li,
.nice-menu li{
list-style: none;
}

.header-group .block{
float:left;
}

.header-group #header-site-info {
margin-top: 10px;
margin-bottom:-35px;
border:none;
padding:0;
float:none;
}

.header-group #block-block-1 ul li a:hover{
color:#666;
}

#primary-menu-region .block{
margin:0;
}

#header{
display:none;
}

#block-search-form {
float:right;
margin-top:10px;
width: auto;
}

#block-block-23 {
float: right;
width: 80px;
}

div.social-icon {
margin-left: 5px;
float:right;
}

#block-search-form h2.title, #block-search-form label{
display: none;
}

#block-search-form .form-text{
max-width:none;
width:150px;
float:left;
height:14px;
font-size:12px;
margin-top:2px;
}

#block-search-form .form-submit{
height:20px;
width: 70px;
font-size:12px;
padding:2px 5px;
text-transform: uppercase;
}

.grid12-12{
width:940px !important;
}

#block-block-9{
float:right;
margin-top:5px;
width: 100px !important;
}

#block-block-9 p{
margin:0;
}

#block-block-9 a{
font-size:11px;
float:right;
margin-right:10px;
}

/* Front Content Area
/-------------------------------------------------------------- */
.front h1.title{
display: none;
visibility: hidden;
}

#content-top{
margin:0 auto;
}

.front #content-top a{
text-decoration: underline;
color:#222;
}

/* Primary Menu
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
}

/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
}

/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
}

/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
}

/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li {
  background-color: #fff;
}

.primary-menu-inner ul.sf-menu li li.last {

}

.primary-menu-inner ul.sf-menu li li li {
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
}


/* Header - Search
-------------------------------------------------------------- */
.search-box {
}

.search-box-inner {
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
}

/*  Banner Area - Banners, Help, Messages
-------------------------------------------------------------- */
#banner {
width: 960px;
margin: 0 auto;
}

#banner p{
margin-top:0;
text-align: left;
}

.front #banner .block{
background: url("/sites/bmidrupalpopqc.chmcres.cchmc.org/files/media/images/banner/front-banner-10-2013.jpg") no-repeat scroll center top transparent;
float: left;
min-height: 160px;
text-align: center;
}

#banner .block .inner{
display: inline-block;
}

#block-block-4 p{
color: #58A618;
font-size: 20px;
line-height: 25px;
margin: 35px 290px 0 125px;
text-align: center;
letter-spacing: 1px;
}


/*  Main Area (content + sidebars)
-------------------------------------------------------------- */
#divider{
height:49px;
width:940px;
margin:-30px auto;
padding:0 40px;
background:url('../images/divider-w.png') left top no-repeat transparent;
}

#main{
//margin-top:-12px;
width: 960px;
margin:-12px auto 0;
}
 
#main-group{
width:700px;
padding:0 0 0 10px;
border-left: 1px solid #FBC200;
min-height: 460px;
}

#content-group, #content {
  width: 700px;
}

.front #main-group{
min-height: 555px;
}

#main-group .content-content .node li,
#main-group .content .node li {
  margin:10px 0;
}

.page-admin .row, .page-admin  .nested, .page-admin  .block {
    overflow: visible;
}

.views-row{
border-bottom:1px dotted #ccc;
margin-bottom:15px;
}

.view .view-content ul li{
list-style-type: none;
}

.block .views-row{
border-bottom:none;
margin-bottom:10px;
}

.block .views-row-last{
margin-bottom:0;
}

#block-views-announcements-block_1.block-views h2, #block-views-news_feed-block_1.block-views h2{
margin:0 0 10px 70px;
}

.view-announcements ul, .view-news-feed ul{
margin:0;
}

.view-announcements .views-row, .view-news-feed .views-row{
min-height: 60px;
}

.view-announcements .views-field-title, .view-announcements .views-field-teaser, .view-news-feed .views-field-title, .view-news-feed .views-field-description{
padding-left:70px;
line-height: 130%;
}

#block-views-announcements-block_1 .view-announcements .views-field-title a, #block-views-news_feed-block_1 .view-news-feed .views-field-title a{
color: #444444;
font-weight: 600;
font-size: 15px;
}

.view-announcements .views-field-created, .view-news-feed .views-field-timestamp{
width:48px;
height:23px;
background:#fbc200;
border:1px solid #aaaaaa;
border-bottom:none;
color:#fff;
font-size:16px;
text-align: center;
position: absolute;
text-transform: uppercase;
letter-spacing: 1px;
margin-top:3px;
}

.view-announcements .views-field-created-1, .view-news-feed .views-field-timestamp-1{
position:absolute;
width:48px;
height:23px;
border:1px solid #aaaaaa;
font-size:20px;
text-align: center;
color:#888888;
line-height: 21px;
margin:27px 20px 0 0;
}


#block-views-announcements-block_1, #block-views-news_feed-block_1{
width:700px !important;
}

#block-views-news_feed-block_1{
margin-top:20px;
}

.full-node.node-type-announcement .submitted{
color:#aaaaaa;
}

#pid-news #block-views-news_feed-block_1 h2{
display:none;
}

.view-postoftheweek .views-field-created, .node-type-postoftheweek .meta .submitted{
font-style:italic;
font-size:12px;
}

.view-postoftheweek .views-field-title{
font-size:18px;
}

.view-postoftheweek .views-field-teaser{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #eeeeee;
}

/* Sidebar Regions
-------------------------------------------------------------- */
body.sidebar-first {
  margin: 0px;
  padding: 0px;
}

/* Sidebar widths can be controlled through theme settings */
.sidebar-first{
margin:0;
line-height:160%;
padding-right:8px;
}

.sidebar{
width: 220px !important;
min-height: 100px;
}

.sidebar .block{
width:220px !important;
}

.sidebar h2{
font-size:18px;
}
.sidebar-last .block.first p{
color:#666;
}

#sidebar-first .nolink {
    color:#3c5caa;
    text-transform:uppercase;
}
#breadcrumbs .nolink {
    color:#3c5caa;
}

.sidebar .block p{
margin-top:0;
}

#main-wrapper .sidebar-first .block.first img{
border: 1px solid #FBC200;
}

#main-wrapper .sidebar-first li a {
padding: 5px 0px;
text-decoration: none;
display: block;
}

#main-wrapper .sidebar-first li a:hover {
color: #3c5caa;
}

#main-wrapper .sidebar-first li a.active {
color: #3c5caa;
font-weight: bold;
}

/* Content Regions
-------------------------------------------------------------- */
.content {
}

.one-sidebar #main-group{
margin-left:0;
}

#content-inner-inner{

}

.left{
float:left;
margin-right:10px;
}

.right{
float:right;
margin-left:10px;
}

.rightpad{
margin:0 15px 10px 0;
}

.leftpad{
margin:0 0 10px 15px;
}

.inline-border{
padding:10px;
border:2px solid #58a618;
border-radius:16px;
}

.callout{
width:50%;
margin-bottom:10px;
}


/*  Content Bottom Region
-------------------------------------------------------------- */
#content-bottom .block{
margin:10px;
padding:10px;
border:1px solid #ddd;
border-radius: 10px;
float:left;
min-height: 215px;
}

#content-bottom .block h2{
padding:0;
margin-top:0;
}

/*  Footer Region
-------------------------------------------------------------- */
#footer-divider{
height:49px;
width:940px;
margin:0px auto 0px;
padding:0 40px;
background:url('../images/divider-f.png') left top no-repeat transparent;
}

#footer{
width:100% !important;
background-color: #3c5caa;
color: white;
}

#footer-message-text{
line-height:18px;
margin-bottom:5px;
}

#footer-message-text a{
color:#999;
text-decoration: underline;
}

#footer-message-text a:hover{
color:#666;
}

#footer .leftpad{
padding-left:20px;
}

#footer .middle{
vertical-align:middle;
}

#footer table{
width:600px;
}

#footer-inner{
margin:10px auto;
width: 940px;
}

#footer .menu {
  margin-bottom: 0;
}

.footer #block-system-main-menu{
width: 100%
}

.footer #block-system-main-menu li{
list-style: none;
float:left;
margin:0 90px 0 0;
}

.footer #block-system-main-menu li.last{
margin:0 0 0 10px;
}


.footer #block-system-main-menu li ul.menu li{
display:none;
visibility: hidden;
}

.footer #block-system-main-menu .menu .menu{
float:none;
}

.footer #block-system-main-menu .menu{
width: 100%;
}

#footer-message{
width:360px !important;
float:left;
}

.footer a,
.footer a.active{
color:#8BD94B;
}

.footer a:hover {
color:#A5F365;
}
#footer #block-block-6{
float:right;
width:49%;
text-align: right;
margin-bottom:0;
}

#footer #block-block-6 p{
margin-bottom:0;
}

/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

div.node{
margin-bottom:0;
}

/* Typography for node titles */

h1, h2, h3, #content-inner h3 a{
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 
font-weight: normal; 
color:#3c5caa;
text-transform: uppercase;
text-decoration: none;
}

h1.title {
font-size:30px;
line-height:30px;
}

h2.title {
}

h2{
font-size:24px;
line-height:24px;
}

h2.block-title {
margin-bottom:15px;
display:none;
}

h2.comments-header{
display:none;
}

h3{
font-size:18px;
line-height:18px;
margin-top:5px;
}


/* Colors and styles for linked node titles, ie. teaser listing at /node */

h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted {
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
display:inline-block;
background:#3c5caa;
padding:3px 10px 7px;
color:#fff;
text-decoration: none;
border:none;
margin:2px;
font-size: 14px;
font-weight: normal;
}


/* Hover style for form buttons */
form input.form-submit:hover{
background:#198A28;
color:#fff;
}

form input.form-submit:active{
background:#39B54A;
color:#fff;
}


/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
  font-size: 14px;
  font-weight:normal;
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Webform
-------------------------------------------------------------- */

.webform-component-radios .form-radios .form-item{
float:left;
margin-right:15px;
}

.webform-component{
min-height:80px;
}

.webform-component .container-inline{
margin-top:10px;
}

/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border-top:none;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #f5f5f5;
  border-bottom: none;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: none;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #fff;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #fff;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}


/* Skinr
/-------------------------------------------------------------- */

/* This is a sample Skinr style to get you started. See fusion_starter.info */
.fusion-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}

/* Tabs
/-------------------------------------------------------------- */

#content-tabs{
float:right;
z-index: 1000;
margin-bottom:0;
}

#content-tabs-inner{
margin-bottom:0;
}

#content-tabs-inner{
float:right;
}

ul.primary {
color:#58a618;
padding:0;
margin:0;
border:none;
}

ul.primary li {
position:relative;
display:inline-block;
border:1px solid #999;
background:#fff;
}

ul.primary li a {
background:none;
color:#888;
border:none;
margin:0;
}

ul.primary li a:hover {
background:none;
color:#58a618;
}

ul.primary li.active {

}

ul.primary li.active a {
color:#58a618;
border:none;
margin:0;
background:transparent !important;
}

ul.primary li.active a:hover {
color:#58a618;
}

ul.primary li a:active {
text-shadow: 0 -1px 0 #888;
background:#58a618;
color:#fff;
}

ul.primary li.active a .tab, ul.primary li.active a:hover .tab {
background: none;
}

#content-tabs .tabs.secondary{
height:25px;
margin:5px 0 0 0;
}

.row, .nested, .block {
overflow: visible !important;
}

#block-block-21 {
  width: 320px;
}

#block-block-24 {
float:right;
margin-top: 75px;
width: 320px;
}


/* =============================================================================
 *   Team Page
 * ========================================================================== */

table.partnerGrid,
table.teamGrid{
width: 760px;
margin:0;
color: #414141;
letter-spacing: 0;
line-height: 1.5em;
font-size: 14px;
font-weight: 400;
}

p.image-title {
width: 225px;
margin: 1em 0;
}

.biocontainer{
position: relative;
}

table.partnerGrid h3,
table.teamGrid h3{
font-size: 16px;
font-weight: 500;
width: 225px;
margin:10px 0 5px;
}

table.partnerGrid span,
table.teamGrid span{
font-style:italic;
padding-bottom:0px;
display: block;
margin-top: -5px;
}

table.partnerGrid td{
vertical-align: top;
width:33%;
height:250px;
padding:30px 22px 30px 0;
}

table.teamGrid td{
vertical-align: top;
width:20%;
padding:0 22px 15px 0;
}

table.teamGrid td.bringtofront{
position: relative;
z-index: 300;
}

.biocontainer img{
position: relative;
z-index: 0;
}

.pop {
position: absolute;
display: inline; 
left:0;
top:0;
width: 221px;
height: 234.5px;
margin-left:-6px;
}
  
.pop.active{
z-index: 400 !important;	
}

.pop .pop_menu {
display: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
border-radius:3px;}

.pop .pop_toggle {
width: 215px;
height: 234.5px;
overflow: hidden;
cursor: pointer; 
float:left;
}

.pop:hover{
  box-shadow: inset 0 0 500px 500px rgba(255, 255, 255, 0.1);
}

.pop.active .pop_menu {
display: block;
border:3px solid #777777;
background-color: #f8f8f8;
color: #414141;
position: absolute;
padding: .6em;
width: 365px; 
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
left:222px;
z-index: 201 !important;
}

.pop.active.last .pop_menu{
left:-387px;
}

.pop.active .pop_menu a {
color: #00AFF3; 
}

.pop.active .pop_menu a:hover {
color: #00AFF3; 
text-decoration: underline;
}

.pop.active .pop_toggle {
z-index: 200;
position: absolute;
top: 0;
left: 0;
}

.pop.righttip .pop_menu:after, .pop.righttip .pop_menu:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.pop.righttip .pop_menu:before {
border-color: rgba(136, 136, 136, 0);
border-right-color: #777777;
border-width: 10px;
top: 30px;
margin-top: -10px;
}


.pop.last .pop_menu:after, .pop.last .pop_menu:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
left: 100%;
}

.pop.last .pop_menu:before {
border-color: rgba(136, 136, 136, 0);
border-left-color: #777777;
border-width: 10px;
top: 30px;
margin-top: -10px;
}

p.noimage-text {
text-transform: uppercase;
color: white;
font-size: 2.5em;
text-align: center;
padding: 45px 0;
line-height: 1.5em;
}

div.noimage {
height: 234.5px;
width: 215px;
border: 1px solid black;
background-color: #999999;
margin-top: 14px;
}

/* additions for the name-only grids */
table.teamGrid_noimage {
  width: 760px;
}

table.teamGrid_noimage td {
  width: 50%;
}

.teamGrid_noimage td.bringtofront {
  position: relative;
  z-index: 300 !important;
}

.teamGrid_noimage .pop {
  height: 34px;
}

.teamGrid_noimage .pop .pop_toggle {
  height: 34px;
}

.teamGrid_noimage .active.last .pop_menu {
  left: -487px;
}

.teamGrid_noimage .active .pop_menu {
  width: 465px;
}

.teamGrid_noimage .pop_menu img {
  float: right;
}

.teamGrid_noimage p {
  margin: 0px;
}

.teamGrid_noimage .active .pop_menu {
  top: -32px;
}

.teamGrid_noimage .active .pop_menu:before {
  margin-top: 0px;
}

.teamGrid_noimage .bringtofront .biocontainer > p {
  color: #8BD94B;
}

.teamGrid p, .teamGrid_noimage p, p.image-title {
  margin: 0
}

span.image-title {
  font-style: italic;
}

.pop .pop_menu {
  min-height: 72px;
}

.pop_menu p {
  margin: 1em;
}

.active .pop_menu {
  left: 226px;
}

/* Centering images for slideshow */
#block-views-home_slideshow-block_1 div.views_slideshow_singleframe_slide,
#block-views-home-slideshow-block-1 div.views-slideshow-cycle-main-frame,
#block-views-home-slideshow-block-1 div.views-slideshow-cycle-main-frame .views_slideshow_cycle_slide {
width: 100% !important;
}

#block-views-home_slideshow-block_1,
#block-views-home-slideshow-block-1 {
width: 100%;
text-align: center;
}

#block-system-main {
  margin-bottom: 0;
}

.node-bottom {
  margin-top: 0.5em;
}