TD {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-decoration: none;}
.activitytext {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-decoration: none; text-align: normal;}
.activitytextbold {color:#000000; font-family:Arial, Helvetica; font-size:12px; font-weight: bold; text-decoration: none; text-align: normal;}
.activitytitle {color:#000000; font-family:Arial, Helvetica; font-size:16px; text-decoration: none; font-weight: bold;}
.activitysubhead {color:#000000; font-family:Arial, Helvetica; font-size:13px; text-decoration: none; text-align: normal;}
.activityportfolio {color:#ffffff; font-family:Arial, Helvetica; font-size:13px; text-decoration: none; font-weight: bold; text-align: normal;}
.background {background-image: url(../images/workshop_nav_background.gif)}
.courselinks {color:#990099; font-family:Arial, Helvetica; font-size:12px; font-weight: bold; text-align: normal}
.greytext {color:#B2B2B2; font-family:Arial, Helvetica; font-size:12px; text-decoration: none;}
.headtext {color:#000000; font-family:Arial, Helvetica; font-size:18px; text-decoration: none; text-align: normal}
.imageleft {margin-right: 5px; margin-bottom: 5px; float: left; display: inline;}
.imageright {margin-left: 5px; margin-bottom: 5px; float: right; display: inline;}
.midtext {color:#000000; font-family:Arial, Helvetica; font-size:13px; text-decoration: none; text-align: normal}
.midtext1 {color:#000000; font-family:Arial, Helvetica; font-size:11px; text-decoration: none; text-align: normal}
.midtext1bold {color:#000000; font-family:Arial, Helvetica; font-size:11px; font-weight: bold; text-decoration: none;}
.photocaption {color:#000000; font-family:Arial, Helvetica; font-size:11px; text-decoration: none; text-align: normal;}
.popuplink {color:#D88912; font-family: Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
	#popuplink {color:#C47A0B; font-family: Arial, Helvetica; font-size:12px; text-decoration: none;}
	#popuplink:hover {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
.qblue {color:#0000dd; font-family: Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
	#qblue {color:#0000dd; font-family: Arial, Helvetica; font-size:12px; text-decoration: none;}
	#qblue:hover {color:#6699CC; font-family:Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
.qpurp {color:#993399; font-family: Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
	#qpurp {color:#993399; font-family: Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
	#qpurp:hover {color:#4123A1; font-family:Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
.qpurpsm {color:#993399; font-family: Arial, Helvetica; font-size:11px; text-weight: bold; text-decoration: none;}
.qpurpsmital {color:#993399; font-family: Arial, Helvetica; font-size:11px; text-weight: bold; font-style: italic; text-decoration: none;}
	#qpurpsm {color:#993399; font-family: Arial, Helvetica; font-size:11px; text-decoration: none;}
	#qpurpsm:hover {color:#4123A1; font-family:Arial, Helvetica; font-size:11px; text-weight: bold; text-decoration: none;}
.sitemaplrg {color:#1A9E46; font-family: Arial, Helvetica; font-size:16px; text-weight: bold; text-decoration: none;}
	#sitemaplrg {color:#1A9E46; font-family: Arial, Helvetica; font-size:16px; text-weight: bold; text-decoration: none;}
	#sitemaplrg:hover {color:#1A9E46; font-family:Arial, Helvetica; font-size:16px; text-weight: bold; text-decoration: none;}
.smallmidtext {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-decoration: none; text-align: normal}
.smalltext {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-decoration: none;}
.smalltext2 {color:#333344; font-family:Arial, Helvetica; font-size:12px; text-decoration: none;}
.splash {color:#0000dd; font-family: Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
	#splash {color:#0000dd; font-family: Arial, Helvetica; font-size:12px; text-decoration: none;}
	#splash:hover {color:#7373FF; font-family:Arial, Helvetica; font-size:12px; text-weight: bold; text-decoration: none;}
.subheadtext {color:#000000; font-family:Arial, Helvetica; font-size:16px; text-decoration: none; text-align: normal}
.testimonypictext {color:#000000; font-family:Arial, Helvetica; font-size:12px; font-weight: normal; font-style: italic; text-decoration: none; text-align: center}
.testimonysubhead {color:#000000; font-family:Arial, Helvetica; font-size:16px; font-weight: bold; font-style: normal; text-decoration: none; text-align: center}
.titletext {color:#000000; font-family:Arial, Helvetica; font-size:18px; font-weight: bold; font-style: italic; text-decoration: none; text-align: normal}
.workshopsubhead {color:#000000; font-family:Arial, Helvetica; font-size:12px; text-decoration: none; text-align: normal;}
.wrongheadtext {color:#000000; font-family:Arial, Helvetica; font-size:18px; text-decoration: none; text-align: normal}

/* sidebars */
td#rightSideBarExp { padding-right: 5px; padding-top: 6px; }
#rightSideBarExp p, cite { font-size: 10px; }
#rightSideBarExp li { font-size: 12px; }
#rightSideBarExp h2, h3, h4 { margin-bottom: 0;  }

/* videos and handouts */
#videos ul {list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 9px; padding-left: 0; margin-left: 6px;}
#videos li {padding-left: 24px; background-image: url(/share/icon_audio.gif); background-repeat: no-repeat; background-position: 0 3px; margin-bottom: 5px;}
#handouts ul {list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 9px; padding-left: 0; margin-left: 6px;}
#handouts li {padding-left: 24px; background-image: url(/share/icon_pdf.gif); background-repeat: no-repeat; background-position: 0 3px; margin-bottom: 8px;}
#htmlHandouts ul {list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 9px; padding-left: 0; margin-left: 6px;}
#htmlHandouts li {padding-left: 4px; background-image: none; background-repeat: no-repeat; background-position: 0 3px; margin-bottom: 5px;}

/* first p after an h2 has no margin */
/* see http://www.w3.org/TR/REC-CSS2/selector.html#first-child */
/* of course, this doesn't work in any browser :-/ */
#mainContent h2 > p:first-child { margin-top: 0; }
/* so we use this instead */
.lead { margin-top: 0; }
.leadBigger  { margin-top: 4; }
.leadList { margin-top: 0; margin-bottom: 0; }
.noTopMargin{ margin-top: 0; }
.noBottomMargin{ margin-bottom: 0; }
.preList { margin-bottom: 0; }
.preListIndent { margin-bottom: 0; text-indent: 1em; }
.fade { color: #555; }
.indent { text-indent: 1em; }