body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	background-color: #C8D0D8;
}

.gotop {
	display: inline;
	background-image: url(arrow_up.gif) no-repeat;
	padding-left: 0.2em;
	padding-right: 2em;
}

.gotop a:link, visited, hover, active {
	text-decoration: none;
/*	color: #FFFFFF;
*/
	
}	

.name {
	font-weight: bold;
}

.role {
	font-size: 80%;
	font-style: italic;
}
.credits {
	font-size: 100%;
	font-family: helvetica, sans-serif;
	font-color: #006BFF;
	font-style: normal;
	text-align: right;
}

body img {
	display: block;
	border: 0;
}

#container {
 	width: 100%; 	
	background-color: #C8D0D8;
/*	margin: 0 0 0 1em;*/
      position: relative;
      min-height: 100%;
}


#topnav {
	clear: left;
/*	position: absolute; top: 120px; left: 0px; */
	width: 100%; 
	text-align: center;
	background-color: #99CCFF; 
	color: #FFFFFF;
	border-bottom: 1px solid #6699FF;
	border-top: 1px solid #6699FF;/*
	padding-top: 0.45em;
	padding-bottom: 0.2em;
*/	
}

#topnav a
{
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	border-right: 1px solid #6699FF;
	border-left: 1px solid #6699FF;
	background-color: #3BF; 
	color: #FFFFFF;
}

#topnav a:link
{
	text-decoration: none;
/*	background-color: #3399CC; */
}

#topnav a:active
{
	color: #ffffff;
	background-color: #3399CC;
	text-decoration: none;
}

#topnav a:hover
{
	background-color: #38F;
	color: #ffffff;
}



#logo {
	
}
#logo img {
	display: block;
	border: 0;
}

#banner {
	background-repeat: no-repeat;
}

#banner img.added {
	float: right;
	margin-right: 3px;
}

#siteName {
	width: 700px;
	height: 300px;
	background-image: url(group-2005.jpg);
	background-repeat: no-repeat;
}

#siteName h1 {
	font-size: 2em;
	font-style: italic;
	text-align: right;
	padding: 3em 0.1em 0 0;
}

#siteName h2 {
	font-size: 1.5em;
	font-style: italic;
	text-align: right;
	color: #FFFFFF;
}


#pageName {
	margin: 0 0 0 10em;
}


#content {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	clear: right;
	float: left;
	width: 75%;
	margin: 1em 0 0 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	background-color: #C8D0D8;
	text-align: left;
}

#content h2 {
/*	text-align: left;
*/
	font-size: 1.5em;
	padding 0 0 0 0;

}

div.figure {
  clear: right;
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 1em;
  padding: 1em;
  background-color: #99CCFF;
  color: #003366;	
  
}

div.figure p {
  clear: both;
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}



div.figure1 {
  clear: right;
  float: center;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 1em;
  background-color: #99CCFF;
  color: #003366;	
  
}

div.figure1 p {
  clear: both;
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figure2 {
  clear: right;
  float: right;
  width: 38%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 1em;
  background-color: #99CCFF;
  color: #003366;	
  
}

div.figure2 p {
  clear: both;
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


div.figure3 {
  clear: right;
  float: right;
  width: 30%;
/*  border: thin silver solid;
  
*/ 
  margin: 1em;
  padding: 1em;
  background-color: #C8D0D8;
  color: #003366;	
  
}

div.figure3 p {
  clear: both;
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}





blockquote p { 
  margin: 0; 
  text-indent:1.5em; 
  line-height: 1.5em;
   }


div.namelist p {
  line-height: 1.5em;
    }

img.scaled {
   width: 100%;
/*
   padding: 0.3em;
   clear: both;
*/
}


img.reduced {
   width: 30%;
/*
   padding: 0.3em;
   clear: both;
*/
}



#content img {
        float: right;
	margin-right: 6px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding-bottom: 
}



#news {
	float: right;
	font-size: smaller;
        width: 45%;
	border-bottom: 1px solid #6699FF;
	border-top: 1px solid #6699FF;
	border-left: 1px solid #6699FF;
	border-right: 1px solid #6699FF;
	margin: 1em 1em 2em 3em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	background-color: #99CCFF;
	text-align: left;
	border
}


#news h1 {
	font-size: 1.5em;
}


#news h2 {
	font-size: 1.2em;
	padding: 0 0 0 0;
}





#nav {
	clear: left;


	float: left;
	padding-top: 1em;
	/*
	font-family: times new roman, serif, arial, verdana, gautami, sans-serif;
	*/
	font-family: verdana, gautami, sans-serif;
	font-size: 120%;
	font-style: italic;
	width: 18%;
	
}

#nav ul
{
	margin-left: 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	list-style-type: none;
	text-decoration: none;
	text-align: center;
}

#nav a
{
	display: block;
	padding: 3px;
	width: 160px;
	text-decoration: none;
	border-bottom: 6px solid #C8D0D8; 
	border-right: 3px solid #C8D0D8;
	border-left: 3px solid #C8D0D8;
	border-top: 6px solid #C8D0D8;



	background-color: #39D;
/*
	background-color: #6699CC;
*/
/*
	background-color: #C8D0D8;
*/
	color: #FFFFFF;
}

#nav a:link
{
	text-decoration: none;
}

/*
#nav a:link, a:visited
{
	text-decoration: none;
}
*/


#nav a:hover
{
	background-color: #336699;
	color: #ffffff;
	
}
/*
#nav a:active
{
	color: #ffffff;
	background-color: #336699;
	text-decoration: none;
}
*/
#footer {
	clear: both;
	width: 100%;
/*	position: absolute; top: 600px;*/
	text-align: right;
	text-style: italic;
	font-size: 0.75em;
	margin-top: 3em;
	padding-right: 2em;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	background-color: #69F;
	color: #FFFFFF;
}