/* Table of Contents
==================================================
	#Header Styles
	#Footer Styles
	#Typography
	#Page Elements
	#Pricing Tables
	#Blocks
	#Blog
	#Homepage
	#Portfolio
	#Contact Us
	#Services
	#Forum
	#Custom Styles
*************************************************/
body {
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #e4e4e4;
	color: #333333;
	font-size: 100%;
}

#page {
/*	 padding-bottom: 20px; 
	-webkit-box-shadow: 0 12px 9px -9px black;
	-moz-box-shadow: 0 12px 9px -9px black;
	box-shadow: 0 12px 9px -9px black;       - Sonja - removed shadow */ 
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #e4e4e4;  
	font-size:0.8125em; /*Sonja - need relative font sizes */ 
	color: #333333;         
}                                           

.site-slogan {
	float: left;
	padding: 10px;
	font-size: 0.813em;
	font-weight: 300;
	color: #999;
	max-width: 200px;
}

.front #page {
	/* padding-bottom: 5px; */
	overflow-x: hidden;
}

/* HEADER STYLES */

.navbar-static-top {
	border-top-style: solid;
	border-top-width: 7px; /*Sonja */
}

#header {
	position: relative;
	z-index: 500;
	max-width: 1020px; /* was 100% - Sonja */
	/*float: left; */
	/* box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);    Sonja */
	margin-left:auto;  /*Sonja */
	margin-right:auto; /*Sonja */
	margin-top:10px; /*Sonja */
}
	
	
.thumbnail, .navbar-static-top {
    border-color: #a0cdde; /*Sonja - navigation border-top color override */
}
.logo {
	margin: 8px 0;
	float: left;
}

.logo a {
	display: block;
}

#user-login h3,
#account-options h3,
#simplenews-wrap .modal-header {
	color: #fff;
}

#user-login.modal.fade.in {
	width: 300px;
	top: 50%;
}

#account-options.modal.fade.in {
	width: 300px;
	top: 50%;
}

#user-login.modal .block-user {
	padding: 20px;
}

#account-options ul.menu {
	width: 180px;
	padding: 20px;
	margin: 0 20px;
}

#user-login.modal .heading,
#account-options.modal .heading {
	display: none;
}

#user-login.modal ul {
	list-style-type: square;
}

#user-login .modal-header,
#account-options .modal-header {
	border-bottom: 1px solid rgba(0,0,0,0.15);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #ffffff;
}

#user-login .modal-header .close,
#account-options .modal-header .close {
	margin-top: 5px;
}

#user-login.modal input[type="text"],
#user-login.modal input[type="password"] {
	width: 280px;
	width: 264px\9; IE*/
	padding: 7px;
}

#user-login.modal .form-type-password {
	margin-bottom: 10px;
}

#user-login.modal .form-actions {
	margin-top: -60px;
	margin-bottom: -20px;
}

#user-login.modal .btn {
	float: right;
}

#main.container {	
	background-image: url("/sites/default/files/default_images/tiny-grid.gif");
	background-color:#FFF; /* Sonja */
	background-position:center;
	padding-top: 15px;
	background-repeat:repeat;
	min-height: 350px;
}

.front #main {
	/*margin-top: 373px;   Sonja  */
	position: static;
}

#postscript {
	background-color:#FFF; /* Sonja */
	background-image: url("/sites/default/files/default_images/tiny-grid.gif"); 
}
#prescript.container {
	background-color:#FFF; /* Sonja */
	background-image: url("/sites/default/files/default_images/tiny-grid.gif");
}

/* Toolbar */

ul.toolbar {
	float: right;
	list-style-type: none;
	margin: 18px 35px 0 0; /* Sonja */
}

ul.toolbar li {
	float: left;
	margin-left: 1px;
	color: #666; /*Sonja */
}

ul.toolbar li span {
	display: block;
	width: 24px;
	height: 24px;
	-webkit-transition: 0.2s linear all;
	   -moz-transition: 0.2s linear all;
	    -ms-transition: 0.2s linear all;
	     -o-transition: 0.2s linear all;
	        transition: 0.2s linear all;
			color: #666; /*Sonja */
}

#footer ul.toolbar {
	margin: 19px 0 0 15px;
}

#footer ul.toolbar li {
	float: left;
	margin-left: 5px;
}

#footer ul.toolbar li span {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	-webkit-transition: 0.2s linear all;
	   -moz-transition: 0.2s linear all;
	    -ms-transition: 0.2s linear all;
	     -o-transition: 0.2s linear all;
	        transition: 0.2s linear all;
}

.behance {
	background: url('../img/icons/behance.png') no-repeat;
}

.dribbble {
	background: url('../img/icons/dribbble.png') no-repeat;
}

.google-plus {
	background: url('../img/icons/google_plus.png') no-repeat;
}

.facebook {
	background: url('../img/icons/facebook.png') no-repeat;
}

.linkedin {
	background: url('../img/icons/linkedin.png') no-repeat;
}

.myspace {
	background: url('../img/icons/myspace.png') no-repeat;
}

.pinterest {
	background: url('../img/icons/pinterest.png') no-repeat;
}

.twitter {
	background: url('../img/icons/twitter.png') no-repeat;
}

.tumblr {
	background: url('../img/icons/tumblr.png') no-repeat;
}

.vimeo {
	background: url('../img/icons/vimeo.png') no-repeat;
}

.youtube {
	background: url('../img/icons/youtube.png') no-repeat;
}

.rss {
	background: url('../img/icons/rss.png') no-repeat;
}

.login {
	background: #444 url('../img/icons/login.png') center no-repeat ;
}

.search {
	background: #444 url('../img/icons/search.png') center no-repeat ;
}

.page-user .login {
	display: none;
}

ul.toolbar li span:hover {
	cursor: pointer;
	background-position: 0 -24px;
}

ul.toolbar li span.login:hover,
ul.toolbar li span.search:hover {
	background-position: center;
}

li.search-box .dropdown-menu label {
	display: none;
}

li.search-box .dropdown-menu::before {
	position: absolute;
	top: -7px;
	right: 12px;;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 7px solid transparent;
	content: '';
}

li.search-box .dropdown-menu {
	width: 200px;
	margin: 17px 0 0 -190px;
	padding: 10px;
}

li.search-box .search-form {
	margin: 0;
}

li.search-box input[type="text"] {
	float: left;
	width: 155px;
	margin: 0;
}

/* FOOTER STYLES */

#footer {
	/* border-top: 3px solid #e1e1e1; */
}

#footer > div {
	font-size: 12px;
	color: #fff;
	text-shadow: 1px 1px 1px #222;
}

#footer .heading h2 {
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	text-shadow: 2px 2px 1px #222;
}

.footer {
	background: url('../img/debut_dark.png');
}

.footer .block {
	margin-bottom: 30px;
}

.copyright {
	background: #222222;
}

.copyright p {
	float: left;
	margin: 20px 0;
	font-size: 13px;
}

.tweet ul {
	margin: 0;
}

.tweet_even,
.tweet_odd {
	display: block;
	list-style: none;
	padding: 15px 0;
	margin-bottom: 15px;
	border-top: 1px dotted #555;
}

.tweet_avatar {
	float: left;
	background: #fff;
	padding: 3px;
	border: 2px solid #666;
	width: 28px;
	height: 28px;
}
.tweet_avatar img {
	width: 100%;
	height: 100%;
}

.tweet_first {
	display: inline-block;
	background-position: 0px 0px;
	border-top : 0;
	padding-top: 0;
	margin-bottom: 0;
}

.tweet_time {
	float: right;
	font-style: italic;
}

.tweet_text {
	display: block;
	padding: 0 0 0 10px;
	overflow: hidden;
}

#footer a {
	color: #BBBBBB;
}

#footer .tag-cloud ul {
	list-style-type: none;
	margin: 0;
}
#footer .tag-cloud ul li {
	display: inline-block;
}

#footer .tag-cloud ul li a {
	float: left;
	background: #222;
	background: rgba(34,34,34,0.5);
	text-shadow: none;
	padding: 5px 7px;
	margin: 0 2px 0;
	color: #fff;
}

#footer .tag-cloud ul li a:hover {
	text-decoration: none;
}

#footer .contact-us {
	height: 100px;
	margin-bottom: 40px;
	background: url('../img/footer-map.png') no-repeat;
}

#footer ul.contact-info  {
	list-style: none;
	margin: 0 0 10px;
}

#footer ul.contact-info li {
	margin-bottom: 5px;
}

#footer ul.contact-info li.address {
	padding-left: 25px;
}

#footer ul.contact-info li.address .icon-map-marker {
	background: url('../img/icons/footer_map_marker.png') 2px 1px no-repeat;
	margin-left: -25px;
	margin-right: 6px;
}

#footer ul.contact-info .icon-envelope {
	background: url('../img/icons/footer_mail.png') 2px 3px no-repeat;
	margin-right: 7px;
}


#footer ul.contact-info li.phone {
	background: url('../img/icons/footer_phone.png') 0 4px no-repeat;
	padding-left: 25px;
}

#main .form-actions {
	height: 50px;
	margin: 0;
}

/* PRIMARY MENU */

.mobile-navigation {
	background-image: url('../img/icons/navigation.png') ;
	background-position: right center;
	background-repeat: no-repeat;
	display: none;
	margin: 0px 0 0 -15px;
	padding: 15px;
	float: left;
	width: 100%;
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	-webkit-transition: 0.2s linear all;
	   -moz-transition: 0.2s linear all;
	    -ms-transition: 0.2s linear all;
	     -o-transition: 0.2s linear all;
	        transition: 0.2s linear all;
}

.mobile-navigation:hover {
	cursor: pointer;
	background: #111;
	background-image: url('../img/icons/navigation_hover.png') ;
	background-position: right center;
	background-repeat: no-repeat;
}

.mobile-navigation.open {
	background: #111;
	cursor: pointer;
	background-image: url('../img/icons/close.png') ;
	background-position: center right;
	background-repeat: no-repeat;
}

.mobile-navigation.open:hover {
	background: #000;
	background-image: url('../img/icons/close.png') ;
	background-position: center right;
	background-repeat: no-repeat;
}

.main-menu,
.main-menu ul {
	/*float: right; Sonja */
	margin: 0;
	margin-left: 50px; /*Sonja */
}

.main-menu ul li {
	cursor: pointer;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-shadow: #000000 -1px -1px;
}

.main-menu ul li.last-child {
	margin: 0 0 0 10px;
}

.main-menu ul ul {
	display: none;
	margin: 0;
	width: 200px;
	position: absolute;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1), 5px 3px 10px rgba(0,0,0,0.1), -5px 3px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1), 5px 3px 10px rgba(0,0,0,0.1), -5px 3px 10px rgba(0,0,0,0.1);
 			box-shadow: 0 5px 5px rgba(0,0,0,0.1), 5px 3px 10px rgba(0,0,0,0.1), -5px 3px 10px rgba(0,0,0,0.1);
}

.mobile-nav {
	display: none;
}

.no-js .main-menu ul li:hover ul,
.no-js .main-menu ul ul li:hover ul {
	display: block;
}

.main-menu ul li a:hover {
	background: #111;
}



.main-menu ul ul li {
	background: #ffffff;
	width: 100%;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

.main-menu ul li:hover {
	background: #111;
	-webkit-transition: 0.2s linear all;
	   -moz-transition: 0.2s linear all;
	    -ms-transition: 0.2s linear all;
	     -o-transition: 0.2s linear all;
	        transition: 0.2s linear all;
}

/* Second Level */

.main-menu ul ul li.last-child {
	margin: 0;
}

.main-menu ul ul li.last-child a {
	border: none;
}

.main-menu ul ul li.active-trail,
.main-menu ul ul li.active-trail a.active,
.main-menu ul ul li a.active {
	background: #fff;
	border: none;
	font-weight: normal;
}

.main-menu ul ul li:hover {
	background: #f4f4f4;
	border: none;
}
.main-menu ul ul li:hover {
	background: #ffffff;
	border: none;
}

.main-menu ul li a, .main-menu ul li a:visited {
	display: block;
	color: #666;
	text-decoration: none;
	text-shadow: none;
	padding: 18px;  /* was 20px */
}

.main-menu ul li.active-trail:hover > a,.main-menu ul li:hover a {
	color: #ffffff;
	text-decoration: none;
}

.main-menu ul > li.active-trail > a,
.main-menu ul > li > a.active {
	font-weight: 600;
	text-shadow: 1px 1px 0 #222;
	color: #ffffff;
	text-decoration: none;
}

.main-menu ul li:hover li a,
.main-menu ul ul li a:visited {
	background: #fff;
	display: block;
	padding: 10px 15px;
	border-bottom: 1px dotted #e1e1e1;
	color: #aaa;
	text-transform: none;
	text-decoration: none;
	text-shadow: none;
}

.main-menu ul ul li.expanded a {
	background: #fff url('../img/icons/expanded_l2.png') 160px center no-repeat;
}

.main-menu ul li:hover li.expanded:hover a {
	background: #f4f4f4 url('../img/icons/expanded_l2.png') 160px center no-repeat;
}

.main-menu ul li:hover li:last-child a {
	border-bottom: 0;
}

.main-menu ul li:hover li:hover a,
.main-menu ul li:hover li.expanded:hover li:hover a {
	background: #f4f4f4;
	padding-left: 20px;
	padding-left: 15px\9;
	text-decoration: none;
	color: #999;
	font-weight: 600;
	-webkit-transition: 0.15s linear all;
	   -moz-transition: 0.15s linear all;
	    -ms-transition: 0.15s linear all;
	     -o-transition: 0.15s linear all;
	        transition: 0.15s linear all;
}

/* Third Level */

.main-menu ul ul ul {
	left: 200px;
	margin-top: -41px;
}

.main-menu ul li:hover li:hover li a,
.main-menu ul li:hover li.expanded:hover li a {
	background: #fff;
	background-image: none;
	font-weight: normal;
	padding-left: 15px;
	border-bottom: 1px dotted #e1e1e1;
}

.main-menu ul li:hover li:hover ul li:last-child a {
	border-bottom: 0;
}


/* NAVIGATION MENUS */

#main .menu ul,
#main ul.menu {
	margin: 0;
}

#main .menu li {
	list-style-type: none;
	background-image: url("../img/menu_bullet.png");
	background-position: 4px 3px;
	background-repeat: no-repeat;
	line-height: 14px;
	padding: 0 0 10px 18px;  /* 18px was 20px */
	float: left;
	width: 100%;
}

.title {
	padding: 15px 0 10px;
	font-weight: normal;
}

li.search-box .form-submit,
.search-form .form-submit {
	background-image: url('../img/icons/search.png');
	background-position: center;
	background-repeat: no-repeat;
	-webkit-boz-shadow: none;
		-moz-box-shadow: none;
			box-shadow: none;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
		 	border-radius: 0;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 30px;
	font-size: 0px;
	color: transparent;
}

#main .search-form .btn.form-submit {
	margin: -9px 0 0 0;
}

/* TYPOGRAPHY */

#prescript h2.heading,
#main h2.heading,
#postscript h2.heading {
	float: none;
	font-size: 14px;
	margin: 0 0 10px;
	padding-bottom: 0;
	color: #666;
}

#main .heading h2.post-title {
	float: left;
	font-size: 28px;
	margin: 0;
	padding-bottom: 20px;
	font-weight: normal;
	color: #666;
  line-height: 120%;
}

/* PAGE ELEMENTS */

.testimonials .carousel-caption {
	padding: 0;
}

.testimonials blockquote {
	padding: 15px;
	margin: 0;
	border: 1px solid #ddd;
	background: #f7f7f7;
}

.testimonials p {
	font-size: 13px;
	font-style: italic;
	color: #999;
}

.testimonials .carousel-inner {
	overflow: visible;
}
.quoted {
	background: url(../img/icons/carot.png) 30px top no-repeat;
	margin-top: -1px;
	padding: 15px 0 0 10px;
	position: relative;
	z-index: 200;
}

.the-icons {
	margin: 0 0 10px;
	list-style: none;
}

.demo-elements {
	margin-bottom: 20px;
}

#snippet-progress-bar {
	top: 10px;
	position: relative;
}

#snippet-alert-boxes {
	top: 3px;
	position: relative;
}

ul.demo-buttons {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

ul.demo-buttons li {
	width: 14.2857142857%;
	text-align: center;
	float: left;
	list-style-type: none;
}

.divider {
	background: url(../img/tabs.png);
	height: 10px;
	margin-bottom: 10px;
}

.dropcap-normal,
.dropcap-highlight {
	float: left;
	font-size: 36px;
	padding: 20px;
	margin: 7px 10px 0px 0px;
}

.dropcap-normal {
	background: #454545;
	color: #fff;
}

.dropcap-highlight {
	background: #e2b548;
	color: #444;
}

.current { /* Breadcrumb trail*/
	font-weight: 600;
}

.empty-slider {
	background: #f4f4f4 url('../img/slider.png');
	border-bottom: 1px solid #ddd;
	height: 460px;
	text-align: center;
}

.empty-slider p.empty {
	width: 100%;
	padding-top: 230px;
	font-size: 24px;
	font-weight: 600;
	color: #666;
}

#main .messages {
	margin-bottom: 20px;
}

/* Set Custom Banner Image for Misc pages (i.e. Calendar) when custom header is not set 
.masthead {
	background: url('../img/masthead/NARI_Banner-Default-032.jpg');
}

/* Set Custom Header Image for "Projects" page */
.page-projects #masthead {
background: url('../img/masthead/NARI_Banner-Projects-032.jpg');
background-size: auto 100%;
background-position: center;
}

#masthead {
	/* float: left; */
	width: 1020px; /* Sonja */
	height: 0px; /* Sonja */
	/* padding-top: 130px; */
	margin-bottom: 20px;
	margin-left: auto; /* Sonja */
	margin-right: auto; /* Sonja */
	-webkit-background-size: cover;
		 -moz-background-size: cover;
		 	-o-background-size: cover;
 	background-size: cover;
	background-position: center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
}

.masthead h1.title,
.contact h1.title {
	float: left;
	background: rgba(34,34,34,0.90);
	text-transform: uppercase;
	padding: 5px 15px;
	font-weight: 300;
	font-size: 24px;
	color: #fff;
}

.masthead .divider {
	width: 100%;
	height: 5px;
	background: url(../img/slider/timer.png);
	position: relative;
	z-index: 200;
	bottom: -15px;
	margin: 0;
}

p.summary {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 20px;
}

#main .form-wrapper input[type="submit"].btn {
	margin-right: 10px;
}

.callout {
	background: #ffffff;
	margin: 5px 0;
	padding: 15px 0;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	-moz-box-shadow: 0px 0px 8px #dddddd;
		-webkit-box-shadow: 0px 0px 8px #dddddd;
			box-shadow: 0px 0px 8px #dddddd;
}

.callout-text {
	float: left;
	font-size: 16px;
	font-weight: 100;
	margin: 15px;
}

.callout .btn {
	float: right;
	margin: 4px 20px 0;
}

.callout .btn:active {
	margin-top: 10px;
}

.page-services #main .row {
	margin-bottom: 20px;
}

.page-services #main p.teaser {
	margin-bottom: 0;
}

.node-services .img-polaroid {
	margin-bottom: 20px;
}

#simplenews-wrap .form-item-mail {
	display: none;
}

#simplenews-wrap {
	width: 300px;
	height: 360px;
	overflow: hidden;
	color: #777;
	text-shadow: none;
}

#simplenews-wrap .fieldset-wrapper {
	padding: 20px 20px 0 20px;
}

#simplenews-wrap .modal-footer {
	text-align: center;
	padding: 0 0 10px;
}

#simplenews-wrap .fieldset-description {
	position: relative;
	top: 10px;
}

#simplenews-wrap img {
	padding: 20px 0 10px;
	margin: 0 auto;
	display: block;
}

#simplenews-wrap .form-item-captcha-response {
	text-align: center;
	padding-bottom: 10px;
}

#simplenews-wrap label {
	font-weight: 600;
	font-size: 13px;
}

#simplenews-wrap.modal.fade.in {
	top: 50%;
}

#simplenews-wrap .close {
	left: -30px;
	position: relative;
}

#simplenews-wrap .modal-header {
	float: left;
	width: 100%;
	font-size: 16px;
	text-shadow: none;
	padding: 12px;
}

.simplenews-subscribe {
	margin-bottom: 0;
}

#footer .block-simplenews {
	margin-top: -30px;
}

#footer .block-simplenews h2 {
	padding-bottom: 5px;
}

#newsletter input[type="submit"] {
	display: none;
}

input[type="text"].newsletter {
	margin-top: 15px;
	background: #444 url(../img/icons/newsletter.png) 198px center no-repeat;
	border: 1px solid #555;
	font-size: 12px;
	font-style: italic;
	outline: 2px solid #222;
	color: #888;
}

.logged-in .block-simplenews p {
	margin: 0;
}

/* PRICING TABLES */

.row.pricing {
	margin-left: 0;
}

.pricing .one-fifth {
	float: left;
	width: 190px;
}

.pricing .one-fifth.features {
	background: transparent;
}

.pricing .features-wrap {
	float: left;
	border: 1px solid #ddd;
	margin-left: -1px;
	margin-right: -1px;
	-moz-box-shadow: 0px 0px 4px #ddd;
	-webkit-box-shadow: 0px 0px 4px #ddd;
		box-shadow: 0px 0px 4px #ddd;
}

.pricing .features h3.pricing {
	min-height: 136px;
	padding: 0;
	background: transparent;
	border: none;
}

.pricing .features li {
	border-left: 1px solid #eee;
	margin-left: -1px;
	z-index: 500;
	position: relative;
	text-align: left;
	padding-left: 10px;
}
.pricing .features li:nth-child(odd) {
	background: #ffffff;
}

.pricing .features li:nth-child(even) {
	background: #f4f4f4;
}

.pricing .span3 {
	width: 237px;
}

.pricing .span4 {
	width: 316px;
}

.pricing div {
	background: #f4f4f4;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.pricing div.span12 {
	background: transparent;
	border-bottom: 0;
	margin-bottom: 10px;
}

h3.pricing {
	background: #444444;
	border-left: 1px solid #555;
	color: #f4f4f4;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.pricing ul {
	margin: 0;
}

.features ul.pricing {
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 4px #ddd;
		-webkit-box-shadow: 0px 0px 4px #ddd;
			box-shadow: 0px 0px 4px #ddd;
}

.pricing ul li {
	border-left: 1px solid #fff;
	padding: 10px 5px;
	list-style: none;
	margin: 0;
	text-align: center;
	font-size: 12px;
}

.pricing ul li:nth-child(even) {
	background: #fff;
}

ul.pricing li.purchase {
	padding: 4px 0 13px;
}

.active ul.pricing li.purchase {
	padding: 8px 0 17px;
}

.pricing ul li.price {
	background: #333 url('../img/price.png');
	border-top: none;
	border-left: 1px solid #555;
	color: #f4f4f4;
	text-shadow: 1px 1px 0 rgba(34,34,34,0.5);
}

li.price h3 {
	font-size: 36px;
	line-height: 36px;
	color: #fff;
}

li.false,
.pricing ul li:nth-child(even).false {
	background-image: url(../img/icons/false.png);
	background-position: center;
	background-repeat: no-repeat;
}

li.true,
.pricing ul li:nth-child(even).true {
	background-image: url(../img/icons/true.png);
	background-position: center;
	background-repeat: no-repeat;
}
/* Active Pricing Table */

.pricing .active {
	position: relative;
	margin: -7px -5px -5px;
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
		box-shadow: 0px 0px 7px #999;
}

.pricing .active li {
	border-left: none;
}

.pricing .active li.price {
border-top: 1px solid rgba(34,34,34, 0.1);
	background-image: url('../img/price.png');
	padding: 13px 5px;
}

.pricing .active .price,
.pricing .active h3.pricing {
	border-left: none;
}

/* BLOCKS */

.block-views {
	width: 100%;
}

.front #prescript .heading,
.front #main .heading,
.front #postscript .heading {
	float: left;
	margin-top: 20px;
}

.front #main .heading:first-child {
	margin-top: 15px;
}

#prescript .heading,
#main .heading,
#postscript .heading,
#comments .title {
	float: left;
	width: 100%;
	background: url('../img/divider.png') bottom repeat-x;
	margin-bottom: 10px;
	font-weight: bold;
}

#prescript .heading h2,
#main .heading h2,
#postscript .heading h2,
#comments .title {
	float: left;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

#prescript .block .title-suffix,
#main .block .title-suffix,
#postscript .block .title-suffix {
	float: right;
	margin: 10px 0;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
	color: #666;
}

.logo-wrapper,
.logo-wrapper img {
	-webkit-transition: 0.3s linear all;
	   -moz-transition: 0.3s linear all;
	    -ms-transition: 0.3s linear all;
	        transition: 0.3s linear all;
}

.logo-wrapper {
	background: #fff;
	-moz-box-shadow: 0px 0px 7px #e5e5e5;
	-webkit-box-shadow: 0px 0px 7px #e5e5e5;
	box-shadow: 0px 0px 7px #e5e5e5;
	border: 1px solid #ddd;
	margin-right: -2px;
}

.logo-wrapper:hover {
	background: #fff;
}

.logo-wrapper img {
	opacity: 0.8;
}

.logo-wrapper:hover img {
	opacity: 1.0;
}

/* BLOG */

.page-blog .sidebar-first .block,
.node-type-blog-post .sidebar-first .block,
.page-blog .sidebar-second .block,
.node-type-blog-post .sidebar-second .block {
	margin-bottom: 20px;
	float: left;
}

.page-blog #main .sidebar-first .form-actions,
.node-type-blog-post #main .sidebar-first .form-actions,
.page-blog #main .sidebar-second .form-actions,
.node-type-blog-post #main .sidebar-second .form-actions {
	margin-top: -10px;
}

.page-blog .content .item-list {
	clear: both;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.page-blog .content .item-list ul.pager {
	display: inline-block;
	margin: 0;
}

.node-type-blog-post .field-name-field-tags,
.node-type-blog-post span.icon-tags {
	display: inline-block;
}

.node-type-blog-post .field-name-field-tags .field-item {
	display: inline-block;
	after: ", ";
}
.node-type-blog-post .field-name-field-tags .field-item:after {
	content: "\00a0/\00a0";
}

.node-type-blog-post .field-name-field-tags .field-item:last-child:after {
	content: "";
}

.node-type-blog-post .skyscraper {
	display: none;
}

.node-type-blog-post .content .img-polaroid {
	margin-bottom: 20px;
	opacity: 0;
}

/* Blog View */
/* Hide Read More link for not-logged-in users. */
body.not-logged-in div.view-dawn-blog div.post-summary a.btn-small {
	display: none;
}

#comments .form-item {
	margin-bottom: 10px;
}

ul.post-meta {
	margin: 0;
}

ul.post-meta li {
	list-style: none;
	float: left;
	margin: 0 20px 10px 0;
}

ul.post-meta li span {
	margin: 2px 2px 0 0;
}

.post-summary {
	margin: 10px 0 40px;
}

#main .tag-cloud ul {
	list-style-type: none;
	margin: 0;
}
#main .tag-cloud ul li {
	display: inline-block;
	background-image: none;
	padding: 0 0 2px;
	width: auto;
}

#main .tag-cloud ul li a {
	float: left;
	background: url('../img/tabs.png');
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;
	text-shadow: none;
	padding: 7px;
	margin: 0 2px 2px;
	font-size: 12px;
	color: #999;
}

#main .tag-cloud ul li a:hover {
	background: #fff;
	text-decoration: none;
	-moz-box-shadow: 0px 0px 3px #dddddd;
		-webkit-box-shadow: 0px 0px 3px #dddddd;
			box-shadow: 0px 0px 3px #dddddd;
}
.popular-posts .post {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #777;
}

.popular-posts .img-polaroid {
	float: left;
	margin-right: 10px;
	border: 1px solid #ddd;
	display: none;
}

.popular-posts .img-polaroid img {
	border: 1px solid #fff;
}

.popular-posts h2.post-title {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 5px;
	color: #666;
	font-weight: 600;
}

.popular-posts span.icon-calendar {
	margin: 2px 2px 0 0;
}

.post-summary p {
/*	margin: 0;*/
}

.post-summary a,
.sorting a {
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	        transition: none;
}

.advert {
	width: 100%;
	float: left;
}

.skyscraper {
	display: block;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #ddd;
	position: relative;
	top: 30px;
}

.comment .user-picture {
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	margin-right: 20px;
}

.comment h3 {
	margin-top: 0;
}

.comment .post-meta {
	float: left;
}

.comment .post-meta li {
	margin-bottom: 0;
}

.comment .content {
	overflow: hidden;
	margin-top: 5px;
}

.comment ul.inline > li {
	padding-left: 0;
	padding-right: 10px;
}

/* HOMEPAGE */

.service-icon {
	display: inline-block;
	margin: 0 10px 0 0;
	float: left;
}


h3.service {
	float: left;
	margin: 0 0 2px;
	line-height: 32px;
}

div.service {
	display: block;
	overflow: hidden;
}

.teaser {
	float: left;
	margin: 0 0 20px 0;
	font-size: 13px;
	font-style: italic;
	color: #777;
}

.front .blog-teaser {
	overflow: hidden;;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 20px;
	color: #777;
}

.blog.img-polaroid {
	position: relative;
}

.date {
	float: left;
	color: #ffffff;
	font-size: 24px;
	padding: 0;
	margin: 10px 20px 0px 3px;
	text-align: center;
	-moz-box-shadow: 1px 1px 0 #999;
	-webkit-box-shadow: 1px 1px 0 #999;
	box-shadow: 1px 1px 0 rgba(34,34,34,0.6);
	text-shadow: 1px 1px rgba(34,34,34,0.6);
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
}

.date span.month {
	width: 52px;
	background: #222;
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin: 0 -1px 0 0;
	font-style: normal;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}

.date span.day {
	float: left;
	width: 100%;
	padding: 6px 0 9px;
}

.front .our-process {
	height: 342px;
}


/* PORTFOLIO */

.portfolio-item {
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #F6CF6F;
	-moz-box-shadow: 0px 0px 7px #dddddd;
		-webkit-box-shadow: 0px 0px 7px #dddddd;
			box-shadow: 0px 0px 7px #dddddd;
}

ul.flippy {
	margin: -2px 0 0;
	float: right;
}

ul.flippy li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.flippy .home a {
	float: left;
	margin-left: 1px;
	width: 30px;
	height: 30px;
	background: #454545 url(../img/icons/view-all.png) center;
}

.flippy .first a,
.flippy .previous a,
.flippy .next a,
.flippy .last a {
	float: left;
	background: #454545;
	width: 30px;
	padding: 4px 0 8px;
	margin-left: 1px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
	color: #fff;
}

.flippy .first a:hover,
.flippy .previous a:hover,
.flippy .next a:hover,
.flippy .last a:hover {
	text-decoration: none;
	background: #222;
}

.flippy .home a:hover {
	background: #222 url(../img/icons/view-all.png) center;
}

.related-projects {
	padding-top: 20px;
}

.related-projects .span3 {
	height: 250px;
}

#filters {
	float: left;
	margin: 0;
}
.sorting {
	text-align: right;
	margin-bottom: 10px;
}

.sorting .btn-group {
	margin-top: -8px;
	text-align: left;
}

/* CONTACT US */

.contact #breadcrumb {
	margin-top: 17px;
}

ul.contact-info  {
	list-style: none;
	margin: 0;
}

ul.contact-info li {
	margin-bottom: 5px;
}

ul.contact-info li.address {
	padding-left: 20px;
}

ul.contact-info li.address .icon-map-marker {
	margin-left: -20px;
	background-position: -24px -70px;
	height: 18px;
}

ul.contact-info .icon-envelope {
  background-position: -72px 2px;
}


ul.contact-info li.phone {
	background: url('../img/icons/phone.png') 0 6px no-repeat;
	padding-left: 20px;
}

.map {
	width: 100%;
	height: 440px;
}

.map img {
	max-width: none;
}

.map .gmnoprint {
	margin-top: 60px;
}

.contact {
	position: relative;
	z-index: 250;
	margin: -100px 0 30px;
}

.page-contact #main {
	padding-top: 20px;
}

.page-contact .summary {
	margin-left: 20px;
}

#contact-site-form {
	margin-top: -10px;
	margin-bottom: 30px;
}

#contact-site-form .form-type-textfield {
	float: left;
	margin-right: 20px;
}

#contact-site-form input[type="text"] {
	width: 199px;
}

#contact-site-form .form-type-textarea {
	float: left;
	margin-top: 20px;
}

#contact-site-form textarea {
	width: 682px;
	height: 150px;
}

#contact-site-form .form-actions {
	float: left;
}

#contact-site-form .form-item-copy {
	float: left;
	width: 100%;
	margin-top: 5px;
}

#contact-site-form .form-item-copy input[type="checkbox"],
#contact-site-form .form-item-copy label {
	float: left;
	margin-right: 10px;
}

/* SERVICES */

.node-type-services .service-icon {
	background: url(../img/tabs.png);
	padding: 4px;
	border: 1px solid #ddd;
}

.node-type-services h3.service {
	float: none;
	margin: 0 0 10px;
	line-height: 16px;
}

.node-type-services .teaser {
	margin: 0;
	float: none;
}

.node-type-services .sidebar-second .btn {
	margin-bottom: 20px;
}

/* FORUM */

#main #forum .icon div {
	margin: 0 -30px 0 10px;
}

#main #forum div.indent {
	margin-left: 0;
}

#forum table {
	width: 100%;
	background: #fff;
	-moz-box-shadow: 0px 0px 7px #ddd;
		-webkit-box-shadow: 0px 0px 7px #ddd;
			box-shadow: 0px 0px 7px #ddd;
}

#forum .container a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 0 #222;
}

#forum th {
	background: #444444;
	margin: 0;
	padding: 7px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f4f4f4;
}

#forum td {
	padding: 10px;
}

#forum table td:nth-child(even) {
	background: #f4f4f4;
}

td.posts, td.topics {
	text-align: center;
}

#toTop {
	display: none;
	width: 42px;
	height: 42px;
	background: url('../img/icons/totop.png') center center;
	text-align: center;
	position: fixed;
	bottom: 60px;
	right: 42px;
}

#toTop a {
	display: block;
	width: 100%;
	height: 100%;
}

#toTop:hover
{

}
#toTop p {
	display:none; /*edit for 508 compliance  */
	font-size: 0px;
	color: transparent;
}


#block-menu-menu-footer-menu {
    margin-bottom: 0;
}
#block-menu-menu-footer-menu .heading {
    display: none;
}
#block-menu-menu-footer-menu .menu {
    list-style: none;
    margin: 0;
}
#block-menu-menu-footer-menu .leaf {
    float: left;
    display: block;
    padding: 1em;
}

#breadcrumb {
  max-width: 50%;
}

#page h4 { line-height: 28px; }


@media (max-width: 767px) {
	.main-menu ul ul ul {
		left: 0;
		margin-top: 0;
		border-bottom: none;
	}

	.main-menu ul li:hover li:hover li a,
	.main-menu ul li:hover li.expanded:hover li a {
		background: #fff;
		background-image: none;
		font-weight: normal;
		padding-left: 35px;
		border-bottom: 1px dotted #e1e1e1;
	}

	.main-menu ul li:hover li.expanded:hover li a:before {
		content: "--- ";
	}

	.main-menu ul li:hover li:hover ul li:last-child a {
		border-bottom: 0;
	}

	.main-menu li.expanded li.expanded a {
		background: #fff;
		background-image: url('../img/icons/expanded_mobile_l2.png');
		background-position: right center;
		background-repeat: no-repeat;
	}

	.main-menu ul li:hover li.expanded:hover a {
		background: #f4f4f4 url('../img/icons/expanded_mobile_l2.png') right center no-repeat;
	}
}

@media (max-width: 320px) {
	#header .logo { margin-left: -5px; }
	#header ul.toolbar { margin-right: -10px; }
}


/**********************************CUSTOM******************************************/

.custom-view-unformattedList-item > a {
	display: block;
    width: 100%;
    overflow: hidden;
	margin-top: 15px;
    height: 200px;
}

.custom-view-unformattedList-item > a > img {
	min-width: 100%;
    max-width: 1020px;
    min-height: 100%;
    max-height: 1920px;
}

.custom-main-page-content {
	margin-top: 20px;
}

/**********************************STAFF PAGE**************************************/

.custom-header-no-margin {
	margin: 0;
}

h6.custom-header-no-margin {
	margin-top: 5px;
	margin-bottom: 10px;
}

.view-staff .custom-staff-item {
	margin-bottom: 20px;
	min-height: 165px;
}

@media (max-width: 979px) and (min-width: 768px) {

	.view-staff .custom-staff-item {
		min-height: 225px;
	}
}

@media (max-width: 767px) {
	.custom-header-no-margin {
		margin: 10px 0 10px 0;
	}
}

/**********************************PERSON PAGE*************************************/

.node-person-page .field-name-field-photo {
	float: left;
}

.node-person-page .field-name-body{
	padding-left: 120px;
}

.node-person-page .field-name-field-position
{
	padding-left: 120px;
	margin-bottom: 5px;
	font-weight: bold;
}

@media (max-width: 767px) {
	.node-person-page .field-name-field-photo {
		float: none;
		margin-bottom: 10px;
	}

	.node-person-page .field-name-body{
		padding-left: 0;
	}

	.node-person-page .field-name-field-position
	{
		padding-left: 0;
	}
}

/*************************************LOGO*****************************************/

.navbar-static-top .navbar-inner .container {
}

.main-menu ul li a, .main-menu ul li a:visited {
	padding: 18px; /* was 20px */
}

@media (max-width: 1024px) and (min-width: 768px) {
  .main-menu ul li a, .main-menu ul li a:visited {
    padding: 18px 10px;  /* was 20px */
  }
}

@media (max-width: 850px) and (min-width: 768px) {
  .main-menu ul li a, .main-menu ul li a:visited {
    font-size: 80%;
  }
}

.logo>a>img{height: 44px;}

.masthead .container {
	margin-top: 10px;  /* Sonja */
}

.masthead .container .title {
	background: none;
	padding: 5px 20px 0 20px;  /* Sonja */
	margin: 0;
}

.header-content-wrapper {
	/* background: url("../img/NARI_BlueBar-004.png") center center; 
	background-size: cover; */
	background-color: #575757;
	width: 100%;
	position: relative;
	height: 60px;
	/*top:70px;
	 box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);  Sonja */
}

.main-page-after-slider {
	background: url("../img/NARI_BlueBar-004.png") center center;
	background-size: cover;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0px; /* was -50px; */
	box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.5);
}

.main-page-after-slider:after {
  display: block;
  content: "NASA Aeronautics Research Institute";
  font-weight: 300;
  font-size: 24px;
  color: #FFF;
  height: 50px;
  line-height: 44px;
  padding: 0;
  margin: 0 auto;
  width: 942px; /* was: 922px */
}

@media (max-width: 979px) and (min-width: 768px) {
  .main-page-after-slider:after {
    width: 706px;
  }
}

@media (max-width: 767px) {
  .main-page-after-slider:after {
    width: auto;
    text-align: center;
    font-size: 18px;
  }
}



.view-revolution-slider {
	margin-bottom: 10px;  /* Sonja - changed from 50 */
	padding-bottom: 50px; /* Sonja - added this line */
}

.masthead .container #breadcrumb {
	background: none;
	box-shadow: none;
	color: white;
	margin-top: 6px;
}

.masthead .container #breadcrumb .breadcrumb {
    padding: 10px 0 10px 10px;
}

.breadcrumb > li.current {
    padding-right: 0;
}

.masthead .container #breadcrumb a {
	color: white;
}

.masthead .container #breadcrumb .icon-home {
	background: none;
}

.masthead .divider {
	display: none;
}

#masthead {
	height: 0; /* Sonja - was 150   */
	margin-bottom: 60px; /* Sonja*/
}

@media (max-width: 767px) {
  #masthead {
    margin-top: 30px;    /* Sonja - was padding-top    */
  }
}

/****************************Principal Investigators*******************************/

.pi-view-field-title {
	min-width: 120px;
}

.pi-view-row td {
	padding-left: 15px;

}

.pi-view-row td:first-child {
	padding-left: 0;
}

/** Custom CSS */

/* Projects Table icons */

img.centerImage {
    /*display: block;*/
    margin-left: auto;
    margin-right: auto }

td.views-field-field-final-report, td.views-field-field-presentation-slides {
  text-align: center;
}

/* Views Table */


/* Styles for Investigators and Projects Tables */

table.views-table { 
	width:100%; 
	background-color: #e6e7e8; 
	border:1px solid #A3A3CC; 
	margin-top: 20px;
	margin-left: -10px; /* ------------------------------------------- centers PI table - Sonja */
	}
table.views-table th {background-color: #c7c8ca; padding: 10px 5px 10px 10px; border:1px solid #A3A3CC; font-weight:bold;}
table.views-table tr {background-color: #e6e7e8; padding: 10px 10px 10px 10px; border:1px solid #A3A3CC;}
table.views-table td {background-color: #e6e7e8; padding: 10px 10px 10px 10px; border:1px solid #A3A3CC;}

/* Fixes table margins on iPad */
@media (min-width: 745px) and (max-width: 1000px) {   
table.views-table {
    margin-left: 10px;
}
.view-projects  {
	margin-left: 10px;
}
.view-projects table {
	margin-left: 0px;
}
}


/* Allow "Projects" and "Principal Investigators" page/view to scroll horizontally within frame on phones and tablets */

/* Phones and Tablets */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)  {

   .view-pi {
     overflow: scroll;
   }

   .view-projects  {
     overflow: scroll;
	 width:90%; /* fixing Projects table margins on Phones */
   }
   .view-projects table {  /* fixing Projects table margins on Phones */
	margin-left: 2px;	
	}
   .seedling {
	   overflow: scroll;
   }
   .seedling table {  /* fixing Seedling table margins on Phones */
	margin-left: 2px;	
	}
   .month-view  {
     overflow: scroll;
   }
   
   .year-view  {
     overflow: scroll;
   }
   
}

/* Classes for Revolution Slider */

.slide_header_white {
color: white;
font-weight: bold;
font-size: 48px !important;
opacity: 0.80 !important;
}

/* Move down slightly on iPad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 979px)  {
.slide_header_white {
top: 80px !important;
}
}

/* Display header in smaller font on phone */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)  {
.slide_header_white {
color: white;
font-weight: bold;
font-size: 24px !important;
opacity: 0.80 !important;
}
}

.slide_header {
color: black;
font-weight: bold;
font-size: 48px !important;
}

.slide_header_blue {
color: blue;
font-weight: bold;
font-size: 48px !important;
}

.slide_header_green {
color: #00FF00;
font-weight: bold;
font-size: 48px !important;
}

.slide_header_fuschia {
color: #FF00FF;
font-weight: bold;
font-size: 48px !important;
}

.slide_header_silver {
color: silver;
font-weight: bold;
font-size: 48px !important;
}

.slide_header_whitesmoke {
color: whitesmoke;
font-weight: bold;
font-size: 48px !important;
}

.slide_image {
width: 5%;
height:auto;
}

/* ------------------------------------------- old CSS for slideshow - Sonja
.slide_div {
background-color: white;
opacity: 0.80 !important;
color: black;
font-size: 14px;
border: 1px solid black;
height: 180px;
width: 380px;
padding: 10px;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
}
--------------------------------------------- */


/* ------------------------------------------- Begin new CSS for slideshow - Sonja */

.slide_div {
background-color: black;
opacity: 0.70 !important;
color: white;
font-size: 14px;
border: 1px solid black;
height: 95px;
max-height:95px;
padding: 0 10px 10px 20px;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
/* display: table-cell; /* required for vertical align */
vertical-align: middle;
}


/* ------------------------------------------- End new CSS for slideshow - Sonja */

    



/* Reduce height and width slightly on iPad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 979px)  {
.slide_div {
background-color: black;
opacity: 0.80 !important;
color: white;
font-size: 14px;
height: 160px;
width: 360px;
padding: 10px;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
}
}

/* Supress display of the article box on phone
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)  {
.slide_div {
background-color: black;
opacity: 0.80 !important;
color: white;
font-size: 14px;
height: 180px;
width: 380px;
padding: 10px;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
display: none !important;
}
}

/* Display short article title and +Read more on phone only */
.slide_div_phone_only {
background-color: black;
opacity: 0.80 !important;
color: white;
height: 60px;
width: 100%;
padding: 10px !important;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
}

@media only screen
and (min-device-width : 569px) {
.slide_div_phone_only {
background-color: black;
opacity: 0.80 !important;
color: white;
height: 100%;
width: 100%;
padding: 10px !important;
word-wrap:normal !important;
text-align:left;
white-space:normal !important;
display: none !important;
}
}

/* Better Exposed Filters Styles */

.bef-group-heading {
  font-weight: bold !important;
  padding-left: .5em !important;
}
.bef-group-items {
  margin: 0 0 .5em .75em !important;
  padding: .5em 0 0 .75em !important;
  border-left: 1px dotted #666 !important;
  border-bottom: 1px dotted #666 !important;
 }

/** Style labels and items on exposed forms (i.e Event Type Checkboxes)  */
div.views-exposed-form div.form-item label.option {
    display: inline-block;
    width: inherit;
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle;
	margin: 5px 0px 3px 5px;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Adjust location and padding for "Prev" button in calendar view. */
.view .date-nav-wrapper .date-prev {
right:70px;
}

.view .date-nav-wrapper .date-prev a{
padding: 3px 10px 3px 3px !important;
}

/* Adjust padding for "Next" button in calendar view. */
.view .date-nav-wrapper .date-next a {
padding: 3px 3px 3px 10px !important;
}

/* Remove background padding on "Prev" and "Next" buttons in Calendar. From bootstrap.css */
.nav-pills > li > a, .pager > li > a {
border-top: 0px none #ccc !important;
border-right: 0px none #ccc !important;
border-bottom: 0px none #ccc !important;
}

/* Reduce amount of space below month title and above main body of calendar */
.nav, .pager {
margin-bottom: 0px !important;
}

/* Reduce size of font for time and event name in calendar views - from calendar_multiday.css */
.calendar-calendar div.calendar {
font-size: xx-small;
}

/* Align dates in mini-calendar in center of day - from calendar_multiday.css */
.calendar-calendar td {
text-align: center;
}

/* Adjust background color of all day events to help make event title more visible - from calendar_multiday.css */
 .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
background: #C9DAE6;
}

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
background: #C9DAE6 !important;
height: 2.1em;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
background: #C9DAE6;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
height: 2.1em;
}
/* Reduce size of Calendar header font - from calendar_multiday.css */
.view .date-nav-wrapper .date-heading h3 {
font-size: 1.5em; /* was 1.7em */
}

/* Center text in select columns "Projects" and "Investigators" tables */
.center_column_text {
text-align: center;
}

/* Style for "Final Report", "Slides", and "Video" columns of "Projects" table */
.hide_file_name {
display: none;
}

/* First Name, Middle Initial, Last Name fields for "Principal Investigator" content type */

.field-name-field-prefix, .field-name-field-pi-first-name, .field-name-field-pi-mi, .field-name-field-pi-last-name {
font-size: 22px;
line-height: 50px;
}


/* Begin NASA footer styles  */

.footer {
	padding-top: 5px;
	padding-bottom: 0px;
	clear: both;
	position: relative;
	margin: auto;
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	line-height: 18px;
	text-align: left;
	top: 0px;
}                




.footlinks {
	float: left;
	padding-left: 0px;
	width: 20%;
}	
.footer a:link {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight: normal;
}
.footer a:hover {
	text-decoration:underline;
}
.footer a:visited {
	color:#000000;
	font-size:11px;
	text-decoration: none;
}

/* Fix for alignment issue after .img-polaroid in Firefox */
ul.post-meta {
float: left;
width: 100%;
}

/* Project page */
div.node-project div.field-name-field-principal-investigator h2 {
  font-size: 13px;
  line-height: 0;
}

/*************************** Project Websites view *************/

/* Program heading */
div.view-project-websites > h3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Row */
div.view-project-websites div.views-row {
  margin-bottom: 20px;
  min-height: 70px;
}

/* Indent fields to the right of the thumbnail */
div.view-project-websites div.views-field {
  margin-left: 120px;
}

/* Thumbnail */
div.view-project-websites div.views-field-field-project-image {
  position: absolute;
  margin-left: 0;
}

/* Lead institution inline */
div.views-field-field-lead-institution div.field-content {
  display: inline;
}


/* calendar module CSS overrides to relative font sizes for 508 compliance */
.calendar-empty {
  font-size: 0.0625em;
}
.calendar-calendar .stripe {
  font-size:0.0625em !important;
}
table.calendar-legend tr.odd .stripe,
table.calendar-legend tr.even .stripe {
  font-size: 0.5625em !important;
}
.calendar-empty {
  font-size: 0.0625em;
}
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {
  font-size: 0.75em;
}
.view .date-nav-wrapper .date-prev {
  font-size: 0.75em;
}
.calendar-calendar .week-view .header-body-divider,
.calendar-calendar .week-view .single-day-footer,
.calendar-calendar .day-view .single-day-footer,
.calendar-calendar .day-view .header-body-divider {
  font-size: 0.0625em;
}
.calendar-calendar .week-view div.single-day .half-hour,
.calendar-calendar .day-view div.single-day .half-hour {
  font-size: 0.0625em;
}
.date-nav-wrapper .date-prev a,
.date-nav-wrapper .date-next a {
  font-size: 0.75em;
}
.date-nav-wrapper .date-prev {
  font-size: 0.75em;
}
.date-nav-wrapper .date-next {
  font-size: 0.75em;
}

/* ckeditor module override - justified text not allowed for 508 compliance */

.rtejustify {
    text-align:left;
}

/* override for "Appearance" settings  need relative font sizes for 508 compliance */
#page { 
	font-size:0.8125em;
}
h1 { 
	font-size:2em; 
}
h2 { 
	font-size:1.5625em;
}
h3 {  
	font-size:1.5em;
}
h4 { 
	font-size:1.5em; 
}
h5 { 
	font-size:0.875em;
}
h6 { 
	font-size:0.75em;
}



/*************************** New Slideshow Block *************/


#views_slideshow_cycle_main_banner_slider-block {
	width:746px;
	float:left;
	margin: 14px 14px 0 0;
	height:359px;
}
#views_slideshow_cycle_main_banner_slider-block .views-field-title, #views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
	position:relative;
	top:-100px;
	background-color: rgba(0, 0, 0, 0.7);
	padding-left:10px;
}
#views_slideshow_cycle_main_banner_slider-block .views-field-title {
	font-size: 1.4em;
	padding: 5px 0 5px 10px;
}
#views_slideshow_cycle_main_banner_slider-block .views-field-title a {
	color: #66ffff;
}
#views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
	color: #fff;
	height:70px;
	text-overflow: ellipsis;
	overflow: hidden;
}
#views_slideshow_cycle_main_banner_slider-block .views-field-field-body a {
	color: #66ffff;
}
.views-slideshow-controls-bottom .views-slideshow-pager-field-item { 
	float: left; 
	margin: 14px 0; 
	} 
.views-slideshow-pager-field-item {
	width: 260px;
	height:61px;
}
.views-slideshow-pager-field-item .views-field-body {
	display:none;
}
.views-slideshow-pager-field-item .views-field-title {
	position:relative;
	/*top:-100px;*/
	background-color: rgba(0, 0, 0, 0.5);
	height: 75px;
	z-index: 1;
}
.views-slideshow-pager-field-item .views-field-field-slider-image {
	position:relative;
	top:-75px;
}
.views-slideshow-pager-field-item .views-field-title a { 
	color: rgba(255, 255, 255, 0.85);
	font-size: 1.2em;
}
.views-slideshow-pager-field-item .views-content-title {
	padding: 5px 10px 5px 10px;
}

@media (max-width: 1019px) {
	#views_slideshow_cycle_teaser_section_banner_slider-block, #views_slideshow_cycle_div_banner_slider-block_0, #views_slideshow_cycle_div_banner_slider-block_1, #views_slideshow_cycle_div_banner_slider-block_2, #views_slideshow_cycle_div_banner_slider-block_3, .views-slideshow-cycle-main-frame-row-item.views-row.views-row-0.views-row-odd.views-row-first, .views-slideshow-cycle-main-frame-row-item.views-row.views-row-1.views-row-even, .views-slideshow-cycle-main-frame-row-item.views-row.views-row-2.views-row-odd, .views-slideshow-cycle-main-frame-row-item.views-row.views-row-3.views-row-even.views-row-last {
		height:359px !important;
		width: 100% !important;
	}
	#views_slideshow_cycle_main_banner_slider-block, #views_slideshow_cycle_main_banner_slider-block img {
		max-height: 359px !important;
		height: auto !important;
		width: 100% !important;
	}
	.views-slideshow-pager-field-item {
		display:none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 640px) {
	#views_slideshow_cycle_main_banner_slider-block .views-field-title, #views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
		position:relative;
		top: -20px;		
	}
	#views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
		text-overflow: ellipsis;
		overflow:visible;
		height:90px;
	}
}
@media (max-width: 430px) {
	#views_slideshow_cycle_main_banner_slider-block .views-field-title, #views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
		position:relative;
		top: 0px;		
	}
	#views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
		height:130px;
	}
}
@media (max-width: 370px) {
	#views_slideshow_cycle_main_banner_slider-block .views-field-field-body {
		height:160px;
	}
}