body {  
			padding:30px;
			font-size:12pt;
			font-family: Verdana, Ariel, sans-serif;

			background-color: #F0F0F0;
		}
		
	

		.title {
			font-family: Verdana, Ariel, sans-serif;
			font-size:1.8em;
		}



		#frame {
			border : 3px groove  #232323;
			width: 800px;
			margin-left: auto;
			margin-right: auto;
                     
			background-color: #FFF;
		}


		#head {	
			font-family: Verdana, Ariel, sans-serif;

 			text-align: center;
			padding:20px;
			width:770px;
			margin-top : 10px
		}		

		.words {
			color:orange;
			font-size:1.2em;
		}
		

		#content {
			line-height:1.3em;
			width: 400px;
			float:left;
			margin-left:20px;
			padding: 10px;
			padding-bottom: 50px;
			margin-top: 30px;
			font-family: Georgia, Perpetua, serif;
		}		
		#notes {
			line-height:1.6em;
			width: 300px;
			float:right;
			padding: 10px;
			margin-right:20px;
			margin-top: 30px;
		}
		
       #footer {
			font-family: Verdana, Ariel, sans-serif;
			font-size:0.8em;
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			clear: both;
			text-align: center;
			padding-bottom: 20px;
		}
				
		#words {
			border:green solid 1px;
			width: 250px;
			height: 300px;
			padding:10px;
			font-weight:bold;
		}
		div.noteshover {
			background-color: #FFEEDD;
		}
		

		input.delword {
			width: 10px;
			font-size: .5em;
			border: 1px solid red;
			color: black;
			background-color:pink;
			vertical-align: 25%;
			
		}
		
		#wordlist{
			
			margin: 0; 
			padding: 0; 
			list-style-type: none; 
		}
		
		span.words {
			cursor:pointer;
		}
		
		.clear {
			clear: both;
		}