body {
	background-color: white ;
	margin: 0 ;
	padding: 0 ;
	font-family: 'Arial',sans-serif ;
}

#top {
	background-color: purple ;
	height: 1.5in ;
	color: white ;
	vertical-align: center ;
	overflow: hidden ;
}

h1 {
	margin: 0 0 4pt 0;
	padding: 0 ;
	font-size: 24pt ;
	font-weight: bold ;
}

#logo {
	display: block ;
	float: left ;
	width: 108pt ;
	height: 108pt ;
	margin: 0 ;
	background-color: black ;
	border: none ;
}

#top a.tag {
	font-size: 12pt ;
	text-decoration: none ;
	color: goldenrod ;
	font-weight: bold ;
	padding: 2pt 3pt 2pt 3pt ;
	white-space: pre ;
}

#top a.tag:hover {
	background-color: lightyellow ;
}

#top .topmenu {
	float: right ;
	margin: 4pt 0 ;
	font-size: 9pt ;
}

#top .topmenu a {
	text-decoration: none ;
	padding: 4pt ;
	color: white ;
}

#top .topmenu a:hover {
	background-color: goldenrod ;
}

#left {
	width: 150pt ;
	float: left ;
	font-size: 8pt ;
	margin: 18pt ;
	padding: 0 ;
	text-align: justify ;
	border: 0px solid #cccccc ;
}

#middle {
	font-size: 10pt ;
	margin: 18pt 180pt 18pt 180pt ;
	padding: 2pt ;
	text-align: justify ;
	border: 0px solid #cccccc ;
}

#right {
	width: 144pt ;
	float: right ;
	font-size: 8pt ;
	margin: 18pt ;
	padding: 0 ;
	text-align: justify ;
	border: 0px solid #cccccc ;
}

#bottom, #bottom a {
	background-color: white;
	color: purple ;
	font-style: normal ;
	text-align: center ;
	font-size: 8pt ;
	clear: both ;
	text-decoration: none ;
}
#bottom a:hover {
	text-decoration: underline ;
}

#left h2, #right h2 {
	padding: 2pt ;
	margin: 0 ;
	font-size: 9pt ;
	background-color: purple ;
	color: white ;
	height: auto ;
	float: left ;
	width: 100% ;
}

#left h2 a, #right h2 a {
	display: inline ;
	background-color: purple ;
	color: goldenrod ;
	padding: 1px 2px 1px 2px ;
}

#left h2 a:hover, #right h2 a:hover {
	background-color: lightyellow ;
	text-decoration: none ;
}

#left div, #right div, #left a, #right a {
	text-decoration: none ;
	padding: 2pt ;
	margin: 0 ;
	display: block ;
	background-color: lightyellow ;
	color: purple ;
	font-weight: bold ;
}

#left a:hover,#right a:hover {
	text-decoration: underline ;
}

#left a.item1, #right a.item1 {
	display: block ;
	float: left ;
	width: 100% ;
}

#left a.item1:hover,#right a.item1:hover {
	text-decoration: none ;
}

.item1 img {
	float:left;
	margin-right:4pt;
	width: 45pt ;
	height: 30pt ;
	border: 2px solid lightyellow ;
}
.item1 {
	text-align: left ;
}

#left a.item1:hover img, #right a.item1:hover img {
	border: 2px solid purple ;
}

#left a.item2, #right a.item2 {
	padding: 2pt 0 ;
	display: inline ;
}

.item2 img {
	width: 45pt ;
	height: 30pt ;
	border: 2px solid lightyellow ;
}

#left a.item2:hover img, #right a.item2:hover img {
	border: 2px solid purple ;
}

h6,h5 {
	border: 2px solid red ;
	font-weight: bold ;
	font-size: 10pt ;
	text-align: center ;
	padding: 4pt ;
	margin: 1em ;
}
h5 {
	background-color: lightgreen ;
	color: green ;
}
h6 {
	background-color: pink ;
	color: red ;
}

a img { border: none ; }