/* CSS Document */
html, body, div, class, p, a, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: Arial;
	background: #9B30FF;
	font-size: 100%
}
#wrap {
	background: #FFF;
	margin: 5px auto;
	width: 97%;
}
#head {
	background: #FFF;
}
.head {
	margin-left: 10%;
}
#topnav {
	text-align: center;
	border-bottom: 2px solid #000;
}
#topnav ul {
	background: #9B30FF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#topnav ul li {
	display: inline;
	margin: 0 2px;
	padding: 0px;
}
#topnav ul li a {
	color: #FFF;
	text-decoration: none;
	width: 100%;
	padding-top: 0px;
	padding-right: 12px;
	border-right: 1px solid #820BBB;
	font-size: 95%;
	padding-left: 12px;
	border-left: 2px solid #820BBB;
}
#topnav ul li a:hover, #topnav ul li a:focus {
	background: #2E0854;
}
p {
	display: inline;
	margin-bottom: 30px;
}
.h1index {
	color: #0000FF;
	text-align: center;
	line-height: 90%;
	margin-top: 20px;
}
.h2index {
	font-size: 150%;
	line-height: 90%;
	text-align: center;
	color: #2E0854;
	margin-bottom: 40px;
	margin-top: 20px;
}
.h3index {
	font-size: 100%;
	line-height: 90%;
	color: #660198;
	padding-top: 10px;
	text-align: center;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
h2 {
	color: #660198;
	padding-bottom: 10px;
	line-height: 90%;
}
.h2its {
	font: Verdana;
	color: #E90133;
	font-style: italic;
}
.h2rr {
	font: Verdana;
	color: #0000FF;
	font-style: italic;
}
.h2mm {
	font: Verdana;
	color: #00AF33;
	font-style: italic;
}
h3 {
	line-height: 90%;
	font-size: 95%;
	color: #660198;
	padding-bottom: 10px;
}
/* leftcol starts here */
#leftcol {
	width: 160px;
	float: left;
	padding: 5px;
	margin: 20px 0px 0px 7px;
}
/* leftcol nav starts here */
#leftcolnav {
	width: 160px;
	text-align: center;
	border: 1px solid #000;
	background: #820BBB;
}
#leftcolnav ul {
	background: #820BBB;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#leftcolnav ul li {
}
#leftcolnav ul li a {
	color: #FFF;
	background: #9B30FF;
	display: block;
	text-decoration: none;
	border-top: 2px solid #660198;
	border-left: 3px solid #660198;
	margin: 2px 0px;
}
#leftcolnav ul li a:hover, #leftcolnav ul li a:focus {
	background: #2E0854;
}
/* leftcolquot starts here */
.leftcolquot {
	background: #E8E8E8;
	border: 5px solid #9B30FF;
	margin-top: 10px;
	padding: 5px;
}
.leftcolquot p {
	font-size: 75%;
	display: block;
	margin-bottom: 10px;
}
.leftcolquot h2 {
	font-size: 100%;
	padding: 10px;
	text-align: center;
}
/* rightcol starts here */
#rightcol {
	width: 160px;
	float: right;
	padding: 5px;
	margin: 20px 7px 0px 0px;
}
/* rightcol news starts here */
.rightcolnews {
	border: 5px solid #9B30FF;
	padding: 5px;
}
.rightcolnews p {
	font-size: 75%;
	display: block;
	margin-bottom: 10px;
}
.rightcolnews h2 {
	font-size: 100%;
	text-align: center;
	padding: 10px;
}
/* rightcolquot starts here */
.rightcolquot {
	border: 5px solid #9B30FF;
	margin-top: 10px;
	padding: 5px;
	background: #E8E8E8;
}
.rightcolquot p {
	font-size: 75%;
	display: block;
	margin-bottom: 10px;
}
.rightcolquot h2 {
	font-size: 100%;
	padding: 10px;
	text-align: center;
}
/* content starts here */
#content {
	margin: 20px 205px 0px 205px;
}
.leftimg {
	float: left;
	margin: 0px 15px 10px 0px;
}
.spacer {
	height: 20px;
}
.eyes {
	margin-top: 60px;
	margin-bottom: 40px;
	display: block;
	margin-left: 25%;
}

.rightimg {
	float: right;
	margin: 0px 0px 10px 15px;
}
.elemimg {
	margin-left: 5%;
}

#copy {
	text-align: center;
	margin-top: 20px;
	clear: both;
	font-size: 80%;
}
/* foot starts here */
#foot {
	clear: both;
	margin: 0;
	background: #000;
	color: #C9F;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
}
#foot img {
	vertical-align: middle;
	margin: 1px 7px 6px 7px;
}
#foot a:link {
	vertical-align: text-bottom;
	text-decoration: none;
	color: #C9F;
}
#foot a:visited {
	color: #C9F;
	text-decoration: none;
}
#foot a:hover {
	color: #3F3;
	text-decoration: none;
}
#foot a:active {
	color: #FF0000;
	text-decoration: none;
}
.h1elem {
	color: #2E0854;
	text-align: center;
	line-height: 90%;
	margin-top: 0px;
	padding: 5px;
	font: lighter 85% Geneva, Arial, Helvetica, sans-serif;
}
.h2elem {
	color: #000;
	text-align: center;
	font: lighter 75% Geneva, Arial, Helvetica, sans-serif; 
}
.title {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20%;
}
.esbigimg {
	margin-left: 15%;
}
.pelem {
	font: 85% Geneva, Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 20px;
	line-height: 95%;
}
.ulelem {
	margin: 0px 0px 20px 5px;
	display: block;
	font: 80% Geneva, Ariel, Helvetica, sans-serif;
	padding-left: 15px;
	line-height: 100%;
}
.h3elem {
	font: bold 85%/100% Geneva, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	color: #2E0854;
}
.boces {
	margin-top: 3px;
	margin-right: 10px;
}
.h1lib {
	font: lighter 85%/90% Geneva, Arial, Helvetica, sans-serif;
	color: #2E0854;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}
.plib {
	font-size: 95%;
	margin-bottom: 40px;
	display: block;
	line-height: 95%;
}
.libimg {
	float: left;
	margin: 5px 15px 0px 0px;
	border: solid #3F3 3px;
}
.galimg {
	margin: 10px;
	float: left;
	border: 3px solid #3F3;
}
.redtext {
	color: #D60E4D;
	font: bold 90%;
}
.usimgl {
	margin: 0px 20px 10px 0px;
	float: left;
}
.usimgr {
	margin: 0px 0px 5px 20px;
	float: right;
}
#jeanie {
	color: #9B30FF;
	text-align: center;
	font: italic bolder 90% Geneva, Arial, Helvetica, sans-serif;
}
