body {
	background-color: #66c;
	font-family: Georgia, "Book Antiqua", "Times New Roman";
	font-size: 20pt;
}
img {
    border:5px solid black;
}
a img {
    border:5px solid gold;
}
.side_caption {
	margin: 40px 0 0 0;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.supertitle {
    font-family:"Arial Rounded MT Bold","Book Antiqua", "Arial Black";
	font-size:40pt;
	text-align: center;
	color: black;
	}
.centerblock {
    text-align: center;
	background-color: ivory;
	margin: 0 8%;
	padding: 1%
}

.annotation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin: 1em;
}
.c_annotation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	margin: 1em;
}

.rollover {
    padding:5px solid gold;
}
.rollover a:hover {
    display: none;
}

#Menu { 
	font-size: x-small; 
	font-weight: normal; 
	color: #CC6633; 
}	

a:link {
	color: #66c;
}
a:visited {
	color: #339;
}
.bannertop {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	background-color: #FFFF00;
	text-align: center;
	color: #000000;
	font-weight: bolder;
	padding: 7px 5px 2px;
	height: 60px;
	bottom: 66px;
}
.address {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: center;
}
h3 {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-variant: small-caps;
}
td {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.h3 {
	font-size: larger;
	font-weight: normal;
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}
.footerlinks {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: none;
	background-position: center;
	text-align: center;
	background-color: #FFFF33;
	padding-top: 3px;
	padding-bottom: 3px;
}
dt {
	font-variant: normal;
	padding-top: .5ex;
	padding-bottom: .2ex;
	font-weight: bolder;
	font-size: 1.1em;
}
.quote {
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	font-size: .85em;
}
.barheader {
	color: #fff8f0;
	border: thin none;
	background-color: #FFFF00;
	padding: 2px;
	width: 20%;
	font-size: larger;
	font-weight: normal;
	background-position: 35px;
}
.h4 {
	color: #fff8f0;
	border: thin none;
	background-color: #FFFF00;
	padding: 2px;
	width: 20%;
	font-size: larger;
	font-weight: bolder;
	background-position: 35px;
}
.ablisting {
	list-style-type: lower-alpha;
}
.SubsectionHeader {
	color: #000000;
	border: thin none;
	background-color: #FFFF33;
	padding: 2px;
	width: 35%;
	font-size: larger;
	font-weight: normal;
	background-position: 30px;
	margin-top: 1.7em;
	font-variant: small-caps;
}
.center {
	text-align: center;
	padding-bottom: 4em;
}

#Menu a:link 					{ color: #FFFF00; text-decoration: none; background-color: transparent;}
#Menu a:visited 				{ color: #FFFF00; text-decoration: none; background-color: transparent;}
#Menu a:active 					{ color: #FFFF00; text-decoration: underline; background-color: transparent;}
#Menu a:hover, #Menu a:focus 	{ color: #FFFF00; text-decoration: underline; background-color: transparent;}
#Menu p 						{ margin-left: 0em;}



#TopNav a:link 						{ color: #666666; text-decoration: none; background-color: transparent;}
#TopNav a:visited 					{ color: #666666; text-decoration: none; background-color: transparent;}
#TopNav a:active 					{ color: #666666; text-decoration: underline; background-color: transparent;}
#TopNav a:hover, #TopNav a:focus 	{ color: #cc6633; text-decoration: underline; background-color: transparent;}

#FloatingInfoBox {	border: 2px dotted #cccccc;}

#ShadedIndentBox, .ShadedIndentBox {
	background-color: #cccccc;
	margin-left: 3em;
	margin-right: 3em;
	border: 1px solid black;
	padding-right: 2em;
}

/* added to insert images */
/* This goes in the advanced, but I want to see what it does.sj  */

#PageContent {
	position: relative;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 1em;
	/* commented backslash hack v2 \*/
	width: 90%;
	/* end hack */ 
}

/* #Content -------------------------------------------------------------- */

#Content {	position: relative;	height: auto; }
#Content.menufix 		{	vertical-align: top;	margin-left: 20%;	padding-left: 0.5em;	border-left: 2px dotted #CCCCCC;}
#Content.rightbarfix, .rightbarfix 	{	float: left;	width: 55%;		padding-right: 1em;		border-right: 2px dotted #CCCCCC; }

.LfloatIMG {
	float: left;
	margin: 0.5em;
	border: 3px solid #336699;
}
.RfloatIMG {
	float: right;
	margin: 0.5em;
	border: 3px solid #336699;
}

.CfloatIMG {
	float: none;
	margin: 0.5em;
	border: 3px solid #336699;
}
.LfloatIMG_thin {
	float: left;
	margin: 0.5em;
	border: 1px solid #336699;
}
.RfloatIMG_thin {
	float: right;
	margin: 0.5em;
	border: 1px solid #336699;
}

.IMGborder {

	margin: 0.5em;
	border: 2px solid #336699;
}

.LfloatIMG_clear {
	float: left;
	margin: 0.5em;
}

.RfloatIMG_clear {
	float: right;
	margin: 0.5em;
}