<style type="text/css">
<!--
.spacer {}

body {  
 font-family:  Verdana, Arial, Helvetica, sans-serif; 
 color: #000000; 
 background-color: #FEF0C0;
 }
td,div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
p,ul,ol{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
h1{font-size: 1.4em}
h2{font-size: 1.3em}
a {  color: #000000; text-decoration: none}
a:link {  color: #CC0033}
a:active {  color: #FF0000}
a:visited {  color: #990000}
a:hover {  color: #FF0000}

a.menu {  color: #380060; text-decoration: none; font-size: 13px; font-weight: bold; width: 100%}
a.menu:link {  color: #380060; background-color: #CDDDBF}
a.menu:active {  color: #380060; background-color: #CDDDBF}
a.menu:visited {  color: #380060; background-color: #CDDDBF}
a.menu:hover {  color: #990000; background-color: #ACC896}


.small {  font-size: .9em}
.smaller {  font-size: .8em}
.smallest {  font-size: .7em}

.date {
background-color: #ACC896;
color: #000000;
font-size: .8em;
font-weight: bold;
padding-top: 5px;
padding-bottom:5px;
}

.topleft {
padding-left: 5px;
}

.menutable {
background-color: #CDDDBF;
width: 150px;
}

.topbanner {
background-image: url(../images/middle.gif);
border-right: #DC9751 solid 2px;
border-left: #DC9751 solid 2px;
}

.leftmenu {
border-bottom: solid 2px;
border-right: solid 2px;
border-color: #DC9751;
height: 25px;
}

.menuholder {
background-color: #CDDDBF;
}

.content {
padding: 10px;
background-color: #FFFFFF;
border-right: solid 2px;
border-right-color: #DC9751;
border-bottom: solid 2px;
border-bottom-color: #FFCC00;
}

.time-period {
border-top: solid 2px #FFCC00;
}

.time-period-details {
border-top: solid 2px #FFCC00;
}

.photolibrary {
padding: 10px;
border-top: solid 2px #FFCC00;
}

.photoalbum {
padding: 10px;
border-top: solid 2px #FFCC00;
}

.ltfooterarea {
border-bottom: solid 2px;
border-color: #DC9751;
background-color: #CDDDBF;
}

.footerarea {
border-right: solid 2px;
border-bottom: solid 2px;
border-color: #DC9751;
background-color: #FFFFFF;
padding-top: 15px;
}

/* forms */

.textfield100pct {
 width: 100%;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 height: 20px;
 }

.button  { 
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: .8em; 
  color: #FFFFFF; 
  background-color: #008080; 
	}

.message { color: #FF0000; font-size: .8em}
.error { color: #FF0000;  font-size: .8em}
.normal { color: #000000; font-size: .8em}

.tb400 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 400 }
.tb300 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 300 }
.tb200 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 200 }
.tb150 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 150 }
.tb100 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 100 }
.tb50 { font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; width: 50}

.box {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
	 color: #000000; 
  background: #FFFFFF;
	 border: solid; 
	 border-width: 1px; 
	 border-color: #008080;
 	padding: 2;
	}
.skiplink {display:none}
 #skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}
 .hidden
{ position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
  	
img {margin: 0px}
/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
-->
</style>

