body { 
	   background: #DBE8BC;
	   margin: 3em auto;
	   max-width: 700px;
}

#container { margin 0 auto;
	   background: white url(qback.png);
	   max-width: 700px;
}

h2 { padding: 2em 0;
   	 margin: 0;
}

a:hover { text-decoration: none;
		color: #FF3F47;
}

a.cab { font-family: sans-serif;
	  	font-size: small;
}

a.cab:hover { color: green;
}

#navbar li a:hover { text-decoration: none;
		color: green;
}

#navbar { float: right;
		  width: 140px;
		  padding-right: 10px;
}

.content { max-width: 70%;
		 float: left;
		 margin-right: -150px;
		 padding: 16px 10px 16px 32px;
}

.content img { float: left;
		 	   padding-right: 5px;
}

.box { padding: 8px;
	   border: 1px solid black;
	   overflow: auto;
}

.box img { float: left;
	 	   margin: 0 8px 1px 0;
		   clear: both;
}

a:hover img { border-right: 1px solid black;
			  border-bottom: 1px solid black;
	 	   	  margin: 0 7px 0px 0;
}


ul { padding-left: 0;
   	 margin-left: 0;
}

#navbar li { list-style-type: none;
		   	 text-align: center;
			 margin: 2px 0;
			 font-weight: bold;
			 background: #929AAC;
}

#navbar li a { text-decoration: none;
			   color: black;
			   display: block;
}

hr		{ width: 80%;
}