body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: Black;
	margin-left: 10%;
	 margin-right: 10%;
	 font-size:1.1em;
	 background-image: url(images/backgrnds/bird-bamboo.jpg);
	 background-attachment: fixed;
min-width:450px;max-width:1024px;}

.citation {font-size:80%;line-height:1em}

body.sakura   {
	font-family: Arial, Helvetica, sans-serif;
	color: Navy;
	margin-left: 70px; 
	margin-right: 10%; 
        background-image: url(images/sakuraback.jpg);
        min-width:800px;max-width:1024px;}


			 
#bottommenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding-left: 130px;
	padding-right: 15%;
	padding-bottom: 2em;
	padding-top: 2em;
	text-align: center;}


#bottommenu ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;}

#bottommenu li {
display: inline;
white-space: nowrap;}

#bottommenu a {
	margin-right: 2px;
	padding: 2px 10px 2px 10px;
	color: White;
	background-color: #588CBB;
	background-image: url(images/backgrnds/green.gif);
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;}
	
#bottommenu a:hover {
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;	 
border-right: 1px solid #FFFFFF;}

#bottommenu a img {height: 0; width: 0; border-width: 0;} 

#bottommenu a:hover img {
	position: absolute;
	left: 50px;
	height: 113px;
	width: 125px;}


blockquote {
padding: 10px;
line-height: 1.1em;
font-family: courier;
width: 90%;
/* background-color: transparent;*/
 background-color: 	#FFFFF0}




p {
	/* text-indent:0;*/
   font-family: verdana,arial,sans-serif;
   color:Black;
	font-size:95%;	}
	
	p + p {
 text-indent:4em;
  }

p.intro:first-letter {float:left;
font-size:10em;}

/* p:first-letter {

margin-bottom:0px;
  text-indent:0px;
  font-weight : normal;
   font-family: Georgia;}*/

/* p {
  font-family: Georgia;
   line-height: 1.3em;
   text-indent: 2em;
margin-top: 0px;
  margin-bottom: 0px; 
   font-family:Inherit;
   font-size:100%}*/

.small a:link
{
	font-family: serif;
	font-size: 0.6em;
	font-weight: bold;
	color: white;
	background-color: navy;}

.small a:hover
{
	font-family: serif;
	font-size: 0.6em;
	font-weight: Normal;
	color: inherit;}

hr {
	height: 4px;
	background-color: #1E90FF;}

h1  {
 	color: White;
	background-image: url(images/backgrnds/green.gif);
	text-align: center;
	font-style: normal;
	font-size: 150%;
	line-height: 1.4em;
	/* margin: 5px;*/ 
 	font-family: cursive;
	border-bottom: 5px outset;
	border-right: 5px inset;}



html>body h1 {padding-top:25px;}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.2em;}

	


h3 {
	line-height: 1.1em;
	font-weight: bolder;
	color: White;
	font-size:120%;
  background-image: url(images/backgrnds/green.gif); 
	text-align: center;
	width:70%;
	margin-top:-0.1em;
	padding-left:2px;
	margin-left:20px;
	margin-right:1em;
	margin-top:0.5em;
	border-top:1px black solid;
	border-left:1px black solid;
	border-bottom: 4px Black solid;
	border-right: 4px Black solid;} 
	

h4 {
	font-size: 130%;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: Navy;
	text-indent: 3em;
margin-bottom: -1pt;}

div.rightfigure {
  float: right;
 border: thin silver solid; 
 background-color: white;
   margin: 0.5em;
  padding: 0.5em;
  letter-spacing: .01px;
  width:  200px;
   font-size: 70%;
 line-height: 1em;
	  text-align: center;}

  div.leftfigure {
	float: left;
	width: 300px;
border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	font-style: normal;
	line-height: .9em;
	font-size: 70%;}
	
.leftfigure a {border-style:none}
  
  div.leftfigure200 {
	float: left;
	width: 200px;
border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
	text-align: left;
	font-style: normal;
	line-height: .9em;
	font-size: 70%;}  
	
	.leftfigure200 a {border-style:none}
  
   .javaclock {
	float: left;
	width: 100px; 
	height: 200px;
	background-color:white;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	font-style: normal;
	line-height: .9em;
	font-size: smaller;}
  
 div.small {
 	text-align: center;
	font-size: small;}
 
tt {
	font-size: larger;
	line-height: 0.9em;}

	

  .copy {
  font-size: 70%;
  text-align: center;}
  
 
 
h1:first-letter {
	font-size: 300%;
	font-family:Georgia;}


pre {background-color: white; line-height:1.1em; }

.poster { 
width: 210px;
height: 170px;
float: left;
font-size: 80%;
line-height: 1.3em;
text-align: center;}
 
img {border: 0}

.poster a{text-decoration:none;}

.poster a:hover {text-decoration:underline}


	
		
li {	line-height: 1.2em;
	list-style-position: outside;
	list-style-image: url(images/bluered.gif);}

ol li {list-style-image: none;}

li:first-line {line-height: 1.8em;}

.outer-container ul.noline li {color:White}
.outer-container ul.noline li a {text-decoration: none; font-weight: bold; color:Yellow;}
.outer-container ul.noline li a:visited {text-decoration: none; color: #F0FFFF;}
.outer-container ul.noline li a:hover {text-decoration: underline;}

ul.noline li {color:Black}
ul.noline li a {text-decoration: none; font-weight: bold; color:Navy;}
ul.noline li a:visited {text-decoration: none; color: gray;}
ul.noline li a:hover {text-decoration: none; color:Red}

.identity {background-color:white; padding:1em; margin:1em}
.caption {text-align:center;font-size:85%}

html {min-width:750px;max-width:1024px;}

div.bodytext {float: right;
	margin-left:120px;

		/* background-color: 	#E6E6FA; */
	font-size:95%;
	line-height: 1.4em;} 
	
	.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	background-color:white;
	padding:10px;
	border:1px solid black;
	line-height: 1.1em;
	font-size: 84%;
	margin-bottom: 10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
#right {
	float: right;
	width: 25%;
	margin: 10px;
	padding: 10px;
	background-color: White;
	}
		a{
	font-family: verdana,arial,sans-serif;
	text-decoration: none;
	font-weight:bold;
	font-size: inherit;
	color: Black;
background-color: transparent;
border-color: Black;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dashed;
	}


/* a:visited {
	font-size: inherit;
	font-family: inherit;
	color: gray;
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
} */
	
a:hover {text-decoration: none;
color:Red;
background-color: transparent;
border-color: #333333;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}
	a:active {
	color: Navy;}
	
.image {float:right; border:1px solid silver; padding:1em;margin-left:1em;width:400px;font-size:80%;line-height:1em;text-align:center}