body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF7EA;
	font-size: 90%;
}
/*  *************************************************** */
/* controls the overall width of design, centers the page, sets border and background. Be careful of changing widths unless you understand the rendering differences between browsers.  */
/*  *************************************************** */

#wrapper {
	position: relative;
	width: 767px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;	
	left: auto;
	right: auto;
	border: 1px solid #000033;
	text-align: left;
	background-image: url(sharedimages/pagebg.gif);
	background-repeat: repeat-y;
	}/*[width:762px;]*/ /* sets width for IE6 browser. Due to box model rendering differences between IE6 and IE5x PC browsers */


/**html #wrapper {
	w\idth:762px;}*/ /* sets width back for IE5x browsers */

/*  *************************************************** */
/*  sets widths of columns in wrapper. Also controls font size for text in each column. Percentages are used because they allow the user to control the size of the text, which is a usability issue. The percentage is a % of user default settings */
/*  *************************************************** */

#leftcol {
	font-size: 75%;
	padding: 0px;
	margin: 0px;
	float: left;
	border: none;
	width: 200px;
}

#centercol {
	font-size: 85%;
	text-align: left;
	width: 369px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: none;
}

#rightcol {
	font-size: 80%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 191px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFCC;
	color: #000000;
}

/*  *************************************************** */
/*  sets values for paragraphs and other formatted content. Ems are used because they scale when the text is scaled for better readability. */
/*  *************************************************** */
#leftcol p, #centercol p, #rightcol p {
	margin: 0px 1em .5em;
	padding: 0px;
}

/* CONTROLS FORMATTING & APPEARANCE OF CENTER ELEMENTS, INCLUDING LINKS  | NO NEED TO "APPLY" CLASSES, SIMPLY USE H1, H2, H3 SEMANTIC MARKUP! */
#centercol h1 {
	background: #CBD0D8;
	font-size: 110%;
	font-weight: bold;
	color: #660000;
	padding-left:0.5em;
	margin:0.5em 0em 0.2em;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
	padding-top: .3em;
	padding-bottom: .1em;
	/*padding-bottom: 0.3em;*/
	/*padding-top: .5em;*/
}

#centercol h2 {
	/*background-color:#E1E1FF;*/
	font-size: 100%;
	font-weight: bold;
	color: #663333;
	padding: .3em .5em;
	margin: 0px;
}

#centercol h3 {  /* class date - no longer used */
	font-size: 90%;
	font-weight: normal;
	color: #663333;
  /* padding: 0 0 0 .5em; */
  padding: 0 0 0 23em;
	margin:0em;
}

#centercol h4 {
	background: #003366;
	font-size: 110%;
	font-weight: bold;
	color: #EFDEDE;
	padding-left:.5em;
	margin:.5em 0em 0em 0em;
}

#centercol h5 {
	/*background-color:#E1E1FF;*/
	font-size: 100%;
	font-weight: bold;
	color: #663333;
	padding: .3em .5em;
	margin: 0px;
}

#centercol h6 {  /* class title */
    font-size: 90%;
    font-weight: normal;
    color: #8B0000;
    padding: 0 0 0 .5em;
	  /* padding: 0 0 .2em 10em; */
    margin:0px;
}

#centercol h2 a:link {
	color: #663333;
}
#centercol h2 a:visited {
	color: #663366;
}
#centercol h2 a:hover {
	color: #CC3300;
}

#centercol h3 a:link {
	color: #0000FF;
}
#centercol h3 a:visited {
	color: #400080;
}
#centercol h3 a:hover {
	color: #990099;
}

#centercol h6 a:link {
	color: #0000FF;
}
#centercol h6 a:visited {
	color: #CC00FF; /* #400080; */
}
#centercol h6 a:hover {
	color: #FF0000; /* #990099; */
}

#rightcol h1 {
	background: #466081;
	font-size: 110%;
	font-weight: bold;
	color: #EFDEDE;
	padding-left:0.5em;
	margin:0.5em 0em;
	padding-bottom: .3em;
	padding-top: .3px;
	border-bottom: 1px solid #660000;
}

/*  *************************************************** */
/*  This is the top right navigation above the page layout */
/*  *************************************************** */
#utility {
	font-size: 80%;
	color: #677892;
	text-align: right;
	width: 760px;
	position: relative;
	margin-top: 1.5em;
	margin-right: auto;
	margin-bottom: .5em;
	margin-left: auto;
	background: #FFF7EA;
	left: auto;
	right: auto;
}

#utility a {
 text-decoration:none;
	color:#003366;
}

#utility a:visited {
 text-decoration:none;
	color:#003366;
}

#utility a:hover {
 text-decoration:none;
	color:#660000;
}

/*  *************************************************** */
/*  This is the links region below the page layout */
/*  *************************************************** */
#footer {
	font-size: 80%;
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	width: 760px;
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0 0 1em 0;
	border-top: 3px solid #7C2B38;
}

#footer a {
text-decoration:none;
color:#ffffff;
}

/*  *************************************************** */
/*  These are styles for special circumstances in controlling appearance of elements in page. Note how they are typically class-based because the circumstance could occur more than one time in the page. */
/*block images stack. this is used rather than adding a break after images. */
/*  *************************************************** */
.special img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}

/*used to prevent several weird IE css bugs */
.clearme {
	float: left;
}

/*floats images left. be sure to edit the img tag to add  style="width:valuelength;" (as in width:200px;) to keep this method working in IE5x browsers on the mac platform */
.linkedpic {
	text-decoration: none;
	float: left;
	border: 1px solid #000033;
	margin-right: 0.3em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.linkedpic2 {
	text-decoration: none;
	float: left;
	border: 1px solid #000033;
	margin-right: 0.3em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* apply to image to create border without blue link color*/
.centerpic {
	text-decoration: none;
	border: 1px solid #000033;
}

/*apply to paragraph with image only content to center it */
.centerme {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.photoCaption {
	text-align: center;
	font: italic x-small Arial, Helvetica, sans-serif;
	color: #003399;
}

.centerHeadingBar {
	font: bold small Arial, Helvetica, sans-serif;
	color: #DDF4FF;
	text-align: left;
	margin: 0px 0px 0px 2px;
	background: #003366;
	/*width: 95%;*/
	padding-top: 2px;
	padding-bottom: 1px;
}

.centerSubHeading {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #660000;
	text-align: left;
	margin: 0px 5px 0px 2px;
	padding: 0px;
	background: #E0E0E0;
	width: 96%;
}

#bio {
margin: 20px 0px 0px 0px;
border-top: 1px solid #990000;
border-bottom: 1px solid #990000;
border-left: 1px solid #000000;
background-color: #E1E1FF;
}

#bio p {
text-align:left;
margin:0 0.3em 0.3em;
}

#bio h4 {
	font-size: 130%;
	color:#ffffff;
	background-color:purple;
	margin:0em;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-left:.2em;
}

#bio h3 {
	font-size: 125%;
	color:#990099;
	margin:0em 0em .5em 0em ;
	/*padding:.2em;*/
	background: #CCCCFF;
	font-weight: bold;
}
.btmborderonly {
	border-bottom: 1px solid #660000;
}
#centercol li {
	margin-right: 1em;
	font-size: 80%;
}
#centercol ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#rightcol form {
	margin: 0px .5em;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
.booktitle {
	font-style: italic;
	color: #4A006F;
}
.smallstuff {
	font-size: 75%;
	color: #990000;
	padding-top: .5em;
	padding-bottom: 1em;
}
.inset {
	margin-right: 10px;
	margin-left: 20px;
}
.nomargins {
	margin: 0px;
	padding: 0px;
}
#centercol h1 #hilite1 {
	background: #2F4F4F;
	color: Lime;
	font: bold;
}
#centercol h2 #hilite2 {
	color: #006634;
	font: bold;
}
/* ---------------------------------------- */
.classdate {  /* class date - no longer used */
	font-size: 90%;
	font-weight: normal;
	color: #663333;
  /* padding: 0 0 0 .5em; */
  padding: 0 .5em 0 0;
	/* margin:0em; */
}
.classtitle {  /* class title */
    font-size: 90%;
    font-weight: bold;
    color: #8B0000;
    padding: .2em 0 0 .5em;
	  /* padding: 0 0 .2em 10em; */
    /* margin:0px; */
}
/* //////////////////////////////////////////////////////////////// */
#titlebar {
margin: 20px 0px 0px 0px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background-color: #FFF7EA; /* #E1E1FF; */
}
#titlebar p {
text-align:left;
margin:0 0.3em 0.3em;
}
#titlebar h4 {
	font-size: 107%;

	color:  /* #ffffff; */
	background-color: #FFF7EA;
	text-decoration:underline;
	margin:0;
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	background-color: #FFFF99;
}
#titlebar a {
	text-decoration:underline;
	color:#0000FF;
}
#titlebar a:visited {
 text-decoration:underline;
	color:#0000FF;
}
#titlebar a:hover {
 text-decoration:underline;
	color:#CC6633;
}