p.normal {font-weight: normal}
p.italic {font-style: italic}
p.bold {font-weight: bold; font-size: 110%;}
p.hang {margin-left: 30px; text-indent: -30px;}
p.quote {margin-left: 30px;}

.r{text-align:right}

.c{text-align:center}

.red-i {font-style: italic; color: #990000;}
.red-b {font-weight: bold; color: #990000;}

.expand {font-weight: normal; color: #990000;}

.boxhead {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 75%;
     color: #666666;
     padding: 5px;
}

.boxbreadcrumbs {
     font-family: "Comic Sans MS";
     font-size: 90%;
     color: #990000;
     padding: 2px;
     background-color: #FFCC00; 
}

.boxspecial {
     font-family: "Comic Sans MS";
     font-size: 100%;
     color: #990000;
     text-align: center;
     float: right;
     width: 300px;
     border: 4px solid #FF9900;
     padding: 10px;
     line-height: 1.2;
     background-color: #FFF9D1;
}

.boxspecialtext {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 90%;
     text-align: left;
     float: right;
	 /* width: 740px; */ 
	 /* how to put width into html doc: <span class="boxspecialtext" style="width: 740px;"> */
     border: 2px solid #FF9900;
     padding: 6px;
     line-height: 1;
     background-color: #FFF9D1;
}

.caption {
     font-family: "Comic Sans MS";
     font-size: 90%;
     color: #990000;
     margin-top: 0px;
     margin-right: 3px;
     margin-left: 3px;
}
.credit {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 70%;
	 line-height: 1;
     color: #990000;
     margin-top: 2px;
     margin-right: 5px;
     margin-left: 5px;
}

.note {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 80%;
	 line-height: 1.1;
     color: #990000;
     margin-top: 2px;
     margin-right: 50px;
     margin-left: 50px;
}

.articletitle {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold; font-size: 120%;
	 line-height: 140%;
}

/* these 2 had margin-right: 5px; margin-left: 5px; */

.articlesubtitle {
     font-family: Arial, Helvetica, sans-serif;
     font-style: italic; font-size: 110%;
	 line-height: 110%;
}

.bodytext {
     font-family: "Comic Sans MS";
     font-size: 100%;
     color: #990000;

     padding: 10px 10px 10px;
     text-align: left;
     line-height: 1.5;
}

.bodytext2 {
     font-family: "Comic Sans MS";
     font-size: 100%;
     background-color: #FFFFFF;
     color: #990000;
     padding: 10px 10px 10px;
     text-align: left;
     line-height: 1.5;
}

.bodytext-tools {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 100%;
     text-align: left;
     line-height: 1.1;
}

.box-tools {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 90%;
     text-align: left;
     float: right;
	 /* width: 740px; */ 
	 /* how to put width into html doc: <span class="box-tools" style="width: 740px;"> */
	 border:solid 1pt #A9A284;
     padding: 10px;
	 margin: 4px;
     line-height: 1;
     background-color: #F9F2C7;
}

body {
     background-color: #FFEEAA;
	 margin: 0px;
     padding: 0px;
     border: 0px;
}

.tablebkgrd {
     background-color: #FFF9D1;
     width: 760px;
     border: 0px;
     padding: 0px;
}

/* may need to change these to div rather than table (so get left padding)
eg. in Keller.html,  did <div class="tablebkgrdtools"> 
     instead of <TABLE class="tablebkgrdtools"><TR><TD >*/ 

.tablebkgrd2 {
     background-color: FFEEAA;
     width: 964px;
     border: 0px;
     padding: 0px;
}

.tablebkgrdtools {
     background-color: #FFFAE9;
     width: 760px;
	 border:solid 2pt #A9A284;
	 margin:4px;
	 padding:10px;
	 margin-left: 6px;
	 margin-top:6px;
	 text-align: left;
}
div.left {
     float: left;
     width: 204px;
	 line-height: 180%;
     font-family: "Comic Sans MS";
     font-size: 85%;
     color: #CC6600;
     margin-top: 0px;
     padding: 80px 10px 25px;  /* top left  bottom */
     text-align: left;
}
div.left a:link {
     color: #990000;
     text-decoration: none;
}
div.left a:visited {
     text-decoration: none;
     color: #990000;
}
div.left a:hover {
     text-decoration: none;
     color: #FFCC00;
}
div.left a:active {
     text-decoration: none;
     color: #FFCC00;
}

/* FFF9D1 = R-255, G-249, B-209 */
div.content {
     margin-left: 234px;
     background-color: #FFF9D1;
	 line-height: 150%;
     border-left: thick solid #FFCC00;
     font-family: "Comic Sans MS";
     font-size: 100%;
     color: #660000;
     margin-top: 0px;
     padding: 20px 25px 25px;  /* top left  bottom */
     text-align: left;
}

div.article {
     background-color: #FFF9D1;
	 line-height: 120%;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 100%;
     color: #660000;
     margin-top: 0px;
     padding: 20px 25px 25px;  /* top left  bottom */
     text-align: left;
}

.footer {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 75%;
     color: #666666;
     line-height: 1.2;
     margin: 10px;
     letter-spacing: normal;
     text-align: center;
}


/*BREADCRUMBS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.breadcrumb{
     font-family: "Comic Sans MS";
     font-size: 90%;
     color: #990000;
}

.breadcrumb a{
text-decoration: none;
padding-right: 4px; /*adjust bullet image padding*/
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #0000FF;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.breadcrumb1{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 75%;
     color: #666666;
}

.breadcrumb1 a{
text-decoration: none;
padding-right: 4px; /*adjust bullet image padding*/
}

.breadcrumb1 a:visited, .breadcrumb a:active{
color: #660000;
}

.breadcrumb1 a:hover{
text-decoration: underline;
}


/*Solid Block Menu code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font-family: "Comic Sans MS";
width: 100%;
background-color: #FF9900;
line-height: 1.0;   /* added to make top line narrower; less makes mouseover problems */
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #990000;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: #990000;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
background-color: #FFCC00;
color: white;
}

/* END Solid Block Menu code */