/* Created by Oaktree Montessori.
The index.html file links to this style sheet. */

body {
font-size: 12pt;
font-family: arial,helvetica,sans-serif;
color: black;
background-color: ivory; }

h3 {
font-size: 12pt;
color: navy;
text-transform: uppercase; }

h6 {
font-size: 18pt;
letter-spacing: .2em;
word-spacing: .2em;
text-align: center; }

p.hanging {
text-indent: -4em;
margin-left: 4em; }

td.header {
font-size: 12pt;
color: navy;
text-transform: uppercase; }

td.footer {
font-size: 12pt;
color: navy;
text-transform: uppercase; }

navigation {
width: 200px;
float: left; }

content {
margin-left: 205px;}

footer {
clear: both;}

strong.title {
font-size: 12pt;
color: navy;
text-transform: uppercase; }

strong.subtitle {
text-align: left;
font-size: 12pt; }

strong.download {
text-align: right;
font-size: 10pt;
text-transform: uppercase;
margin-left: 40px;}

strong.centund {
text-align: center;
font-size: 10pt;
text-decoration: underline; }

dt.month {
color: brown;
}

dd.day {
color: green;
}

/* stylesheet used by inquiry form. */

#inquiry table 
{ 
 background-color: #F9FBFD; 
 color: #000000; 
 width: 440px; 
 border: 1px solid #D7E5F2; 
 border-collapse: collapse; 
} 

#inquiry td 
{ 
 border: 1px solid #D7E5F2; 
 padding-left: 4px; 
}

.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #3670A7; 
 background-color: transparent; 
 width: 220px; 
} 

.fieldcell { 
 background-color: #F2F7FB; 
 color: #000000; 
 text-align: left; 
 margin-left: 0px; 
 padding-left: 0px; 
} 

.fieldcell select { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
}


.fieldcell input { 
 width: 200px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
}

.button { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 margin-left: 12px; 
 margin-top: 3px; 
 margin-bottom: 2px; 
}

/* styles for thumbprints */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -350px;
left: 60px; /*position where enlarged image should offset horizontally */

}