/* Styles for universal elements across the entire site */
body{
	font-family: "Arial";
	margin-left: 5%;
	margin-right: 5%;
}
h1{
	text-align: center;
	font-size: 2em;
	color: red;
	font-family: "Arial";	
}
img{
	border: none;
	vertical-align:text-bottom;
}
li{
	margin: 3px;
}

/* Styles for the header (horizontal color bar and logo) found on every non-index page */
#header{
	width: 100%;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}
#logo{
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
#header td{
text-align: center;
}

/* Styles for the expandable lists on various pages */
.expandable li{
	margin-bottom: 1%;
}
.hidden{
	display: none;
}
	
/*****************************         INDEX PAGE ONLY STYLES        *****************************/

/* Style for the navigation menu on the index page */
#nav{
	width: 40%;
	margin-top: 5%;
	margin-left: 30%;
	margin-right: 30%;
	color: #FFFFFF;
}
#nav td{
	text-align: center;
	background-color: #0099CC;
	padding: 6px;
	border: 4px white solid;
}
#nav a{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16pt;
	font-weight: bold;
	font-family: "Arial","Times New Roman";
}
#nav a:link{
	color: white;
	text-decoration: none;
}
#nav a:hover{
	background-color: red;
	text-decoration: none;
}
#nav a:visited{
	color: white;
	text-decoration: none;
}

/* Styles for the news link on the index page */
#newslink a{
	font-weight: bold;
	color: #0099CC;	
}
#newslink a:visited{
	font-weight: bold;
	color: #0099CC;	
}
#newslink a:hover{
	font-weight: bold;
	color: red;
}
#news_sections{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#news_sections li{
	list-style: none;
	margin-bottom: 2%;
}
.newsitems li{
	list-style: none;
	margin-bottom: 2%;
}
/* Styles for the travel log content (initially hidden) */
#travel{
	background-color: #d3d3d3;
	display: none;
}
#scanning{
	background-color: #d3d3d3;
	display: none;
}
/* Styles for the contact information at the 
bottom of the index page */
#contact{
	font-weight: bold;
	color: #c0c0c0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#contact a{
	color: #c0c0c0;
}

/* Styles for the 'date last updated' section at 
the bottom of the index page */
#updated{
	font-weight: bold;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*************************************************************************************************/

/* Styles for the table of faculty on various pages */

#factable th{
	font-size: 1.5em;
}
#factable td{
	border:1px solid #111111;
	padding: 5px;
}
#factable tr.subheads{
	font-weight: bold;
	text-align: center !important;
}
#factable td.dept{
	width: 24%;
	text-align: center;
}
#factable td.facbydept{
	width: 21%;
	text-align: left;
}
#factable td.topic{
	width: 25%;
	text-align: center;
}
#factable td.facbytopic{
	width: 29%;
	text-align: left;
}
#factable td.empty{
	border-left-style: none;
	border-bottom-style: none;
	width: 45%;	
}
#factable li{
	list-style: none;
}






.member_img{
	width: 7%;
}
.member_img img{
	border: none;
	float: right;
}
.member_text{
	width: 93%;
	text-align: justify;
	text-justfy: newspaper;
	font-family: "Arial";
	font-size: 0.8em;
}

.members{
	width: 70%;
}
.members td{
	padding: 1%;
}
.recognitions li{
	list-style: none;
	margin-bottom: 1%;
}
.links li{
	list-style: none;
	margin-bottom: 1%;
}

/* Styles for the charter page h2 because it needs to behave different that the main h2 style */
#charter h2{
	text-align: center;
	font-family: "Arial";
	color: black;
	font-size: 1.5em;
}

/* Styles for the horizontal color bar the appears on the charter page */
.charterimg{
	text-align: center;
}

#brochure{
	text-align: center;
}
#brochure img{
	border: 1px black solid;
	margin: 0.25%;
}
.news_date{
	font-weight: bold;
}