body { text-align: center; min-width: 774px; font-family: Helvetica, Arial; font-size: 14px; line-height: 20px; }

#container { margin:0 auto; width: 774px; text-align: left; border: 1px solid #000; }

#header 		{ float: left; width: 774px; height: 79px; margin: 0; padding: 0; background-image: url("../img/header.gif"); }
#navbar 		{ float: left; width: 774px; height: 24px; margin: 0; padding: 0; background-color: #8bacca; }
#section 		{ float: left; width: 774px; margin: 0; padding: 0; }
#content		{ float: left; width: 774px; margin-top: 0; padding: 0 10px 10px 10px; }
.text			{ float: left; width: 754px; margin-top: 0; }
#footer			{ float: left; width: 774px; height: 25px; margin-top: 0; text-align: center; }
#bottom_flair 	{ float: left; width: 774px; height: 15px; margin-top: 10px; padding: 0 0 10px 0; vertical-align: top; background: url("../img/footer.jpg") repeat left bottom; }

.box		{ width: 350px; float: left; border: 2px solid #8bacca; padding: 10px 10px 10px 10px; margin: 20px 20px 20px 20px; background-color: #eee; }
.quiz		{ width: 317px; float: right; margin: 0; padding: 0;}
.quiz img 	{ border: 0; }

div			{ overflow: hidden; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; float: left; width: 754px; }   
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

h2	{ font-size: 18px; color: #003569; font-weight: bold; } 
h3	{ font-size: 18px; color: #003569; font-weight: normal; padding: 15px 0 0 0; }
p	{ margin: 10px 10px 10px 20px; }

ul { padding-bottom: 5px; }

#navbar ul 				{ margin: 0; padding: 3px 0 2px 0;  list-style-type: none; }
#navbar ul li 			{ display: inline; font-size: 14px; font-family: Helvetica, Arial, sans-serif; border-right: 2px solid #fff; padding: 6px 0 8px 0; margin: 0; }
#navbar ul li a 		{ text-decoration: none; padding: 6px 4px 7px 4px;  color: #000; background-color: #8bacca; margin: 0;}
#navbar ul li a:hover 	{ color: #fff; background-color: #f38f1d; }

#footer ul 				{ margin: 0; padding: 4px 5px 4px 0;  list-style-type: none; }
#footer ul li 			{ display: inline; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }
#footer ul li a 		{ text-decoration: none; padding: 6px 5px 4px 5px;  color: #000; }
#footer ul li a:hover 	{ color: #6290a6; }

.biopic 	{ float: left; width: 140px; }
.biotext 	{ float: right; width: 600px; line-height: 20px; }

blockquote	{ font-size: 12px; text-align: left; border: 2px solid #8bacca; padding: 10px 10px 10px 10px; margin: 20px 20px 20px 20px; background-color: #eee; }