/* AREAS */
body { 
	margin-left: 8px; 
	margin-top: 8px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	color: #004;
	background: #fff }

div.box {
	padding: 0.2em;
	padding-left: 1ex;
	border: solid;
	border-width: thin;
	width: 95%;
	background: #ffc; }

dd {
	padding-bottom: 1ex; }

div.headline {
	width: 100%;
	height: 30px;
	border: none;
	border-bottom: 6px solid red;
	vertical-align: bottom;
	text-align: right;
	font-size: 110%; }

div.leftbox {
	float: left;
	width: 180px; }

div.rightbox {
	float: right;
	width: 180px; }
div.body {
	margin-left: 180px;
	padding-bottom: 360px; }

div.quote {
	padding-left: 48px;
	padding-right: 48px;
	font-style: italic; }

th { background: #ffc; }

strong.larger { font-size: larger }

.banner { padding: 0.2em; border: solid; border-width: thin; width: 95%;  background: #ff9; }

p.aye {
	font-size: 70%;
	color: #004; }

p.hdr { font-size: 70%;
        text-align: center;
        color: #900; }

a { text-decoration: none; }

div.body a:hover { background: #dce; }

a:link	{ color: #008 }
		
a:visited { color: #808 }	
		
a.offsite { background:	#ccc }	

img { border: 0 }

img.logo {
	float: left;
	position: relative;
	margin-top: -32px;
	margin-left: -2px; }

img.icon {
	float: left;
	position: relative;
	margin: 1em }

hr.leftline { width: 50%; text-align: left }