@charset "utf-8";
/* CSS Document */

body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#C7C7C7;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	 margin: 0;
	 padding: 0;
	 font-weight: normal;
	 font-family: Geneva, Arial, Helvetica, sans-serif;
}

a img
{
  border:none;
}

#mainContainer{
	width: 800px;
	margin: auto;
	padding: none;
	background: white;
	-moz-box-shadow:    0px -5px 10px 5px #727272;
  	-webkit-box-shadow: 0px -5px 10px 5px #727272;
  	box-shadow:         0px -5px 10px 5px #727272;
}

#banner{
	float:left;
	width:40%;
}
#bannertext{
	float:left;
	margin-top:1%;
	width:60%;
	height:130px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
}
#bannertext p2{
	position:absolute;	
	top:55px;
}
}
#subBanner{
	padding: 15px;
}

#nav{
	float: left;	
	width: 20%;
}
	#nav a{
		text-decoration: none;
	}
	
	#nav .navLink{
		display: block;
		text-align: left;
		font-weight: bold;
		text-transform: uppercase;
		color: #5C71AF;
		padding: 5px;
	}
	
	#nav ul{
		margin: 0px;
		padding-left: 20px;
		padding-right: 15px;
		color: #003366;
	}
		#nav li{
			margin-left: 0px;
			padding-left: 0px;
		}
		#nav li a{
			color: #003366;
			font-size: 10px;
		}
	
	#nav .otherLinks{
		margin-top: 10px;
	}
	
		#nav .otherLinks img{
			margin: 0px;
			padding: 0px;
		}

	#secondaryMenu2 .navLink{
		color: #74633b;
	}

#pageContent{
	float: right;
	width: 72%;
	margin-right: 8%;
	margin-bottom: 40px;
	color: #003365;
	font-family: MetaNormal, Verdana, Taz;
}
	#pageContent p{
		font-size: 12px;
		line-height:130%;
		margin: 0;
		margin-bottom: 10px;
	}
	
	#pageContent a{
		font-weight: bold;
		color: #5C71AF;
	}
	
	#pageContent img{
		margin:auto;
		display:block;
		margin-bottom: 10px;
		margin-top: 10px;
		max-width: 95%;
	}
	
	#pageContent p img{
		margin: 10px;
		float:right;
		max-width: 90%;
	}
	
	#pageContent h1{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5C71AF;
		margin-bottom: 10px
	}
	
	#pageContent h2{
		color: #9C0000;
		font-size: 14px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	#pageContent h3{
		font-weight: bold;
		display: block;
		font-family: MetaNormal, Verdana, Taz;
		font-size: 12px;
	}
	
	#pageContent .picAndCap{
		font-size: 0.9em;
		width: 50%; 
		float: right; 
		text-align:center;
	}
	
	.people{
		width: 100%;
		font-family: MetaNormal, Verdana, Taz;
	}
	.people tr td.pic{
		width: 28%;
		vertical-align:top;
	}
		.people tr td.pic img{
			width: 142px;
			border: 1px solid black;
		}
		
	.people td:last-child{
		width: 72%;
		vertical-align:top;
	}
	.people .publications{
		color: #666666;
		font-size: 9px;
		line-height:1.25em;
		text-indent:-25px;
	}
	
	.newsCat{
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.newsItem{
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	.newsItem a{
		font-size: 0.8em;
	}
	.newsItem div:last-child{
		font-size: 0.7em;
	}
	
	.icnContain{
		clear: both;
		font-size: 0.8em;
		margin-bottom: 10px;
	}
	.icn{
		float: left;
		margin-top:0px !important;
		margin-bottom:0px !important;
		position: relative;
		top: -8px;
	}
	.icn:after{
		clear: both;
	}

#footer{
	clear: both;
	font-size: 8pt;
	background: #5C71AF;
	color: white;
	padding: 5px;
	text-align: center;
}

.mobile{
	display: none;
}

@media (max-width: 480px) {
	
	img{
        max-width:100%;
        height:auto;
    }
	
	.mobile{
		display:inherit;
	}
	
	.hideIfMobile{
		display: none;
	}
	
	#mainContainer{
		width: 100%;
	}
	
	#nav{
		float: none;
		width: 100%;
		text-align: center;
	}
		#nav .navLink{
			line-height: 200%;
			display: inline;
		}
		
		.otherLinks{
			display: none;
		}

	#mobileNav td{
		width: 30%;
		font-size:10px;
		vertical-align: top;
	}
	
	.mobileSubNav{
		font-size: 12px;
		text-align: left;
		column-span: 3;
		margin-bottom: 10px;
	}
		.mobileSubNav a{
			color: #003366;
		}
			.mobileSubNav a:hover{
				color: black;
			}
	
	#altMobileNav td{
		width: 50%;
		text-align: left;
	}
	
	#pageContent{
		float: none;
		width: 100%;
	}
	
	.people{
		width: 100%;
		font-family: MetaNormal, Verdana, Taz;
		table-layout:fixed;
	}
	
	.news{
		font-size: 0.8em;
	}
		.news a{
			font-weight:normal;
			font-size:0.8em;
		}
	
	#banner img{
		width: 100%;
	}
	#bannertext{
	float:left;
	margin-top:1%;
	width:60%;
	height:130px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
}
#bannertext p2{
	position:absolute;	
	top:35px;
}
}