body { background-color: #fffffc; font-family: Verdana, Helvetica, sans-serif; color: #002233; }

a:link { color: #000000; text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #990000; }
a:active { color: red; }

a.blurblink:link { text-decoration: none; font-weight: bold; font-size: 120%; }

a.date:link { font-family: Helvetica, sans-serif; color: #cccccc; background: #000033; margin-left: 60px; padding: 3px; letter-spacing: 5px; font-weight: bold; text-decoration: none; }

lt-ie9 lt-ie8 lt-ie7 img.small { width: 450px; }
img.small { max-width: 450px; }

#header { text-align: center; margin: 0 auto; }

.head { text-align: center; }

lt-ie9 lt-ie8 lt-ie7 #main { width: 650px; }
#main { max-width: 650px; }

#main, #list, #list-l, #list-r { background-color: #f3efe9; }

#main { height: auto; padding: 5px 20px 50px; margin: 40px auto 0 auto; }

#list { text-indent:-5px; }

#list-l { float: left; max-width: 44%; margin: 0px 0px 0px 6%; }

#list-r { float: right; max-width: 44%; margin: 0px 6% 0px 0px; }

#menu
{ height: auto; width: 98%; padding: 5px; margin: 5px; background: #745d56; }
#menu a:link { color: #ffffff; text-decoration: none; }
#menu a:visited { color: #ffffff; }
#menu a:hover { color: #ff9999; }
#menu a:active { color: red; }

#contact { width: 85%; }

.style1main, .style2title, .style3menu, .style3caption, .style4title, .style5blurb { font-family: Verdana, Helvetica, sans-serif; }

.style2title, .style3caption, .style4title { text-align: center; font-weight: bold; }

.style1main { line-height: 150%; text-align: justify; color: #000000 }

.style2title { font-size: 120%; padding: 10px }

.style3menu { color: white; text-align: center; font-size: 70%; }

.style3caption { font-size: 80%; color: #002222 }

.style4title { font-size: 150%; background: #99cccc; padding: 10px }

.style5blurb { color: #002222 }


.box 
{ position: relative; left:170; width: 200px; color: black; background: #ffffdd; text-align: center; font-size: 80%; font-weight: bold; padding: 5px; border: solid black 3px; }

.img
{ text-align: center; color: black }

.spacer
{ position:absolute; left:5400px; top:6000px; }

.p { font-family: Georgia, Times, serif; line-height: 150%; margin-left: 60px; margin-right: 60px; }

.quote { line-height: 120%; margin-left: 90px; margin-right: 90px; font-size: 90%; }

.hr { align: center; background: url(hr.gif) }

.style2quote { font-family: Verdana, Helvetica, sans-serif; text-align: center; font-size: 80%; font-weight: bold; font-style: italic; background: #eebbdd; padding: 20px; }

.style3caption { font-family: Verdana, Helvetica, sans-serif; text-align: center; font-size: 80%; font-weight: bold; color: #002222; }

.style4title { font-family: Verdana, Helvetica, sans-serif; text-align: center; font-size: 120%; font-weight: bold; background: #99cccc; padding: 10px; }

.style5blurb { font-family: Verdana, Helvetica, sans-serif; color: #002222; }

dt { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; }
.dt1 { background-color: #000000; color: white; font-weight: normal; }
dd { font-family: Verdana, Helvetica, sans-serif; font-size: 90%; }


@media handheld, only screen and (max-width: 700px) {
#header, #main, #list, #list-l, #list-r, #nav, #card, #menu, #contact {
   float: none;
   clear: both;
   max-width: 99%;
   display: block;
   margin: 0px;
   padding: 1px;
   }

img {max-width: 100%;}
img.small {max-width: 100%;}

}