/* stylesheet for css experiments */

.container { background: white;
       	     font-family: serif;
       	     background: #329909;
       	     width: 850px;
     }

.banner { background: #329909;
	  width: 820px;
	  height: 128px;
	  margin-left: 28px;
	  font-weight: bold;
	  font-size: 200%;
	}

.menu { background: #329909;
	width: 128px;
	float: left;
	font-weight: bold;
	}
.menu li{ list-style-type: none;
	  display: block;
	  height: 60px;
	  width: 128px;
	  vertical-align: bottom;
	  margin-left: -10px;
	}

.menu li.indent	{ list-style-type: bullet;
                  display: block;
                  vertical-align: bottom;
                  padding-left: 10px;
                  }
	
.menu li a:link { color: white; }
.menu li a:visited { color: white; }	      
.menu li a:hover { color: white; }
.menu li a:active { color: white; }

.main { font-family: verdana, serif;;
	margin-left: 158px;
	width: 642px; 
	background: white;
	padding: 10px;}

.main h1 { font-size: 175%;
	   font-weight: bold;
	   }
.main h2 { font-size: 125%;
	   font-weight: bold;
	   font-style: italic;
	   }
.main h3 { font-size: 100%;
	   font-weight: bold;
	   color: #329909;
	   }
.main h4 { font-size: 90%;
           font-weight: bold;
           color: #329909;
           font-variant: small-caps;
           letter-spacing: .15em;
           }
.main h4.projtitle { font-size: 90%;
           font-weight: bold;
           color: black;
           font-variant: small-caps;
           letter-spacing: .15em;
           background: lightgreen;
           padding: 2px 0 2px 2px;
           }
           
.main p { font-size: 80%; }
.main li { font-size: 80%; }

#showbox {	border: groove 4px black;
		color: #329909;
		width: 200px;
		float: right;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		}
		
#showbox h1 {	font-weight: bold;
		font-size: 14px;
		}