@charset "utf-8";

body  {

	margin: 0;

	padding: 0;

	text-align: center;

	color: #000000;

	background: url("../images/headerTop.gif") repeat-x scroll top transparent;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

img { border: 0; }
table {border: 0;}
table td {padding: 5px;}

.btn{
	-moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 background-color: #eee;
    border-color: #357EBD;
    color: #333;
	}
.btn:hover{
	background-color: #528300;
	}

#logo {

	padding-top: 10px;

	padding-bottom: 10px;

	height: 115px;

}



#awmAnchor-menu 

{

	height: 57px;

}



#awmAnchor-menuTop 

{

	height:57px;

}



.layout #container {

	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0 auto;

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

p.green {

	font-family: Tahoma, Helvetica, sans-serif;

	font-weight: bold;

	color: #528300;

}

p.blue {

	color: #31419A;

}





.layout #page #container #mainContent h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #31419A;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.layout   #page   #container   #mainContent   h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #699615;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	font-weight: bolder;

}

.layout   #page   #container   #mainContent   h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #E3EEFB;

	font-weight: bolder;

	background-color: #FFF;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	background-image: url(../images/H3BG.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;

	margin-top: 1px;

}

.layout #page #container #mainContent h4{

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	font-style: italic;

	color: #404D9B;

	padding-bottom: 0px;

	margin-bottom: 2px;

}

.layout #page #container #mainContent h5 {

	font-weight: bold;

	color: #31419A;

	margin: 0px;

	font-size: 14px;

}

.layout #page #container #mainContent h6 {

	color: #666666;

	padding: 5px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.layout #header {



} 

.layout #header a:link, .layout #header a:visited, .layout #header a:hover, .layout #header a:active {

	text-decoration: none;

	background-color: #FFFFFF;

}



#headerRight {

	float: right;

	width: 275px;

	height: 115px;

	padding: 10px;

	text-align: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #31419A;

	font-weight: bold;

	line-height: 16px;

}



.layout #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	font-family: Arial, Helvetica, sans-serif;

	color: #31419A;

}

.layout #sidebar1 {

	float: right; /* since this element is floated, a width must be given */

	width: 252px;

	background-color: #404D9B;

	background-image: url(../images/sidebarBG.jpg);

	background-repeat: repeat-x;

	background-position: center top;

	padding: 0px;

	margin: 0px;

}

#sidebar1 .content {

	padding: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 11px;

}

#sidebar1 .content a:link, #sidebar1 .content a:visited {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: underline;

}

#sidebar1 .content a:hover, #sidebar1 .content a:active {

	color: #39489B;

	background-color: #e3eef9;

	text-decoration: none;

}



div.hr {

	height: 3px;

	background-color: #404E99;

	background-image: url(../images/HR.gif);

	background-repeat: repeat-x;

}

div.hr hr {

  display: none;

}



#sidebar1 p {

	margin-top: 10px;

	margin-bottom: 0px;

}



.layout #sidebarTop {

	float: right; /* since this element is floated, a width must be given */

	width: 252px;

	background-image: url(../images/sidebarTop.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin: 0px;

	padding: 0px;

}

.layout #sidebarBottom {

	width: 252px;

	background-image: url(../images/sidebarBottom.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin: 0px;

	padding: 0px;

	float: right;

	height: 58px;

	background-color: #FFFFFF;

	clear: right;

}

.layout   #mainContenthome  {

	margin-top: 0;

	margin-right: 250px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 0px;

	font-size: 14px;

}





.layout #page #container #mainContenthome h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	color: #31419A;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.layout   #page   #container   #mainContenthome   h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #699615;

	background-color: #F4F8D5;

	background-image: url(../images/H2BG.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-weight: bolder;

}

.layout   #page   #container   #mainContenthome   h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #E3EEFB;

	font-weight: bolder;

	background-color: #35459A;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	background-image: url(../images/H3BG.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;

	margin-top: 1px;

}

.layout #page #container #mainContenthome h4{

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	font-style: italic;

	color: #404D9B;

}

.layout #page #container #mainContenthome h5 {

	font-weight: bold;

	color: #31419A;

	margin: 0px;

	font-size: 14px;

}

.layout #page #container #mainContenthome h6 {

	color: #666666;

	padding: 5px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.names      {

	font-size: 20px;

	font-weight: bold;

	color: #34449B;

	font-family: Georgia, "Times New Roman", Times, serif, "Adobe Garamond Pro", Garamond;

	background-color: #E3EEFB;

	width: 100%;

	text-align: center;

	display: block;

	padding-top: 3px;

	padding-bottom: 3px;

	border: 1px solid #38479A;

}



.layout #mainContent {

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: left;

	width: 100%;

} 



.layout #footer {

	height: 86px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 20px;

	background-image: url(../images/footerBG.jpg);

	background-repeat: repeat-x;

	background-position: top;

	background-color: #424e9a;

	color: #FFFFFF;

	font-size: 11px;

	line-height: 18px;

	clear: both;

} 

.layout #footer a:link, .layout #footer a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #e5f891;

	text-decoration: underline;

}

.layout #footer a:hover, .layout #footer a:active {

	color: #FFFFFF;

	background-color: #515B99;

}





.layout  #page  {

	background-color: #FFFFFF;

	margin-top: 8px;

	clear: both;

}



.layout #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.layout #mainContent a:link, .layout #mainContent a:visited {

	color: #31419A;

	text-decoration: underline;

}

.layout #mainContent a:hover, .layout #mainContent a:active {

	color: #699615;

	background-color: #F4F8D5;

	text-decoration: none;

}

.layout   #page   #container   #mainContent   .title  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #E3EEFB;

	font-weight: bolder;

	background-color: #354499;

	padding-top: 5px;

	padding-right: 5px;

	padding-left: 10px;

	background-image: url(../images/H3BG.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;

	margin: 0px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #31419A;

}

.layout #page #container #mainContent .bBorder {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #31419A;

	padding-bottom: 10px;

}





.layout #page #container #mainContent div.hr {

	height: 3px;

	background-color: #FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #404E99;

}

.layout #page #container #mainContent div.hr hr {

  display: none;

}

.layout #page #container #mainContent .gallery img {

	border: 1px solid #38469A;

}



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#imageContainer{

	padding: 10px;

}



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover {

	background-image: url(../images/prevlabel.gif);

	background-repeat: no-repeat;

	background-position: left 15%;

}

#nextLink:hover, #nextLink:visited:hover {

	background-image: url(../images/nextlabel.gif);

	background-repeat: no-repeat;

	background-position: right 15%;

}



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.layout #mainContenthome a:link, .layout #mainContenthome a:visited {

	color: #31419A;

	text-decoration: underline;

}

.layout #mainContenthome a:hover, .layout #mainContenthome a:active {

	color: #699615;

	background-color: #F4F8D5;

	text-decoration: none;

}

.blueBold {

	font-weight: bold;

	color: #31419A;

}

#members,  #members   li    {

	padding-bottom: 5px;



}

.padded, .padded li {

	padding-bottom: 5px;

}

.studies {

	background-color: #E3EEFB;

	padding-right: 5px;

	padding-left: 5px;

	border: 1px solid #38479A;

}

.required {

	font-size: 10px;

	font-weight: bold;

	color: #990000;

}

.participate 

{

	height: 24px;

	width: 210px;	

}

a.toTop img{

	padding-right: 5px;

	padding-left: 5px;

}


.bannerAbout {

	background-image: url(../images/bannerAbout.jpg);

	display: block;

	height: 224px;

	width: 965px;

}

.bannerNews {

	background-image: url(../images/bannerNews.jpg);

	display: block;

	height: 224px;

	width: 965px;

}

.bannerContact {

	background-image: url(../images/bannerContact.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerCareers {

	background-image: url(../images/bannerCareers.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerGallery {

	background-image: url(../images/bannerGallery.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerOutReach {

	background-image: url(../images/bannerOutreach.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerResearch {

	background-image: url(../images/bannerPublications.jpg);

	display: block;

	height: 224px;

	width: 965px;

}

.bannerFacilities {

	background-image: url(../images/bannerFacilities.jpg);

	display: block;

	height: 224px;

	width: 965px;

}


.bannerResources {

	background-image: url(../images/bannerResources.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerSoftware {

	background-image: url(../images/bannerSoftware.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



.bannerStaff {

	background-image: url(../images/bannerTeam.jpg);

	display: block;

	height: 224px;

	width: 965px;

}



#nav

{

	height: 116px;

	display: block;

}



#nav ul

{

	list-style:none;

	margin: 0;

	padding: 0 2px;

}



#nav ul li

{

	float: left;

	background: url("../images/navigation.jpg") no-repeat scroll 0 0 transparent;

	margin: 0 5px;

}



#nav ul li a

{

	background: transparent !important;

	text-indent: -9999px;

	float: left;

	display: block;

	width: 151px;

	height: 57px;

}



a.top

{

	padding-left: 32px;

	background: url("../images/upArrow.gif") no-repeat scroll 8px 50% transparent;

}

a.top:hover

{

	padding-left: 32px;

	background: url("../images/upArrowGREEN.gif") no-repeat scroll 8px 50% transparent;

}



#nav ul li.home		{ background-position:    0px    0px; }

#nav ul li.team		{ background-position: -151px    0px; }

#nav ul li.facilities	{ background-position: -302px    0px; }

#nav ul li.gallery		{ background-position: -453px    0px; }

#nav ul li.news		{ background-position: -604px    0px; }

#nav ul li.careers 		{ background-position: -755px    0px; }



#nav ul li.outreach		{ background-position:    0px -114px; }

#nav ul li.health		{ background-position: -151px -114px; }

#nav ul li.software		{ background-position: -302px -114px; }

#nav ul li.publications	{ background-position: -453px -114px; }

#nav ul li.about		{ background-position: -604px -114px; }

#nav ul li.contact 		{ background-position: -755px -114px; }



#nav ul li:hover.home		{ background-position:    0px  -57px; }

#nav ul li:hover.team		{ background-position: -151px  -57px; }

#nav ul li:hover.facilities	{ background-position: -302px  -57px; }

#nav ul li:hover.gallery		{ background-position: -453px  -57px; }

#nav ul li:hover.news		{ background-position: -604px  -57px; }

#nav ul li:hover.careers 		{ background-position: -755px  -57px; }



#nav ul li:hover.outreach		{ background-position:    0px -171px; }

#nav ul li:hover.health		{ background-position: -151px -171px; }

#nav ul li:hover.software		{ background-position: -302px -171px; }

#nav ul li:hover.publications	{ background-position: -453px -171px; }

#nav ul li:hover.about		{ background-position: -604px -171px; }

#nav ul li:hover.contact 		{ background-position: -755px -171px; }



h1.home, h1.careers, h1.news, h1.outreach, h1.publications,

h1.history, h1.about, h1.philosophy, h1.sitemap,

h1.contact, h1.location, h1.resources { text-indent: -9999px; height: 19px; }



h1.home { background: url("../images/titleHome.gif") no-repeat scroll 0 50% transparent; }

h1.careers { background: url("../images/titleCareers.gif") no-repeat scroll 0 50% transparent; }

h1.news { background: url("../images/titleNews.gif") no-repeat scroll 0 50% transparent; }

h1.outreach { background: url("../images/titleOutreach.gif") no-repeat scroll 0 50% transparent; }

h1.publications { background: url("../images/titlePublications.gif") no-repeat scroll 0 50% transparent; }

h1.history { background: url("../images/titleHistory.gif") no-repeat scroll 0 50% transparent; }

h1.about { background: url("../images/titleAbout.gif") no-repeat scroll 0 50% transparent; }

h1.philosophy { background: url("../images/titlePhilosophy.gif") no-repeat scroll 0 50% transparent; }

h1.sitemap { background: url("../images/titleSiteMap.gif") no-repeat scroll 0 50% transparent; }

h1.contact { background: url("../images/titleContact.gif") no-repeat scroll 0 50% transparent; }

h1.location { background: url("../images/titleLocation.gif") no-repeat scroll 0 50% transparent; }

h1.resources { background: url("../images/titleResources.gif") no-repeat scroll 0 50% transparent; }



@media screen and (max-device-width: 768px) {

	body.layout { background: transparent; margin: 0 5px; }

	

	.layout #page { margin: 0; background: transparent; }

	.layout #container { width: auto; background: transparent; text-align: justify; }

	

	.layout #logo { text-align: center; padding: 0; }

	

	.layout #FlashID, .layout #headerRight,

	.bannerAbout, .bannerContact, .bannerCareers, .bannerGallery, .bannerOutReach, .bannerResearch, .bannerResources, .bannerSoftware, .bannerStaff

	{ display: none; }

	.layout #sidebarTop, .layout #sidebarTop div

	{ float: none; }

	

	.layout #sidebarTop { margin: 0 auto; }

	.layout #mainContenthome { margin: 0; padding: 0; }

	

	.layout #footer { padding: 0; height: auto; }

	

	.layout #nav { height: auto; margin-bottom: -38px; }

	.layout #nav ul { padding: 0; }

	.layout #nav ul li { float: none; background: transparent; margin: 3px; border: 1px solid #528300; }

	.layout #nav ul li a { text-indent: 0; float: none; width: auto; height: auto; padding: 3px; color: #31419a; }

	

	h1.home, h1.careers, h1.news, h1.outreach, h1.publications,

	h1.history, h1.about, h1.philosophy, h1.sitemap,

	h1.contact, h1.location, h1.resources

	{ text-indent: 0; height: auto; background: transparent; margin: .5em 0 !important; }

}
.label-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  color: white;
}
 th {
	 align: left;
 }