body { background-color: #fff8ed;
       color: black;
       font-family: "Georgia", "Times New Roman", serif;
}

h1, h2, h3, h4 { font-family: "Verdana", "Arial", sans-serif; }


td.box { background-color: #fff8ed;
         color: black }

.breadcrumb { color: rgb(149,173,181);
              font-family: "Verdana", "Arial", sans-serif; 
              font-weight: bold; }
a.breadcrumb:link { color:  rgb(149,173,181);
                   font-family: "Verdana", "Arial", sans-serif;
                   font-weight: bold; }
a.breadcrumb:visited { color:  rgb(149,173,181);
                   font-family: "Verdana", "Arial", sans-serif;
                   font-weight: bold; }
a.breadcrumb:hover { color:  navy;
                     font-family: "Verdana", "Arial", sans-serif;
                     font-weight: bold; }

.clickable { background-color: #fff8ed;
             color: navy;
             border: none;
             }
.clickable:hover { border-bottom: medium solid navy;
                   }
ul.toc { list-style: square; }

.callout { background-color: rgb(237,237,255);
           color: black;
           text-align: center;
           font-family: "Verdana", "Arial", sans-serif;
           padding: 2%;
           border: thin black solid;
           margin-left: 15%;
           margin-right: 15%; }

.smallcallout { background-color: rgb(237,237,255);
           color: black;
	   font-size: small;
           font-family: "Verdana", "Arial", sans-serif;
           padding: 2%;
           border: thin black solid;
}

.sidebar { background-color: rgb(255,235,206);
           color: black;
           padding: 3px; }

.date { font-size: smaller; }


/* Body is slightly indented to make it stand out a bit, also easier
   to read because it isn't wedged against the sides so much */
#body { margin-left: 5%;
        margin-right: 5%; }

/* Small and quick text navigation at bottom of page */
#bottomnav { text-align: center;
             font-size: small;
             font-family: "Verdana", "Arial", sans-serif;
             clear: right; }


/* Final part of the page contains contact information for the page */
#address { text-align: center;
           font-size: smaller; 
           font-family: "Verdana", "Arial", sans-serif;
           clear: right;}

/* Special layout for the news section on the homepage */
#news { float: right;
        width: 40%; }
#news h3 { color: #0000ff; }
#news h4 { color: #0000ff;
           font-size: small; }
#news p { font-size: small;
          border-top: thin dashed rgb(149,173,181);
          padding-top: 2px; }

#news p { padding: 1em; }
#news h3 { padding-left: 1em; color: black; letter-spacing: 0.2em; font-family: futura, "gill sans", helvetica, verdana, arial, sans-serif;}
#news { border: 1px solid #e5dbac; max-width: 478px; margin-right: 5px; margin-bottom: 2em; margin-left: 1em;}

/*
#headerlinks { position: absolute;
               left: 320px;
               text-align: center;
               top: 10px;
 }
*/

#headerleftlogo { float: left; }
#headerlinks { float: left; text-align: center; margin-left: 1em;}

#headericons { position: absolute;
               top: 2px;
               left: auto;
               right: 5px;
                }
#header { position: relative; height: 68px; }

/* color of the person: rgb(247,159,19);
   color of the gray circle: rgb(149,173,181);
   color for sidebar stuff: rgb(255,235,206);
   color for background: rgb(255,248,237); */