body {
	  	margin: 0;
		  padding: 0;
		  font: 85% "Poor Richard", "Tempus Sans ITC", serif;
		  text-align: center;
		  color: #657578;
	    background-image: url(Images/parquet.jpg);
		  background-color: #b4aaa8;
     }
		 
#wrapUp {
				  height: 1%;
					v-align: top;
				 }
	 
	 
#container   {
			  margin: 1em auto;
				width: 800px;
				text-align: center;
				background-color: #b2a8a6;
				border: 1px solid #657578;
			 }
			 
#header		 {
			  background-color: #b2a8a6;
				text-align: center;
				border: 2px outset #657578;
			 }
			 
#mainNav		 {
			    float: left;
					width: 180px;
					height: 400px;
					background-color: #b4aaa8;
					margin-top: 10%;
					margin-left: 1%;
			 	 }
				 
#sendIt  {
				 float: left;
				 width: 150px;
					margin-top: 70%;
					margin-left: 1%;
				 }
			 
#contents	 {
			  margin-top: 0;
			  margin-left: 20px;
				margin-right: 2%;
				background-color: #d7d0cf;
				padding: 2%;
				border-top: 3px groove #657578;
				border-right: 3px outset #657578;
				valign: top;
				height: 100%;
			 }
			 
.littlePic {
					    float: left;
							width: 100px;
							margin-top: 10%;

					 }
					 
#dynloadarea {
						   vertical-align: bottom;
							 width: 450px;
							 height: 338px;
							 
						 }
			 
#footer		 {
			  clear: both;
				margin-right: 2%;
				margin-left: 2%;
				height: 25px;
				background-color: #657578;
				text-align: center;
				font-weight: bold;
				color: #a3b0b2;
			 }
			 
.outline  {
					   border: 1px solid #657578;
					}
					
.standOut {
					   font-weight: bold;
						 background-color: #657578;
						 color: #ffffff;
					}
			 
form {
		    border: 1px solid #657578;
				padding: 5px;
		 }
		 
.textA  {
				   font-family: "Poor Richard";
					 font-size: 14px;
					 color: #ffffff;
				}
				
.textB   {
				   font-family: "Poor Richard";
					 font-size: 16px;
					 color: #ffffff;
					 text-align: center; 
				 }
			 
input {
         background-color: #657578;
				 
			}
			 
			 
a, a:link, a:visited   {
   		   			     text-decoration: none;
						 color: #715b95;
   		   			   }
					   
a:hover	 {
		    font-weight: bold;
			background: #ffffff;
		 }		 
			
a:active	{
			   text-decoration: underline overline;
			} 
	   
a.nav, a.nav:link, a.nav:visited, a.nav:active  {
	   			   				display: block;
									  width: 150px;
									  height: 25px;
									  background: #657578;
									  border: 2px outset #b4aaa8;
									  margin-top: 2px;
									  text-align: center;
									  text-decoration: none;
									  font-family: "Poor Richard", "Tempus Sans ITC", serif;
									  font-size: 18px;
									  font-weight: bold;
									  color: #a3b0b2;
									  line-height: 25px;
									  overflow: hidden;
								   
								     }
									 
a.nav:hover	 {
			    color: #ffffff;
				background: #716478;
				border: 2px inset #657578;
			 }
			 
a.slide, a.slide:link, a.slide:visited, a.slide:active {
												text-decoration: underline;}


a.slide:hover {
								color: #657578;
								text-decoration: underline overline;}

			 
.toolA {
			    height: 350px;
			 }
			 
			 
			 
.chosen  {
		       	color: #715b95;
			  	background: #ffffff; 
		  }
			
ul.chosen  {
					    list-style: none;
							align: center;
							width: 75%;
							margin-left: 8%;
					    font-family: "Poor Richard", "Tempus Sans ITC", sans serif;
							font-size: 150%;
							color: #657578;
							font-weight: normal;
							text-align: center;
					 }
					 
ul.map   	 {
					 	  background: #d7d0cf;
					    list-style: none;
							align: center;
							width: 75%;
							margin-left: 8%;
					    font-family: "Poor Richard", "Tempus Sans ITC", sans serif;
							font-size: 150%;
							color: #657578;
							font-weight: normal;
							text-align: center;
					 }
						 
a.chosenA, a.chosenA:link, a.chosenA:visited {
						    color: #715b95;
							font-weight: bold;
						 }
						 
a.foot, a.foot:link, a.foot:visited  {
		  				 				 font-family: "Poor Richard", "Tempus Sans ITC", sans serif;
											 font-size: 14px;
											 font-weight: normal;
											 color: #a3b0b2;
		  				 				   }
										   
a.foot:hover  {
				   color: #ffffff;
				   font-size: 18px;
				   text-decoration: underline;
				   background: #657578;
				}
				
a.other, a.other:link, a.other:visited {
		 			   				  text-decoration: underline overline;
										  font-weight: bold;
		 			   				   }
									   
a.other:hover {
			     color: #ffffff;
				   background: #657578;
				 
			  }
						 
.large   {
		    font-size: 350%;
			font-weight: bold;
		 }
     

hr	{
	   height: 2px;
	   color: #ffffcc;
	   style: noshade;
	}
	
.teal {
	     height: 1px;
		 color: #657578;
		 style: outset;
	  }
	  
.purple {
		   height: 1px;
		   color: #715b95;
		   style: inset;
		}
		
.purpleBorder  {
							    border: 2px solid #715b95;
							 }
	
p	{
	 font-size: 150%;
	}
	
.middle {
		   text-align: center;
		}
		
.bottom {
		   margin-top: 300px;
		}
		
.moveOver  {
					    margin-left:  25px;
					 }
					 
.linker  {
				    margin-left: 170px;
				 }
		
		

	

.title   {
	      position: absolute;
	      top:10px;
	      left:245px;
	      font: 54px "Poor Richard", sans serif;
	      color: #ffffcc;
	      text-align: center;
	}
	
	
.instruction   {
                  position: absolute;
                  top: 500px;
                  left: 200px;
                  font-weight: bold;
               }
               
.content {
            	position: absolute;
	         	top: 200px;
		         left: 200px;
		         right: 25px;
		         font-size: 28px;
		         font-weight: normal;
		         color: #ffffcc;
		         border: 3px double #ffffcc;
		         padding: 10px;
		         text-align: center;
         }
         
         
.aboutContent  {
                	position: absolute;
	         	   top: 250px;
		            left: 200px;
		            right: 25px;
		            font-size: 28px;
		            font-weight: normal;
		            color: #ffffcc;
		            border: 3px double #ffffcc;
		            padding: 10px;
		         
               }


.show	{
	      margin-left: 180px;
	      margin-top: 250px;
	
	   }
	   
.linkPicture   {
                  margin-left: 170px;
                  margin-top: 285px;
               }
               
.linkPic {
            margin-top: 285px;
            margin-left: 305px;
         }
	   


.businessCard {
	      	position: absolute;
		      top: 250px;
		      left: 270px;
		      right: 25px;
		      color: #ffffcc;
		      padding: 10px;		      
	      }	   


.rotate  {
            margin-left: 100px;
         }
				 
.showoff   {
					    font-size: 1.1em;
							color: red;
							font-style: italic;
							font-weight: bold;
					 }