/* CSS Document */

		body { font-family: Verdana, Optima, Arial, sans-serif;
		background-color: #339999;
		background-image:url(tile.jpg) }
	
		h2  { color: navy;
			  margin: 0px;
			  padding-left: 10px;
			  padding-top: 5px;
			  padding-bottom: 10px }

		#sidebar { float: left;
			   	   width: 15%;
		   		   margin-top: 5px;
		  		   margin-bottom: 4px;
				   padding: 5px }

		#sidebar p { font-size: 75% }

		#sidebar li { font-size: 60%;
		margin-left: -15px}

		#sidebar a { font-weight: bold;
					 text-decoration: none;
					 padding-top: 5px;
					 padding-bottom: 5px }
		#sidebar a:link, #sidebar a:visited { color: navy }
		#sidebar a:hover, #sidebar a:active { color: ivory }
		
		.banner, #sidebar { background-color: #3399CC;
		background-image:url(tile2.jpg);
				border: 4px navy solid;
				padding: 4px;
				margin-left: 0px;
				margin-right: 0px }
				
		.subtitle { font-size: 75% }
		.teacher { color: #3399CC;
		font-weight: bold }
								  
		#content { float: right;
			   width: 74%;
			   margin-top: 5px;
			   margin-left: 0px;
			   margin-bottom: 5px;
			   font-size: 70%;
			   padding-top: 5px;
			   padding-bottom: 5px;
			   padding-right: 10px;
			   padding-left: 10px }
			   
		#eval {   margin-top: 5px;
			   margin-left: 0px;
			   margin-bottom: 5px;
			   font-size: 70%;
			   padding-top: 5px;
			   padding-bottom: 5px;
			   padding-right: 10px;
			   padding-left: 10px }
			   
		table { border: 3px solid navy;
		background-color: #3399CC }
		
		table td { border: 1px solid navy;
		color: ivory;
		padding: 3px
		 }
		 
		 .heading { background-color: navy;
		font-weight: bold }

		#footer a, #content a { font-weight: bold }
			 
		#footer a:link, #content a:link { color: navy }
		#footer a:visited, #content a:visited { color: navy }
		#footer a:hover, #content a:hover { color: ivory;
											background-color: navy }
		#footer a:active, #content a:active { color: ivory;
											  background-color: navy }

		#content, #eval { background-color: ivory;
  			padding-left: 5px;
			padding-right: 5px;
   			border: 4px navy solid }
		
		.left { float: left;
				padding: 6px 8px 6px 8px; 
				border: 3px solid navy;
				background-color: #339999;
				margin: 2px }
				
		.right { float: right;
				 padding: 6px 8px 6px 8px; 
				 border: 3px solid navy;
				 background-color: #339999;
				 margin: 10px }
		
		.left , .left a, .right, .right a { font-size: 8px }
		
		.sidenote { font-size: 90% }
		
		#footer { background-color: ivory;
			  clear: both;
			  margin-top: 3px;
			  padding: 0px 3px 3px 3px;
			  border-top: 4px navy solid ;
			  font-size: 65%;
			  text-align: center }