@media screen
{
body {background-color:#333333; color:white; font-family:Helvetica,Verdana,sans-serif}
#logo {display:block; float:left}
#navbar {display:block; float:left}
#navbar ul {padding-left:1ex}
.navitem {list-style-type:none; display:block; float:left; margin-left:1ex; margin-right:1ex}
#main {display:block; clear:left; float:left; width:95%; margin-left:2ex; margin-right:2ex}

h1 {text-align:center; font-family: "Kristen ITC", Tahoma, sans-serif; font-size:140%;
    color:#cc3333; border-style:outset; background-color:#ffffff}
h2 {font-family:"Kristen ITC", Tahoma, sans-serif; font-size:130%; color:#cc3333}
dt {margin-top:2ex}
ul li {list-style-image:url(favicon.ico); margin-top:2ex}

h2.event {
    font-family:Helvetica,Verdana,sans-serif;
    font-size:100%;
    margin-bottom: 0
}
p.event {
    margin-left: 2em;
    margin-top: 0
}
.eventname {
    color:#cccc33;
    font-weight:bold
}

.datetime, .emailshortdesc {color:#3366ff; font-weight:bold}
.location, .topic {color:#3366ff; font-weight:bold; font-variant:small-caps}
span.event, .websitename {color:#cccc33; font-weight:bold}
.email {color:#cccc33; font-weight:bold; font-variant:small-caps}
.picture {display:block; float:right}
.supplemental {font-size:70%}


a:link {color:white; background-color:#333333}
a:hover {color:#333333; background-color:white}
a:active {color:#cc3333; background-color:white}
a:visited {color:#cc3333; background-color:#333333}

p.firstinsect:first-letter {font-size:200%}
table {border-style:outset; border-color:#cc3333; border-width:4px 4px 4px 4px}
td {border-style:solid; border-color:#cc3333; border-width: 1px 1px 1px 1px}
}