/* CSS Document */


body {font-family: Georgia, serif;  font-size: 11px;}
p, pre, li, td {font-family: Georgia, serif;  font-size: 14px; font-weight: normal;
	word-spacing: 0.3em;}

p:first-letter {color: blue; font-weight: bold; font-size: larger;}
pre:first-letter {color: blue; font-weight: bold; font-size: larger;}
h3:first-letter {color: blue; font-weight: bold; font-size: larger;}
li:first-letter {color: blue; font-weight: bold; font-size: larger;}

td {font-family: Georgia, serif;  font-size: 14px;}
input {font-family: Georgia, serif; font-size: 10px;}
select {font-family: Georgia, serif; font-size: 10px;}
ul {list-style-type: square; font-family: Georgia, serif; font-size: 14px;}

a:link {  color: #000000; text-decoration: none;}
a:visited {  color: #000000; text-decoration: none;}
a:active {  color: #ffffff; text-decoration: none;}
a:hover {  color: #ffffff; text-decoration: none;}


#div-left {
 float:left;
 width:240px;
}
#div-right {
 float:left;
 width:240px;
}


#navigation {padding: 0; margin: 2em 0 0;
  font: bold 12px Verdana, sans-serif;
  background: white; width: 18em;
  border: 1px solid gray; border-width: 1px 1px 0 0;}
#navigation li {list-style: none; padding: 0; margin: 0.5em 0;
  text-align: right;}
#navigation li a {padding-right: 0.5em; border-bottom: 1px solid gray;
  text-decoration: none;}
#navigation li a:link {color: #448;}
#navigation li a:visited {color: #667;}
#navigation li a:hover {border-color: red; color: #000;}

/*
#navigation {padding: 0 1px 1px; margin: 0;
  font: bold 12px Verdana, sans-serif;
  background: gray; width: 13em;}
#navigation li {list-style: none; margin: 0; border-top: 1px solid gray;
  text-align: left;}
#navigation li a {display: block; padding: 0.25em 0.5em 0.25em 0.75em;
  border-left: 1em solid #AAB; background: #CCD;
  text-decoration: none;}
#navigation li a:link {color: #448;} 
#navigation li a:visited {color: #667;} 
#navigation li a:hover {border-color: #FE3; color: #FFF; background: #332;}


a.poem:link {  color: #CCCCFF; text-decoration: none;}
a.poem:visited {  color: #CCCCFF; text-decoration: none;}
a.poem:active {  color: #6666ff; text-decoration: none;}
a.poem:hover {  color: #6666ff; text-decoration: none;}
*/

.lglink {  font-family: Georgia, serif; font-size: 13px;}
.medlink {  font-family: Georgia, serif; font-size: 12px;}
.caption {  font-family: Georgia, serif; font-size: 10px;}
.smlink {  font-family: Georgia, serif; font-size: 11px;}
.lead {  font-family: Georgia, serif; font-size: 15px;}
.title {  font-family: Georgia, serif; font-size: 18px; font-weight: bold;}
.gentitle {font-family: Georgia, serif; font-size: 22px; font-weight: bold;}
.display {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold;}
.flex {  font-family: Georgia, serif; font-size: 12px;}
.little { font-family: Georgia, serif;  font-size:12px; font-style:italic;}
.normal { font-family: Georgia, serif;  font-size: 14px; font-style:normal; text-align:left;}
.rital { text-align:right; font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}

.togglezone {float: right; font-weight: bold; font-style: italic;}

.togglezone a:link {  color: blue; text-decoration: none;}
.togglezone a:visited {  color: #666666; text-decoration: none;}
.togglezone a:active {  color: blue; text-decoration: none;}
.togglezone a:hover {  color: #666666; text-decoration: none;}

form#login { 
 background-color: #CCCCCC; 
 color: blue; 
 border: 1px solid #999999; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 16px; font-weight: bold; 
 text-align: center; 
}

#login .text { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; color: blue;
 width: 100px; 
 margin-right: 6px; 

}

#login .buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 background-color: #333333; 
 color: #FFFFFF; 
 margin-right: 6px; 
}

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

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

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

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

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

.smallfieldcell { 
 background-color: #F2F7FB; 
 color: #000000; 
 text-align: right; 
}

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

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

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

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


/*  this is testing stuff for 2-column layout (see barleyfitz.com)
#div-left {
 position:relative;
}
#div-right {
 position:absolute;
 top:0;
 right:0;
 width:100px;
}

#two-col {
 position:relative;
}
#div-left {
 position:absolute;
 top:0;
 right:0;
 width:200px;
}
#div-right {
 position:absolute;
 top:0;
 left:0;
 width:200px;
}
*/