.mistralheader {
	font-family: Mistral, Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size:28pt;
	text-align: center;
}

.mistralheader2 {
	font-family: Mistral, Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size:24pt;
	text-align: left;
}

.mistralheader3 {
	font-family: Mistral, Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size:20pt;
	text-align: left;
}

.mistralheader36 {
	font-family: Mistral, Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size:36pt;
	text-align: center;
}

.arialheader {
	font-family: Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size: 22pt;
	text-align: center;
}

.arialheader22 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size: 22pt;
	text-align: center;
}

.arialheader18 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size: 18pt;
	text-align: center;
}

.arialheader14 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-weight:bold; 
	font-size: 14pt;
	text-align: center;
}

.stdcontent {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #000000
}

p { /* default style same as standard content */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #000000
}

ul { /* default style same as standard content */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #000000
}


ol { /* default style same as standard content */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #000000
}

.nomargins {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }
/*
.h1 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.h2 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.h3 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.h4 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.h5 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.h6 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }

.h1 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 24px; }
.h2 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 18px; }
.h3 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 14px; }
.h4 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 12px; }
.h5 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 10px; }
.h6 {font-family: Arial, Helvetica, sans-serif; padding:0px; text-align:center; font-weight: bold; font-size: 8px; }
*/
.emphasize {
  font-family: Arial, Helvetica, sans-serif;
  color: #0000CC;
	font-weight: bold;
	font-style: italic;
	font-size: 19px;
}

.highlight { /* can be used with .emphasize class */
  font-family: Arial, Helvetica, sans-serif;
  color: #0000CC;
	font-weight: bold;
	font-style: italic;
	font-size: 19px;
	background-color: #FFFF00;
}

.highlighter { /* lighter background color version of highlight... and fewer styles, designed more for spans */
	font-style: italic;
	font-weight: bold;
	background-color: #FFCCCC;
}

.graytext {
	color:#666666;
}

.highlighter_green { /* lighter background color version of highlight... and fewer styles, designed more for spans */
	font-style: italic;
	font-weight: bold;
	background-color: #9FCBAC;
}

.bolditnote {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

.colornote {
  font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #cc3300;
	font-style: italic;
}

.caption {
	font-family: Arial Narrow, Arial, sans-serif; 
	font-size: 14px;
	font-style: italic;
	text-align: center; 
	color: #000000
}

.credit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	text-align: right; 
	color: #800000
}

.maroon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	color: #800000;
}

/* Classes for photo / picture styles */
.porth300w225 {
	margin: 5px;
	height: 300px;
	width: 225px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.porth300w200 {
	margin: 5px;
	height: 300px;
	width: 200px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.landh300w400 {
	margin: 5px;
	height: 300px;
	width: 400px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.porth400w300 {
	margin: 5px;
	height: 400px;
	width: 300px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.landh225w300 {
	margin: 5px;
	height: 225px;
	width: 300px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.landh168w225 {
	margin: 5px;
	height: 168px;
	width: 225px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.landh450w600 {
	margin: 5px;
	height: 450px;
	width: 600px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.square300 {
	margin: 5px;
	height: 300px;
	width: 300px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.square225 {
	margin: 5px;
	height: 225px;
	width: 225px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
.maintpix {
	margin: 5px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
	height: 300px;
}
.maintpix2 {
	margin: 5px;
	border: thin solid #333333;
	text-align: left;
	vertical-align: top;
}
/* Misc image sizers */
.squarelarge {
	margin: 5px;
	height: 180px;
	width: 180px;
	border: 2px solid #333333;
	text-align: left;
	vertical-align: top;
}
.squaresmall {
	margin: 2px;
	height: 72px;
	width: 72px;
	border: 2px solid;
	text-align: left;
	vertical-align: top;
}
/* use rectsmall when image is not an exact square but you want the same width */
.rectsmall {
	margin: 2px;
  width: 72px;
	border: 2px solid;
	text-align: left;
	vertical-align: top;
}

.relativeleft20 {
	position:relative;
	left:20px;
	right:20px;
}

.width90 {width: 90%;}
.width95 {width: 95%;}
.width100 {width: 100%;}

/* Links */
/* wait to activate until redesign 
a:link {
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #6600CC;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
*/