/*

One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/
Consult your favourite CSS reference for editing fonts/borders/etc.

*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	padding: 0;
	margin: 0;
	width: auto;
	background-color: #9999ff;
}

.info {
	color: Black;
}

.type {
	color: Brown;
}

.title {
	color: Black;
	font: bold;
}
.cliff {
	color: #b22222;
	/*font-weight: bold;*/
	font-style: italic;
}

.reissued {
	color: Black;
	font: italic 95%;
}

.asterisk {
	color: Red;
	font: bold;
}

/*

Nothing below this is in use.  I just copied some stuff from another sheet.
*/

center1 {
	font : bold x-large verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}

h1 {
	font : bold 200% verdana, geneva, arial, helvetica, sans-serif;
}

h2 {
	font : bold 175% verdana, geneva, arial, helvetica, sans-serif;
}

h3 {
	font : bold 150% verdana, geneva, arial, helvetica, sans-serif;
}

#mainarea {
	padding-bottom : 20px;
}

div.indent {
	margin-left: 25px;
}

div.indentboth {
	margin-left: 25px;
	margin-right: 25px;
}

div.left {
	float: left;
	margin-left: 13px;
	width: 185px;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	height : 250px;
	border : 1px solid Black;
}

div.left2 {
	position: absolute;
	top: 25px;
	width: 236px;
	height: 225px;
	text-align : center;
}

div.topname {
	height: 100px;
	text-align: center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	padding-left : 220px;
}

div.blueaddress {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #022888;
	font-weight: bold;
	color : #DDDDAA;
	text-decoration : none;
	font-size : 15px;
	padding-top : 7px;
	padding-left : 220px;
}

div.topnameindex {
	height: 100px;
	text-align: center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
}

div.blueaddressindex {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #022888;
	font-weight: bold;
	color : #DDDDAA;
	text-decoration : none;
	font-size : 15px;
	padding-top : 7px;
}
div.toplinks {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #FBF1D6;
	font-weight: bold;
	color : #000000;
	text-decoration : none;
	font-size : 14px;
	padding-left : 220px;
	padding-top : 5px;
}
div.main {
	margin-left: 235px;
	margin-right: 15px;
	width: auto;
	line-height : 1.5em;
}
div.bottom {
	height: 22px;
	text-align : center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	border-top : 1px solid Black;
}
div.content {
width: auto;
color: #000;
background-color: #FFF;
border-left: 1px solid #776;
border-bottom: 1px solid #776;
padding: .5em 1em 1em 1em;
line-height: 1.5em;
margin-left: 15em;
}

div.left3 {
	position: relative;
	width: 220px;
	height: 120px;
	left: 20px;
	text-align : center;
	background-color : Green;
	float: left;
	top : 18em;
}

div.quote_indent_italics{
	margin-left : 25px;
	font-style : italic;
}	
	
div.center_italics{
	font-style: italic;
	text-align: center;
}	
	
div.photo-left {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

}

div.photo-right {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.photo-topleft {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;

}

div.photo-topright {
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.announcement {
	position: absolute;
	top: 152px;
	right: 20px;
	text-align : center;
	border : 3px solid Gray;
	background-color : white;
	padding: 1em 1em 1em 1em;
}

div.announcement2 {
	position: absolute;
	top: 167px;
	right: 20px;
	text-align : center;
	border : 3px solid Gray;
	background-color : white;
	padding: 1em 1em 1em 1em;
}

.announce {
	font : bold larger verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}


a.ann:link{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.ann:visited{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.ann:hover{
	text-decoration: none;
	color: red;
	font-weight: bold;
	font-size : small;
}
a.ann:active{ 
	text-decoration: none;
	color: black; 
	font-weight: bold;
	font-size : small;
}


/* text formatting for in that table */
.h28 {
	font : bold 28px verdana, geneva, arial, helvetica, sans-serif;
}
.h24 {
	font : bold 24px verdana, geneva, arial, helvetica, sans-serif;
}
.h20 {
	font : bold 20px verdana, geneva, arial, helvetica, sans-serif;
}
.h16 {
	font : bold 16px verdana, geneva, arial, helvetica, sans-serif;
}
.hc28 {
	font : bold 28px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc24 {
	font : bold 24px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc20 {
	font : bold 20px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc16 {
	font : bold 16px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}

.indentnospaceafter {
	padding-bottom : 0px;
	margin-left : 25px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	padding: 0;
	margin: 0;
	width: auto;
	background-image: url(media/linencolor.gif);
	background-repeat: repeat;
	background-color: #9999ff;
}


li{
	padding-bottom : 10px;
}

/*		border-top: 2px solid #000000;
border-bottom: 2px solid #000000;  .bluecenter */

.bluecenterborder {
	height: 2px;
	background-color: #0000aa;
}

.uucdc {
		background-image : url(media/uucdcgreenblur3.jpg);
	background-repeat : repeat;
}


a.cliffwrote:link{
	text-decoration: none;
	color: #b22222;
	font-weight: bold;
}
a.cliffwrote:visited{
	text-decoration: none;
	color: #b22222;
	font-weight: bold;
}
a.cliffwrote:hover{
	text-decoration: none;
	color: #ffdead;
	font-weight: bold;
}
a.cliffwrote:active{ 
	text-decoration: none;
	color: #b22222; 
	font-weight: bold;
}

a.notcliffwrote:link{
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a.notcliffwrote:visited{
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a.notcliffwrote:hover{
	text-decoration: none;
	color: #ffdead;
	font-weight: bold;
}
a.notcliffwrote:active{ 
	text-decoration: none;
	color: black; 
	font-weight: bold;
}


/* The following CSS section is from https://www.w3schools.com/howto/howto_css_dropdown.asp
How to Create a Hoverable Dropdown. It is followed by their applicable HTML code. */


<div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;

}

.dropbtn {
  background-color: #B22222;
  color: #FFDEAD;
  padding: 8px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFDEAD;
  min-width: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #B22222;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #F4A460;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #B22222;}