body {background-color: rgb(132, 14, 37); 
	color: rgb(240, 224, 193);
	font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif;
        font-size: 14px;
 }


h3 {text-align: left; vertical-align: bottom; font-size: x-large;}
h4 {font-weight: bold; font-size: large;}

.banner {vertical-align: middle; background-color: rgb(224, 192, 126); }
.hidden {color: rgb(132, 14, 37); font-size: xx-small; }

A:link, A:visited {text-decoration: none; font-weight: bold; color: rgb(224, 192, 126); }
A:hover {color: rgb(183, 20, 50); }

a.name:link, a.name:visited {text-decoration: none; font-size: 12px; font-weight: bold; font-style: italic;}
a.name:hover {color: rgb(183, 20, 50);}

a.hand:link, a.hand:visited {text-decoration: none; color: rgb(72, 57, 60); font-size: 11px; font-weight: bold; font-style: italic;}
a.hand:hover {color: rgb(132, 14, 37);}

.title {text-align: center; vertical-align: bottom; font-size: x-large; font-weight: bold; font-style: italic; }
.title1 {text-align: center; vertical-align: top; font-size: 12px; font-weight: bold; font-style: italic; }
#title1 {text-align: center; vertical-align: top; font-size: 12px; font-weight: bold; font-style: italic; }
.name {text-decoration: none; font-size: 12px; font-weight: bold; font-style: italic;}

.copy {text-align: left; font-size: small; color: rgb(72, 57, 60); }
.copy1 {text-align: right; font-size: 9px; color: rgb(240, 224, 193); }
.copy2 {text-align: left; font-size: 9px; color: rgb(240, 224, 193); }
.copy3 {font-size: 9px; color: rgb(72, 57, 60); }
.copy4 {text-align: right; font-size: 9px; color: rgb(72, 57, 60); }

.menu {font-size: 9px; vertical-align: top; text-align: center;}
.menu3 {font-size: 10px; vertical-align: bottom; text-align: right;}
#menu2 {width: 200px; font-size: 10px; vertical-align: top; text-align: center;}
#menu1 {font-size: 11px; vertical-align: top; text-align: center;}
.email {font-size: 10px; vertical-align: bottom; text-align: left;}
.text1 {font-size: 12px; font-style: italic; vertical-align: top; text-align: left;}

#biogem {color: rgb(72, 57, 60); background-color: rgb(240, 224, 193); font-family: arial, sans-serif; font-size: 12px;}
a.biolink:link {text-decoration: none; font-weight: bold; color: rgb(73, 54, 59);}
a.biolink:visited {text-decoration: none; font-weight: bold; color: rgb(73, 54, 59);}
a.biolink:hover {color: rgb(165, 18, 13);}
.biotitle {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; vertical-align: middle; text-align: center; font-style: italic; font-size: x-large; text-decoration: underline; font-weight: bold;}
.bioname {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; vertical-align: middle; text-align: center; font-style: italic; font-size: xx-large; font-weight: bold;}
.biodate {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; vertical-align: middle; text-align: center; font-size: large; font-weight: bold;}
.biolast {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; vertical-align: middle; text-align: center; font-style: italic; font-size: large; font-weight: bold;}
#biobutton {background-color: rgb(132, 14, 37); color: rgb(224, 192, 126);font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif;  vertical-align: bottom; text-align: center; font-style: italic; font-size: large; font-weight: bold;}


#popup
 {background-color: rgb(240, 224, 193); 
	color: rgb(72, 57, 60);
	font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif;
        font-size: 12px;
}
a.popup:link {text-decoration: none; font-weight: bold; color: rgb(72, 57, 60);}
a.popup:visited {text-decoration: none; font-weight: bold; color: rgb(72, 57, 60);}
a.popup:hover {color: rgb(132, 14, 37);}
.poptit {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; font-size: 14px; font-weight: bold; font-style: italic; }
.popinfo {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; font-size: 12px; }
.text {font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; font-size: 11px; }

.overlay {border: 9px solid rgb(72, 57, 60); background-color: rgb(240, 224, 193); color: rgb(72, 57, 60); font-family: "Copperplate Gothic Light", "Bookman Old Style", sans-serif; font-size: 9px;}

.flat {background-color: rgb(255, 102, 51);
         color: rgb(0, 0, 0);
         font-family: "CAC Krazy Legs", arial, sans-serif;
         font-size: 1.5em;
 }
.fsborder {border-style: ridge; border-color: rgb(255, 102, 51); border-width: 5px 5px 15px; padding: 2px; text-align: left;}


@media screen
{
#resume  {background-color: rgb(255, 255, 255); 
	color: rgb(0, 0, 0);
	font-family: "calligraph421 bt", arial, sans-serif;
        font-size: 14px;}
}
@media print
{
#resume  {size: portrait; 
         max-width: 625px;  
        background-color: rgb(255, 255, 255); 
	color: rgb(0, 0, 0);
	font-family: arial, sans-serif;
        font-size: 12px;}
}


ul.none {list-style-type: none }
ul.art {list-style-image:url('shared/palette-sm.gif'); list-style-position:outside; list-style-type: disc; font-size: 11px;}
ul.link {list-style-image:url('shared/palette-sm2.gif'); list-style-type: disc; list-style-position: outside; font-size: 11px;}



#dhtmltooltip{
position: absolute;
width: 300px;
border: 1px solid #840e25;
padding: 2px;
background-color: #f0e0c2;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}

<!-- Unused??-->
p.words {text-align: justify; font-size: large; font-weight: bold; }
a.label {font-style: italic; }