body {
    font-family: Arial,sans-serif;
    /*font-family: Verdana,Tahoma,Arial,sans-serif;*/
    /*font-family: Georgia, Times, Serif;*/
    background-color: #fbf4d9;
}

#content ul,
#nav ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#content li,
#nav li {
    background: url(/media/bullet.gif) left center no-repeat;
    padding-left: 15px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.event-list .date {
  display:block;
  margin:0;
  padding:.75em 15px;
  font-size:85%;
  line-height:1.6em;
  font-style:normal;
  }
.event-list .location {
  border-left:1px solid #ccc;
  padding-left:.5em;
  margin-left:.25em;
  font-style:normal;
  color:#777;
  }

.event-list dt {
  border-top: 1px dotted #ccb;
  clear: both;
}

.event-list dd {
  margin: 0;
  /*border-bottom:1px dotted #ccb;*/
}
.event-list .date:before {
  content:"Date: ";
  font-weight:bold;
  color:#855;
}

a {
    text-decoration: none;
    color: #305EBB;
}

a:hover {
    text-decoration: underline;
}

.right {
    float: right;
    margin-left: 1em;
}

.article img {
    background-color: #fff;
    padding: 4px;
}

.left {
    float: left;
    margin-right: 1em;
}

#header {
    background: url(/media/header.png) repeat-x top;
    margin-bottom: 1em;
    height: 160px;
    text-align: center; 
}

#blockletters {
    width: 640px;
    height: 143px;
    margin: 0 auto;
    padding: 0;
    background: url(/media/blockletters.png) no-repeat top center;
    position: relative;
}

#blockletters li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#blockletters li, #blockletters a {height: 143px; display: block;}

#panel1b {left: 0; width: 79px;}
#panel2b {left: 80px; width: 79px;}
#panel3b {left: 160px; width: 79px;}
#panel4b {left: 240px; width: 79px;}
#panel5b {left: 320px; width: 79px;}
#panel6b {left: 400px; width: 79px;}
#panel7b {left: 480px; width: 79px;}

#panel1b a:hover {background: transparent url(/media/blockletters.png) 0px -143px no-repeat;}
#panel2b a:hover {background: transparent url(/media/blockletters.png) -80px -143px no-repeat;}
#panel3b a:hover {background: transparent url(/media/blockletters.png) -160px -143px no-repeat;}
#panel4b a:hover {background: transparent url(/media/blockletters.png) -240px -143px no-repeat;}
#panel5b a:hover {background: transparent url(/media/blockletters.png) -320px -143px no-repeat;}
#panel6b a:hover {background: transparent url(/media/blockletters.png) -400px -143px no-repeat;}
#panel7b a:hover {background: transparent url(/media/blockletters.png) -480px -143px no-repeat;}

#content {
    /*font-family: Verdana,Tahoma,Arial,sans-serif;*/
    /*font-family: Nimbus Sans L, Helvetica, Arial, Sans-Serif;*/
    font-size: 78%;
    color: #333;
    line-height: 1.7em;
}

#nav {
    font-size: 75%;
}

#foo {
    width: 500px;
    height: 400px;
}

#footer {
    border-top: 1px solid #ccc;
    font-size: 60%;
}
.dropcap {
    float: left;
    position: relative;
    padding-right: 0.05em;
    font-size: 585%;
    font-weight: bold;
    line-height: 70%;
    color: #bd8d5e;
    font-family: serif;
}

.articlebox {
    margin: 1em 3% 1em 0;
    width: 47%;
    float: left;
}

.featurebox {
    clear: both;
}

.featurebox p,
.articlebox p {
    margin-top: 0em;
}

.featurebox h3,
.articlebox h3 {
    color: #bd8d5e;
    font-size: 100%;
    border-bottom: 2px solid #dfc184;
    margin-bottom: .5em;
}

.articlebox h3 a {
    color: #bd8d5e;
}
.articlebox h3 a:hover {
    text-decoration: none;
}
.featurebox h3 a {
    color: #6E4893;
}
.featurebox h3 a:hover {
    text-decoration: none;
}
.featurebox h3 {
    font-size: 120%;
}

.aentry {
    border-bottom: 2px solid #c9c6a7;
}

.headline {
    margin-bottom: 2em;
}
.headline h2 {
    border-bottom: 2px solid #c9c6a7;
}

.sidebox {
    margin-bottom: 2em;
    padding: 0;
    width: 100%;
    text-align: left;
}

.sidebox h3 {
    font-size: 100%;
    color: #6E4893;
    border-bottom: 2px solid #dfc184;
    margin-bottom: .5em;
    text-align: center;
}
.sidebox h3 a {
    color: #fff;
    text-decoration: none;
}

.sidebox ul {
    font-size: 80%;
}
.sidebox li a {
    display: block;
    padding: .5em 0 .5em .4em;
}
.sidebox li a:hover {
    background-color: #faeec7;
    text-decoration: none;
}
.sidebox p {
    padding-left: .6em;
}

#picture {
    background: url('/media/griffin_work.jpg') no-repeat top left;
    height: 486px;
}


.wrap1, .wrap2, .wrap3 {
  margin: 0;
  padding: 0;
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
  background:url(/media/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background:url(/media/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
  padding:0 8px 8px 0;
  background:url(/media/corner_tr.gif) right top no-repeat;
}
.wrap3 img,
.wrap3 div {
  background-color: #fff;
  padding: 4px;
  display:block;
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}

.article {
    font-family: Georgia, Serif;
    font-size: 120%;
    line-height: 1.7em;
}

.article h2 {
    font-size: 150%;
    color: #6E4893;
    border-bottom: 2px solid #dfc184;
    margin-bottom: 0;
}

blockquote.pullquote {
    color:#dfc184;
    width: 20%;
    float:right;
    margin: 10px 0px 10px 10px;
    /*padding-bottom:10px;*/
    font-family:Verdana, Arial, Helvetica,Georgia;
    font-size: 1.2em;
    line-height: 1em; 
    text-align: right;
}

table {
    border-spacing: 0;
}
td {
    padding: 0 1em 0 0;
}
tr.even {
    background-color: #fbf4d9;
}

img.aleft {
    float: left;
    padding-right: 1em;
    width: 300px;
}

img.aright {
    float: right;
    padding-left: 1em;
    width: 300px;
}