/* General-purpose Body styles */
body {  text-align: center; margin: 0px; vertical-align: top; }
p { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: justify; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; border-style: none}
ul.home { margin: 5px;}
.bodyTable { width: 800px; border-width: 2px; border-style:groove; border-color: #336666; text-align: center; border-collapse: collapse }
.columnHead { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; border-style: none ; vertical-align: top ; line-height: 1.75em; color:  #333399; background-color: #009966; font-weight:bold}
.emphasis { font-family: Georgia, "Bookman Old Style", Bookman, serif; 	font-size: x-small; 	font-weight: bold; 	color: #333399; }
.extreme { text-align: center; vertical-align: bottom; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 18px; color: #ff0000; font-weight: bold}
.intTitle {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #333399; text-align: center}
.intSubtitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #333399; text-align: center }
.knn {  font-family: Optima, Arial, Helvetica, sans-serif; font-size: 9px; color: #009933}
a.knn:link { }
a.knn:visited { }
.normal { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: justify; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; border-style: none ; vertical-align: top; color: #000000; text-decoration: none}
.recswusa {  font-family: Optima, Arial, Helvetica, sans-serif; font-weight:bold; color: #006666}
.programColHead {color: #ffffff; text-align: center; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-size: 14px; font-weight: bold; background-color: #006666;  }
.tableCenter { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: center; padding:3px;  vertical-align: top; color:black; text-decoration: none ; border-width: 1px; border-style:groove; border-color: #336666; line-height: normal}
.tableLeft { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: left; padding:3px;  vertical-align: top; color: #000000; text-decoration: none ; border-width: 1px; border-style:groove; border-color: #336666; line-height: normal}
.tableRight { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: right; padding:3px;  vertical-align: top; color: 000000; text-decoration: none ; border-width: 1px; border-style:groove; border-color: #336666; line-height: normal}
.tableText { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: justify; padding:3px;  vertical-align: top; color: 000000; text-decoration: none ; border-width: 2px; border-style:groove; border-color: #336666; line-height: normal}
.tableComment { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: left; padding:3px;  vertical-align: top; color: 000000; text-decoration: none ; border-width: 2px; border-style:groove; border-color: #336666; line-height: normal}
.tableTitle { background-color: #CCCCCC; text-align: center; vertical-align: top; font-size: 14px; color: #006666; font-weight: bold;  border-width: 2px; border-style:groove; border-color: #336666; line-height: 2.0em; }
.tinyType {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: center}

/* template heading and menu styles */
.heading { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; text-align: center; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; border-style: none ; vertical-align: top ; line-height: 1.5em; color: #FFFFFF; background-color: #009966}
.headMenu { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.5em; color: #FFFFFF; background-color: #006666; border-style: none; height: 20px}
.leftSide { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: justify; margin: 0px;  border-style: none ; vertical-align: top; color: 000000; text-decoration: none;  width: 33%;}
.formBody {  background-color: #CCCCCC; text-align: left; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: 2px #006666 groove; width: 100%}
.formLabel { background-color: #CCCCCC; text-align: right; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #006666; font-weight: bold}
.formData { background-color: #CCCCCC; text-align: left; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: Arial, Helvetica, sans-serif; font-size: x-small}
.formTable { text-align: center; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: Arial, Helvetica, sans-serif; font-size: x-small}
.formButton {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #006666; background-color: #CCCCCC; text-align: center}
.formTitle { background-color: #CCCCCC; text-align: center; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-size: 14px; color: #006666; font-weight: bold }
.formRequired { background-color: #CCCCCC; text-align: right; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333399; font-weight: bold}
.memberData { text-align: left; vertical-align: top; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; margin: 0px; text-indent: 0px;}
a.memberData { text-decoration: none}
a.commentNext { font-family: Optima, Arial, Helvetica, sans-serif; font-weight: bold; font-size: xx-small;color: #006666; text-decoration:underline; }
a.commentNext:link { font-family: Optima, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small;color: #000066; text-decoration:underline; }
a.commentNext:visited { font-family: Optima, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small;color: #000066; text-decoration:underline;  }

/* Classes for the weekly Programs */
.programBody {  background-color: #FFFFFF; text-align: left; vertical-align: top; border: 2px #006666 groove; width: 100%; margin: 10px; padding: 10px;}
.programHeading { text-align: center; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 18px; color: #333399; font-weight: bold}
.programData { text-align: left; vertical-align: top; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; margin: 0px; text-indent: 0px;}
.programButton {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #FFFFFF; background-color: #006666; text-align: center; }
.programTitle { color: #006666; text-align: center; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px ; font-size: 14px; font-weight: bold }
.programLabel {	font-family: Arial, Helvetica, sans-serif; font-size: x-small; 	text-align: justify; margin-top: 5px;	margin-right: 10px;	margin-bottom: 5px; margin-left: 10px; border-style: none; vertical-align: top;	color: 000000; text-decoration: none; font-weight: bold; }
.programAuthor { font-family: Arial, Helvetica, sans-serif; font-size: x-small; 	text-align: justify; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; border-style: none; vertical-align: top; color: 000000; text-decoration: none; font-weight: normal; font-style: italic; }
/* Classes for the administration pages */
.adminTable { width: 800px; border-width: 2px; border-style:groove; border-color: #336666; padding: 5px; border-collapse: collapse; }
.adminData { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: left; border-style: solid; border-width: 1px; vertical-align: top; 	color: 000000; text-decoration: none; }

/* Counter on home page only */
.counter { font-family: "Comic Sans", "Comic Sans MS", sans-serif; font-size: 14px; margin: 0px;  color: #ffcc33; background-color: #006666; border-style: solid; border-width: 2px; border-color:#ffcc33; height: 16px; font-weight: bold; text-align:center;}

/* Message/help styles */
.msgBody { width: 400px; height: 300px; background-color:#006666; color: #FFFFFF; border: 1px groove #ffffff; margin: 10px;}
.msgHeading { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFFFFF; font-weight: bold;  text-align: center; }   
.msgText { font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFFF; text-align: justify; }
.msgTiny { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #FFFFFF; text-align: center; }
a.msgTiny { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #FFFFFF; text-align: center; }