@charset "utf-8";
/* CSS Document */

/*****************
 *    ZERO OUT   *
 *****************/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	padding:2px 5px 10px;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

h1 {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	text-align:left;
}	

h2 {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	color:#003F9F;
	display:block;
	margin:0 0 10px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	clear:left;
}

body {
	text-align:center;
	background:#F4F4F4 url(/images/bg.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#container {
	width:950px;
	padding:0 5px;
	text-align:center;
	margin:0 auto;
}

p {
	line-height:175%;
	margin:5px 0 10px 0;
}

hr {
	width: 80%;
	margin: 10px auto 10px auto;
	color: #CCC;
}

.left {float:left;}
.right {float:right;}
.clright {clear:right;}
.clleft {clear:left;}
.clboth {clear:both;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
p.textcenter { text-align: center }

a {text-decoration:none; color:#007DC5;}
a:active {position:relative; top:1px;}
a:hover, a:active {text-decoration:underline;}

a:hover img, a:active img {text-decoration:none !important;}

.bullet {
	margin:5px 25px;
	list-style:disc;
}

.bullet li {
	margin:5px 0;
	line-height:150%;
}
/****************
 * End Zero Out *
 ****************/
 

/********************** header **********************/
#header {
	height:72px;
	padding-top:10px;
	position:relative;
}

#header a:link, #header a:visited {
	color:#FFF;
	font-size:11px;
}

#header h1 {
	font-family:Cambria, Georgia, "Times New Roman", Serif;
	font-size:16px;
	color:#fff;
	text-align:left;
	position:absolute;
	bottom:19px; left:220px;
}

.search input {
	border:none;
	background:#fff;
}

input.search-submit {
	background-image:url(/images/search-submit.png);
	width:20px;
}

.header-links {
	margin-right:10px;
	color:#fff;
}

#content {
	float:left;
	width:710px;
	text-align:left;
	float:left;
}

/**** Banner ***/

ul#banner {
	padding:0;
}

.banner-container {
	height:300px;
	width:950px;
	overflow:hidden;	
	position:relative;
  z-index:-1000; /**IE 7**/
}

#banner a:active {
	position:static;
}

#banner {
	position:absolute !important;
	top:0 !important; left:0 !important;
}

.inner-banner-container {
	height:75px;
	position:relative;
	z-index:-1000; /**IE 7**/
	background-image: url(http://dummyimage.com/950x100/999/000);
}
.inner-banner-container h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:5px;
	left:5px;
	color:#FFF;
	width: 232px;
}

.inner-banner-container.about {
	background-image: url(/images/header_about_TEST2.png);
}

.inner-banner-container.research {
	background-image: url(/images/header_research_TEST2.png);
}

.inner-banner-container.training {
	background-image: url(/images/header_NCMIR_training_TEST.png);
}

.inner-banner-container.multimedia {
	background-image: url(/images/header_multimedia.png);
}

.inner-banner-container.press {
	background-image: url(/images/header_press.png);
}

.inner-banner-container.collaborators {
	background-image: url(/images/header_collaborator.png);
}

.inner-banner-container.employees {
	background-image: url(/images/header_for_employees.png);
}

.inner-banner-container.gallery {
	background-image: url(/images/header_gallery.png);
}

/****** Lightbox ******/

$(function() {
	$('#gallery a').lightBox({fixedNavigation:true});
});

#gallery_resources ul {
	list-style:none;
}

#gallery_resources ul li {
	display:inline;
	padding:3px;
}

#gallery_resources ul li a img {
	border-color:#000;
	border-style:solid;
	border-width:2px;
}
            
/**** Bread Crumbs*****/

#breadcrumbs {
	text-transform:capitalize;
	text-align:left;
	margin:10px 0 0;
}

.box {
	border:1px solid #918E75;
	border-top:5px solid #0040A0;
	background:#fff;
	padding:10px;
	margin-top:10px;
}

.box .thumbnail {
	float:left;
	display:block;
	clear:left;
	margin:0 10px 10px 0;
	border:1px solid #CCC;
	padding:2px;
}

.box .image {
	display:block;
	margin:0 10px 5px 0;
	background:#FFF;
	padding:2px;
	text-align:center;
	width:180px;
}

.box .caption_right {
	float:right;
	display:block;
	border:1px solid #CCC;
	padding:5px;
	margin:0px 0px 10px 10px;
	//width:186px;
	text-align:center;
	font-size:95%;
	font-style:italic;
	line-height:5px;
}

.caption_right p {
	line-height: normal;
	margin: 3px 0 0 0;
}

.inline_imgcaption {
	width: inherit;	
}

.box .caption_left {
	float:left;
	display:block;
	border:1px solid #CCC;
	padding:5px;
	margin:0px 10px 10px 0px;
	//width:186px;
	text-align:center;
	font-size:95%;
	font-style:italic;
	line-height:5px;
}

.caption_left p {
	line-height: normal;
	margin: 3px 0 0 0;
}

#images {
	float:right;
	width:400px;
}

.home-box-text {
	line-height:17px;
	background:#F4F4F4;
	padding:10px;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	height: auto;
	overflow:hidden;
}

.no-pic-textbox {
	margin-left: 116px;
}

.text-entry {
	margin-bottom: 10px;
}

.box h2 img {
	border:none;
	display:inline;
	vertical-align:bottom;
	margin:2px 5px 0 0;
}

.box .date {
	display:block;
	font-size:11px;
	color:#999;
}
.mission, .calendar {
	height: auto;
}

.gray {
	background:#f4f4f4;
}

.see-more {
	font-family:Cambria, Georgia, "Times New Roman", serif;
	font-size:15px;
	margin-top:5px;
	text-align:right;
}

.see-more a {
	color:#003F9F;
}

/****************************** Mission **************************************/
#mission {
	float:right;
	width:290px;
	text-align:left;
}

/******************************* Calendar ************************************/

.calendar-table h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin-bottom:7px;}
.highlight {background-color:#CBECEF;}
.calendar, .events {text-align:center; background:#fff; border:1px solid #918E75; border-top:5px solid #0040A0; width:208px; padding:10px; margin-top:10px; border-collapse:separate;}
.calendar-table td {width: 27px; height:16px;}
.calendar-table .calendar-day {}
.calendar-header {
	font-weight:bold;
	background-color:#F4F4F4;
}

.calendar-table a {color:#007DC5}

.event-table {border-collapse:collapse; line-height:125%;}
.event-table th {text-align:left;}
.event-table td {padding:10px 5px;}
.event-table .odd {background:#EFEFEF;}
.event-table .event-title {text-align:left;}
.event-table .event-date {text-align:right; font-weight:bold;}
.event-table .event-description {padding-top:0 !important; text-align:left;}

div.events {
	height:max-height;
	overflow:hidden;
}

/****************************** Right Col ****************************/

#rightcol {
	float:right;
	width:230px;
	text-align:left;
}

span.events {
	display:block;
}

.events h3 {
	padding: 5px 0 0;
	border-top:1px solid #ccc;
}

.events p{
	padding: 0 0 5px;
}

.affiliate {
	font-size:12px;
}


.box li {
	margin-top:10px;
}

/******************** Multimedia **********************/
.multimedia .left, .multimedia .right {
	text-align:center;
	background:#f4f4f4;
	padding:10px 20px;
	width:300px;
	margin-bottom:5px;
}

/********************* footer ******************/
#footer-container {
	clear:both;
	background:#333;
	position:relative;
	top:10px;
	border-top:5px solid #0040A0;
	height:200px;
}

#footer {
	width:950px;
	margin:auto;
	position:relative;
	color:#fff;
	font-size:12px;
	text-align:center;
}

.address {
	position:absolute;
	top:0; left:0;
	font-size:11px;
	margin-top:15px;
	padding-right:20px;
	text-align:left;
	line-height:125%;
	border-right:1px solid #fff;
	height:150px;
}

.footer-links {
	position:absolute;
	top:0; left:240px;
	margin-top:15px;
	padding:20px 50px 0;
	text-align:center;
	line-height:150%;
	border-right:1px solid #fff;
	height:130px;
}

.footer-links a {
	color:#fff;
}

.footer-icons {
	position:absolute;
	top:0; right:15px;
	margin-top:35px;
}



/*** AddThis! ***/
.addthis {
	text-align:center;
}

.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}      

#section_nav {
	text-align: center;
}

#section_nav li{
	display: inline;
}

.textbottom {vertical-align:text-bottom;}
.textmiddle {vertical-align:middle;} 
.texttop {vertical-align:top;} 
.textbaseline {vertical-align:baseline;} 