/* This is a style sheet for Group Dynamic */

body {
	
	font-family: "Times New Roman", serif;
	text-align: center; /* IE patch to center */
}

#all_content {

	border: 2px solid #333399;
	background: #000099;

	margin-left:auto;
	margin-right:auto;

	margin-top:1.2em;
	text-align:left;
	
	width: 80%;

}

h1 {
	letter-spacing: 3px;
	text-align: center;
	margin: 0.2em 0 0 0;
}

h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.2em; 
	text-align: center;
}

h3 {
	font-size: 110%;
	margin: 0;
}

table {
	margin: 0.5em 0 0 0.5em;
/*	font-size: 8.0pt;*/
}

#top_section {
	background: #333399;
	border-bottom: 1px solid #bbbbee;
	margin: 0;
	width: 80%;
}

#photos {
	margin: 0.2em 0 0.5em 0;
	padding: 0.5em;
	text-align: center;
}

#middle_section {

	margin: 0;
	width: 80%;

}

#bottom_section {
	clear: both;
	background: #333399;
	border-top: 1px solid #bbbbee;
	margin: 0;
	width: 80%;


}


#navcontainer
{
border: none;
width: 25%; /* make sure navlist + main <= 99% for IE */
padding: 0;
margin: 0.8em 0 0 0.7em;
/* font-family: georgia, serif;
font-size: 12px; */
font: 12px Verdana, sans-serif;
float: left;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 99%;
border: none;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;

border: none;
}

ul#navlist li a
{
display: block;
width: 98%;
padding: 0.3em 0 0.3em 0.3em;
border-width: 1px;
border-color: #ffe #bbbbee #ccc #fff;
border-style: solid;

color: #777;
text-decoration: none;
background: #f6f6ff;
}

#navcontainer>ul#navlist li a {
	width: auto;
}

ul#navlist li#active a
{
background: #bbbbee;
color: #343434;
border-color: #ccc;
border-style: solid;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ffffff;
background: transparent;
border-style: solid;
}

ul#sublist1 li a, ul#sublist2 li a
{
display: block;
padding: 0;
/*border: none;*/
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;

color: #777;
text-decoration: none;
background: #f7f7f7;
}

ul#sublist1 li, ul#sublist2 li {
list-style: none;
/*margin-left: -0.3em;
margin-right: 0.2em;
*/
}

#main
{
	padding: 0.2em;
	width: 60%; /* make sure navlist + main = 99% */
	float: right;
	background-color: white;
}

#main h3 {
	margin: 0.5em;
}

#main p {
	margin: 0.5em;
	text-align: justify;	
}

#weather_alert
{
	border-color: white;
	margin: 1.0em 0 0 0.7em;
	text-align: center;
	font-size: 0.9em;
}

#weather_alert img {
	border: 1px solid #aaab9c;
}

/* To put credits under the picture. */
.credits {
	font-size: 0.7em;
/*	color: #CCCCCC;*/
	color: #aaab9c;
	text-align: center;
	margin: 0;
	padding: 0;
}

#mission {
/*	width: 55%;
	float: left;*/
}

#mission h3 {
	text-align: justify;
	margin: 0.2em 0.5em 0.5em 0.5em;
}

#mission_photo {
	margin: 0.2em 0.5em 0 0.3em;
	float: left;
}

#ABA {
	width: 350px;
	float: right;
	background: #ededff;
	font-size: 90%;
	margin: 0.2em 0.5em 0.5em 0.2em;
}

#ABA h3 {
	text-align: center;
}

.wordlink {
	text-align: right;
	margin: 0.2em 0.2em 0 0;
}

.wordlogo {
	border: none;
}

#calendar
{
	padding: 0;
	margin: 0;
	width: 74%; /* make sure navlist + main = 99% */
	float: right;
	background-color: white;
}

#calendar p {
	margin: 0;
}

#calendar table {
	margin: 0.2em 0.1em 0 0;
}


.paragraph_left {
	width: 48%;
	float: left;
	margin: 0;
}

.paragraph_right {
	width: 48%;
	float: right;
	margin: 0;
}

.paragraph_left h3, .paragraph_right h3 {
	background: #c7c7ff;
	text-align: center;
}

#consult_list {
	float: left;
	width: 46%;
	margin: 0.5em 0.5em 0 0.3em;
	background: #ededff;
}

#consult_list h3 {
	background: #c7c7ff;
	margin: 0;
	text-align: center;
}

#consult_list p {
	text-align: justify;
}

#map {
	float: right;
	width: 20%;
	display: inline;
	margin: 0 0.2em 0 0;
/*	padding: 1em;*/
}

#map img {
	border: 1px solid #808080;
}

.staff {
/*	clear: both;
	margin: 10px 0 10px 0;
*/
	padding-top: 5px;
}

.staff_photo {
	float: left;
	margin: 0px 5px 0 5px;
/*	width: 18%;*/
}

.staff_name {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}

.staff_title {
	font-weight: bold;
}

.staff_blurb {
	font-size: 95%;
	text-align: justify;
}

.filler {
	clear: both;
}


#footer {
	text-align: center;
	color: white;
	margin: 0.1em 0 0.2em 0;
}

#footer p{
	font-weight: bold;
	margin: 0 auto;
	font-size: 80%;
}

#author {
	text-align: center;
	margin: 0.2em 0 0.1em 0;
}

#author p {
	font-size: 60%;
	margin: 0 auto;
	color: #969696;
}