body {
	margin: 0; 
	padding: 0;
	font: normal 80% verdana, arial, sans-serif; 
	color: #666; 
	background: #666699;
}
p {
	margin: 0; 
	padding: 0.4em 0.2em 0.6em 0.2em;
	position: relative;
}
a:link, a:visited {
	color: #333366; 
	text-decoration: underline; 
	background: transparent;
}
a:hover {
	color: #663366; 
	text-decoration: none; 
	background: #ffccff;
}
a:active {
	color: #333366; 
	text-decoration: underline;  
	background: transparent;
}
a.external {
    background: url(images/external.gif) no-repeat 100% 50%;
    padding-right: 10px;
}
a.external:hover, .superfooter a.external:hover {
    background: #ffccff url(images/external.gif) no-repeat 100% 50%;
    color: #663366;
    padding-right: 10px;
}
div.wholepage {
	margin: 0 6% 0 6%; 
	background: #fff;
	padding: 0; 
	position: relative;
}
div {
	margin: 0; 
	padding: 0;
}
h1 {
	color: #663366; 
	font: bold 175% georgia, serif; 
	background: transparent;
	position: relative;
}
h2 {
	color: #663366; 
	font: bold 160% georgia, serif; 
	background: #dde;
	position: relative;
}

/* +++ Start Of Header Section +++ */

#header {
	margin:0; 
	padding:0;
}
.superheader {
	background-color: #333366; 
	text-align: center; 
	color: #fff; 
	padding: 1px 1em 1px 1px;
}
.mainheader {
	margin: 0; 
	padding: 45px 1em 20px 1em; 
	text-align: left; 
	background: url(images/banner.jpg) no-repeat left top; 
}
.mainheader h1 {
	font-size: 275%; 
	margin: 8px 0 0 115px; 
	padding: 0; 
}
.mainheader p {
	text-indent: 7em; 
	color: #666699; 
	margin: 0 0 0 45px; 
	padding: 0; 
	font-weight: bold; 
	background: transparent;
}
.subheader {
	background-color: #666699; 
	margin: 0; 
	padding: 0.5em; 
	text-align: center; 
	font-weight: bold;
	color: #fff; 
}

/* +++ Start Of Top Menu Section +++ */

#navlist {
	padding: 3px 0; 
	margin-left: 0; 
	border-bottom: 1px solid #333366; 
	font: bold 12px verdana, sans-serif;
	position: relative; 
}
#navlist li {
	list-style: none; 	
	margin: 0; 
	display: inline;
}
#navlist li a {
	padding: 3px 0.5em; 
	margin-left: 3px; 
	border: 1px solid #333366; 
	border-bottom: none;
	background: #dde; 
	text-decoration: none; 
}
#navlist li a:link, #navlist li a:visited { 
	color: #448;
}
#navlist li a:hover {
	color: #dde; 
	background: #666699; 
	border-color: #227;
}
#navlist li a:active { 
	color: #663366;
}
#navlist li a#current {
	background: white; 
	border-bottom: 1px solid white;
	color: #663366;
}

/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
	border-bottom: 1px solid #333366;  
	border-left: 1px solid #333366; 
	margin: -12px 0 0 1em; 
	float: right; 
	font-weight: bold; 
	padding: 0; 
	position: relative;
	text-align: center; 
	width: 160px; 
}
#sidecontainer h2 {
	display: block; 
	margin: 0; 
	padding: 0.2em; 
	color: #fff; 
	background: #333366; 
	font: bold 120% georgia, serif; 
}
.nav {
	margin: 0 0 1.5em 0; 
	padding: 0; 
	position: relative;
	list-style-type: none; 
	background-color: #dde;
}
.nav li {
	margin: 0; 
	padding: 0; 
	display: block; 
	border-bottom: 1px solid #333366; 
}
.nav a:link, .nav a:visited {
	display: block; 
	margin: 0; 
	text-decoration: none; 
	color: #448; 
	margin: 0; 
	padding: 0.5em; 
}
.nav a:hover {
	display: block; 
	margin: 0; 
	text-decoration: none; 
	color: #dde; 
	margin: 0; 
	padding: 0.5em; 
	background: #666699; 
}
.nav a:active {
	display:block; 
	margin:0; 
	text-decoration:none; 
	color:#663366; 
	margin:0; 
	padding:0.5em; 
	position: relative;
}

/* +++ Start Of Content Section +++ */

#content {
	margin: 0 154px 18% 0; 
	padding: 0.8em; 
}
#content img {
	float: left; 
	border-style: none;
}
blockquote {
	color: #666699; 
	display: block; 
	margin: 0; 
	padding: 0.4em 20% 0.6em 20%; 
	font: normal 150% georgia, serif; 
	text-align: center; 
	height: 3em;
}
.dropcap {
	font: bold 175% georgia, serif;
	color: #666699;
}
#content h1 {
	margin:0; 
	padding:0.1em; 
	text-indent:2em;
}
.spacer {
	clear: both;
}
.box { 
	background: #fffac6;
	border: 5px solid #333366;
	color: #666699;
	float: left;
	margin: 1em 1em 1em 0;
	padding: 0.8em;
	position: relative;
	text-align: center;
	width: 500px;
}
.imgleft {
	margin: 15px 15px 15px 0;
	padding: 1em;
	float: left;
	position: relative;
}
.imgright {
	margin: 15px 0 15px 15px;
	padding: 1em;
	float: right;
	position: relative;
}
.note {
	font-style: italic;
}
.email {
	color: #663366; 
	background: #fffac6;
}
.toplink {
    float: right;
	position: relative;
	color: #663366;
	font: bold 110% verdana, sans serif; 
	background: #dde;
}	
.index-link {
	background: #dde;
	color: #663366;
	font: bold 100% verdana, sans serif; 
	margin: 2em 0 2em 0;
}	
.index-link a:hover {
	background: #dde;
}

/* +++ Start of Footer Section +++ */

#footer {
	margin: 0; 
	padding: 0;
	text-align: center;
}
#footer a {
	text-decoration: none;
}
.superfooter {
	background: #666699; 
	padding: 0.5em; 
	color: #fff;
	font-weight: bold;
	clear: both;
}
.superfooter a, .superfooter a:active, .superfooter a:visited {
	color: #fff;
}
.superfooter a:hover {
	color: #663366; 
	background: #fff; 
}
.mainfooter {
	background: #fff; 
	padding: 0.3em; 
}
.subfooter {
	background: #333366; 
	color: #fff; 
	height: 0.8em;
}