body {
/* background-color: #CCCCCC; */
 /* background-color: #4C88BE;  /* Outside Outside */
font: 12px Arial, Helvetica, sans-serif;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	/* background-color: tan; */
	background-color: #4C88BE;
	width: 70em; 
	border: 0px solid blue;
}



#header {
	/* background-color: #d1c1b2;*/
	background-color: #99CCFF;
	padding: 2em;
	height: 5em;
	margin-left: auto; 
	margin-right: auto;
	display:block; 
}


#footer {
	/* background-color: tan; */
	background-color: #4C88BE;
	height: 2em;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: auto;
	display:block;
	text-align: center;
	clear:both;

}

#headerlogo {
	text-align: left;
}

#headertext {
	text-align: center;
	margin-top: -5em;
}

#headertextsub {
	text-align: center;
	margin-top: 0.05em;
}


#main_content {
	width: 55%;
	/* background-color: #969696; */
	background-color: #DCDCDC;
	display: block;
	padding: 1em;
	margin-left: 1.8em;
	margin-right: auto;
	float: left; 
}

#main_content_pictures {
	width: 55%; 
	/* background-color: #969696; */
	background-color: #DCDCDC;
	/* display: block; */
	/* padding: 1em; */
	/* margin-left: 1.8em; last change i made  */
	/* margin-right: auto; */
	float: left; 
	/* height: 40.31em; */
	/* height: 40.50em; */
	height: 55em;
	text-align: right;
	
}

.main_content_heading {
	display: block;
	color: #000000;
	padding: 0.15em 0.15em 0.15em 0.15em;	
}



.meeting_item {
	display: block;
	color: #332342;
	font-size: 1em;
	font-weight: bold;
	padding: 0.15em 0.15em 0.15em 0.15em;
}



#events {
/*	width: 12em; */
	width: 16.5%;
	float: right;
	margin-top: 2em;
	margin-right: 1.3em;
	}


	
#inner_events {
	margin: 1em; 
	/* background-color: #ad856b; */
	background-color: #DCDCDC;
	border: 2px solid black;
	padding: .02em 1em .023em 1em;
	}




/* NAVIGATION */



#navigation {	
	width: 16%;
	float: left;
	margin-top: 1.56em;
	margin-left: 0.31em; 
	position: static;
	padding: 0.19em;
	border: 0px solid black;	
}


#inner_nav {
	border: 0px solid red;	
	margin: 1em; 
	}




ul#inner_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 9.81em;
	border-bottom: 0px dashed #999999;
	border: 0px solid black;
}

#inner_nav a {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	display: block;
	/*  T   R   B   L  */
	padding: 0.13em 0.25em 0.13em 0.31em;
	background: #C7C7C7 no-repeat left center; 

}

#inner_nav a:hover {
	font-weight: bold;
/* 	background: #969696;*/
	background: #ad856b;
	
}


/* special formatting for home page link */
a#homeLink {
	background: #C7C7C7 no-repeat 0.31em 52%;
}


#inner_nav a
	{display: block;}

#inner_nav a:link
	{
	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
/*	padding 2em; */
	}

#inner_nav a:visited
	{text-decoration:none;
	font-weight: bold;
	color: white;}

#inner_nav a:hover
	{text-decoration:none;
	color: #000000;
	/* background-color:#ad856b; */
	background-color: #DCDCDC;}


/* IE Fixes */

#inner_nav li {	
	display: Block;
	padding: 0.2em;

}

/* force hover on entire width of  link */
* html #inner_nav a {
	height: 0.06em;
}

#thumbn {   /* Container to hold thumbnails on right */
	width: 12em;
	float: right;
	margin-top: 2em;
	margin-right: 1.3em;
	
	}

img.tn {
  width: 3.75em;
  height: 4.13em;
}

img.larg  {
  /* width: 26.25em; */
  width: 29em;
  }
  
img.hover  {
  margin-right: 6em;
  margin-top: 1em;
  width: 26em;
}

#pictures_container {
	z-index: 50;
	/* der: 1px solid red; */
	float: right;
	margin-top: 1em;
	margin-right: 1em;
	/*  T   R   B   L  */
/*	padding: 1.00em 1.00em 0.13em 0.31em; */
	
}
	
#thumbnail{
position: relative;
/* z-index: 0; */
/*	WIDTH: 75%; */
/*	background-color: #969696; */
	/* background-color: tan; */
	color: #FFFFFF;
	background-color: #4C88BE;
	/* display: block; */
	 float: right; 
	 text-align: right;
	margin-right: 2.2em;
	margin-top: 2em; 
}
 
.thumbnail:hover{
background-color: transparent;
/* background-image: transparent; */
}

.thumbnail span{ /*CSS for enlarged image*/
position:  absolute; 
 background-color: lightyellow; 
/* padding: 0.31em; */
/* left: 42em; */
/* border: 6px gray; */
visibility: hidden;
/* color: black; */
/* text-decoration: none; */
/* top: 3em; */

}

.thumbnail span img{ /*CSS for enlarged image*/
/* border-width: 80;*/
/* padding: 0.13em; */

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*postion: relative; */
top: 2em;
/* left: -40em; /*position where enlarged image should offset horizontally */ 
left: -41em;
}