@charset "utf-8";
/* CSS Document */
body  {
	background: #ECE0F8;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
p {
	font-size: 80%;
	margin: 1.5em 0;
	text-align:left;
}
.bold-large {
	font-weight: bold;
	color: #5F04B4;
	text-decoration: none;
	font-size: large;
}
.bold-med {
	font-weight: bold;
	color: #5F04B4;
	text-decoration: none;
	font-size: medium;
}
.bold-small {
	font-weight: bold;
	color: #5F04B4;
	text-decoration: none;
	font-size: small;
}
.largepurple {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #60C;
}
.bigpurple {
	font-size: medium;
	text-align: center;
	color: #939;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.caption {
	text-align: center;
	font-size: 80%;
	font-style: italic;
	font-weight: lighter;
	color: #5F04B4;
	text-decoration: none;
	padding-bottom: 2px;
	}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* No padding or margin. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style-type:none;
	overflow:hidden;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs. A nested div with side padding can also be used as an alternate method. */
}
a img { /* removes the default blue border link */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* ~~ Styling for your site's links must remain in this order. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* gives a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #CCF;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #DEB3F8;
	color: #FFF;
}
<!-- CSS goes in the document HEAD or added to your external stylesheet -->
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.imgcenter {
	display: block;
	margin: auto;
}
.small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: italic;
	line-height: normal;
	font-weight: lighter;
	color: #60C;
}