h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26pt; font-weight: bold; color: #1f85bf;}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #1f85bf; font-weight: bold;}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1f85bf;}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1f85bf; font-weight: bold;}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #cccccc;}
h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; font-weight: bold;}
p {  font-family: Verdana, Arial, Helvetica, sans-serif;}
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
ul {  list-style-position: inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
li {  font-family: Verdana, Arial, Helvetica, sans-serif;}

.bluesubhead {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #1f85bf;}
	
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This is used on only one page, for a quote. It can, of course, be used elsewhere as needed. */

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f85bf;
	font-style: italic;
	text-indent: 10px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}


/* Maintext is the primary content in your pages. Changes here will universally change what your main text looks like. Makes it easy. */

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
}
.maintext a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: underline;
	}
.maintext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	}
.maintext a:hover {
	color: #1f85bf;
	text-decoration: none;}

h4.maintext {
	color: #1f85bf;
	font-weight: bold;}

/* charttext is pretty much the same as Maintext. The main difference is that the line-height is less. Use this for charts, like the lists of seminars. */

.charttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}
.charttext a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: underline;
	}
.charttext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	}
.charttext a:hover {
	color: #1f85bf;
	text-decoration: none;}
	

.chartsubhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f85bf;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;}
	
	
	
/* This is text that is reversed--that shows up white against a darker background. It's not currently used anywhere. */

	
.whitetext12, .whitetext12 a:link, .whitetext12 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none; }


.whitetext12 a:hover {
	color: #ffffff;
	text-decoration: underline; }
	
	
	
/* classes for the address box on the lower left */

.bottomaddress, .bottomaddress a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
}
.bottomaddress a:link  {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}
.bottomaddress a:hover {
	color: #ffffff;
	background-color: #dba72a;
	text-decoration: none;
	font-weight: bold;
}

	
	
/* class for the "Designed by RandomPokes" footer */
	
.designby, .designby a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;}

.designby a:hover {
	color: #ffffff;
	background-color: #dba72a;
	text-decoration: none;}


/* IDs for the photo backgrounds */
#art_blackman {
	background-image:   url(../images/main/blackman.jpg);
	background-repeat: no-repeat;}
#art_manblueshirt {
	background-image: url(../images/main/manblueshirt.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
#art_mansquatting {
	background-image: url(../images/main/mansquatting.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
#art_womantansuit {
	background-image: url(../images/main/womantansuit.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
#art_womanshorthair {
	background-image: url(../images/main/womanshorthair.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
#art_blackmanpointing {
	background-image: url(../images/main/blackmanpointing.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
#art_womanblacksuit {
	background-image: url(../images/main/womanblacksuit.jpg);
	background-color: #1f85bf;
	background-repeat: no-repeat;}
	
#art_bluerepeating {
	background-image: url(../images/main/bluerepeating.jpg);
	background-repeat: repeat-y;}
	
/* IDs for the left-side links. Decreasing the line-height attribute will bring the text closer together. */

td#sidelinks a {
	display: block; 
	color: #ffffff;
	text-decoration: none;}

td#sidelinks a:hover {
	background-color: red;}
	
td#sidelinks h4 {
	background: transparent;
	color: navy;}
	
td#sidelinks a, td#sidelinks h4  {
	margin: 0;
	font: bold 14px Verdana, Arial, sans-serif;
	text-decoration: none;
	text-indent: 12px;
	line-height: 24px;}
	
/* This is for the "upcoming events" box on the home page. It specifies borders only on the top and bottom, sets them at medium width, makes them solid lines (as opposed to dotted), and colors them red. */
	
#upcomingevents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: center top;
	text-align: left;
	text-indent: 14px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;
	border-left-color: red;
}
#upcomingevents a:hover {
	text-decoration: none;
	color: #1f85bf;}
	


/* These classes define the text for the Quick Glance boxes on the seminar pages.  */

.quickglance {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
}
.quickglance a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: underline;
	}
.quickglance a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	}
.quickglance a:hover {
	color: #1f85bf;
	text-decoration: none;}
	
/* These are two IDs, both of which give the attributes of the Quick Glance boxes on the seminar pages. The Quickglance50 ID is for a box that is only half as wide. It hasn't been used yet. */
	
table#quickglance {
	margin: 5px;
	background-position: center;
	width: 98%;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;
	border-left-color: red;
	padding-right: 8px;
	padding-left: 8px;
}

table#quickglance50 {
	float: right;
	margin: 5px;
	background-position: center;
	width: 50%;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;
	border-left-color: red;
	padding-right: 8px;
	padding-left: 8px;

}