/* 
#FFFFFF white 
#EEEEEE pale gray 
#CCCCCC light gray (original thumbnail link, visited color)
#999999 medium gray 
#808080 med. gray
#777777 med. dark gray 
#666666 dark gray (orginal header color)
#333333 real dark gray (original image background)
#000000 black

#003399 blue header
#007FFF bright turquoise
#8E2393 fuschia
*/
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: regular;
font-style: normal;
color: black;
text-decoration: none; 
text-align: center;
letter-spacing: 1pt;
vertical-align: top;
background-color:#eeeeee; /* pale gray used behind resume etc */
}
.headframe a:link     {color:#666666; text-decoration: none;}
.headframe a:visited  {color:#666666; text-decoration: none;}
.headframe a:active   {color:#003399; text-decoration: none;}
.headframe a:hover   {color:#003399; text-decoration: none;}

.thumbframe a:link     {font-size: 8pt; font-weight: bold; color:black; text-decoration: none; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0pt;}
.thumbframe a:visited  {font-size: 8pt; font-weight: bold; color:black; text-decoration: none; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0pt;}
.thumbframe a:active   {font-size: 8pt; font-weight: bold; color:#003399; text-decoration: none; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0pt;}
.thumbframe a:hover    {font-size: 8pt; font-weight: bold; color:#003399; text-decoration: none; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0pt;}

/* So get flat white border around images */
table.flatborder {border-collapse: collapse;} 
td.imageborder {border: 4px solid white;}

body.navframes {background-color:#CCCCCC;} 
body.mainframe {background-color:#eeeeee;}/*image pages */
body.thumbframes {background-color:#eeeeee;} 
body.creditframe {background-color:#eeeeee;} 

.logo {font-size: 13pt; font-weight: bold; color:#003399; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0pt;} 

.caption1 {font-size: 11pt; color: #003399; font-weight: bold; letter-spacing: 0pt;} 
.caption2 {font-size: 10pt; color: black; } 

.menutype {font-size: 9pt; color: #999999; font-weight: bold; text-align: center;} /* page menu in header */
.normaltype { font-size: 10pt; letter-spacing: 0pt;}
.alttype { font-size: 9pt; color: black; letter-spacing: 0pt; }
.years { font-size: 8pt; font-weight: bold; line-height: 8pt; vertical-align: top; padding-top:2px; letter-spacing: 1pt;}
.resume { font-size: 8pt; line-height: 11pt; padding-bottom:6px; }
.smallgray { color:#666666; font-size: 8pt; }
.tinywhite {font-size: 7pt; color: white; }
.tinytype {font-size: 7pt; color: #666666; padding-bottom:3px; text-align: top; }
.tinygray {font-size: 7pt; color: #CCCCCC; }
.medgray {font-size: 10pt; color: #CCCCCC; }
.tinyblue {font-size: 7pt; color: #6f7b94;  text-align: bottom; letter-spacing: 0pt;}
.tinycredits {font-size: 7pt; color: #aeaeae; padding-bottom:5px; text-align: top; letter-spacing: 0pt; border-top:1px solid;} /*border-top:1px solid;*/

.blueheader { color:#003399; font-size:8pt; font-weight:bold; line-height: 8pt; padding-bottom:6pt; border-bottom:2px solid; padding-top: 20px;}
.spacer {line-height: 8pt;}
.dropdown {width: 165; font-size: 8pt; letter-spacing: 0pt;}

#resume_frame {
width:640px;
text-align: center;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
}
/* Link colors */
.resumelink a:link {color:#777777} 
.resumelink a:visited  {color:#777777}
.resumelink a:active   {color:#8E2393}
.resumelink a:hover   {color:#8E2393}

#resume_menu {
width:640px;
text-align: center;
z-index: 2;
position: absolute;
float:center;
padding-bottom:10px;
background-color:#eeeeee;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#999999;
padding-bottom:10px; padding-top:10px
}
.resmenufont {font: 12px Arial, Verdana, Helvetica, sans-serif; color: #333333; font-weight: bold; letter-spacing: 0pt; cursor: hand;
}
.resmenutab {cursor: hand; background-color:#CECECE; text-align: center; border-right-width:1; border-right-style:solid;
border-right-color:#eeeeee; padding-top:2; padding-bottom:2;
}