/* darker:  002945
   dark:  005ea0
   halfdark:  006dba
   bkgd:  007dd5
   light:  409ee0
   lighter:  70b6e7
   text:  afd6f2/012b3a */
@media all {
   body { font-family: "Californian FB", Georgia, "Times New Roman", Times, serif }
   table#contactform { margin: auto }
   table#contactform th { text-align: right; vertical-align: top }
   table#contactform td input { width: 200px }
   table#contactform td textarea { width: 250px }
   table#contactform th.buttons { text-align: center }
   div.copyright { text-align: center; font-size: x-small; font-weight: bold }
}
@media screen {
   body { background-color: #fff; color: #111; margin: 5px }
   div#all { width: 725px; margin: 0 auto; background-color: #eee; padding: 0 0 10px; border: 2px solid #ddd }
   h1 { margin: 0; padding: 20px 40px; font-weight: normal; text-transform: lowercase }
   h2, h3, p, div { margin: 10px }
   hr { margin: 10px 100px; border: 1px solid #333 }
   ul.link { background-color: #ccc; font-size: small; text-align: center; margin: 5px 10px; padding: 5px; border-top: 1px #666 solid; border-bottom: 1px #666 solid }
   ul.link li { display: inline; text-transform: lowercase; margin: 0 }
   ul.link a:link, ul.link a:visited { display: inline-block; padding: 5px 15px; color: #333; text-decoration: underline }
   ul.link a.selected:link, ul.link a.selected:visited { background-color: #333; color: #fff }
   ul.link a:hover, ul.link a:active, ul.link a.selected:hover, ul.link a.selected:active { background-color: #111; color: #fff }
   div.copyright { margin: auto; width: 150px; padding: 5px; background-color: #666; color: #eee }
   
   a:link, a:visited { color: #24f; text-decoration: underline }
   a:hover, a:active { color: #f22; text-decoration: none }
   
   li { margin: 0.5em 0 }
   
   ul.gallery { padding: 10px; margin: 10px }
   .list1 { background-color: #fff; list-style-type: none; padding: 10px 50px 10px 0; margin: 0 }
   .list2 { list-style-type: none; padding: 10px 0 10px 50px; margin: 0 }
}
@media print {
   h2, h3, p, div { margin: 10px 0 }
   ul.link { display: none }
}