body  {font-family: verdana, arial, sans-serif; font-size: 13px; margin: 15px 10px 20px 10px; background-color: #cca}

table 
{
  font-family: verdana, arial, sans-serif; font-size: 13px; 
  display: table; border-spacing: 0; border: 0;
  *border-collapse: collapse;  /* hack for IE7 */
}
table.center {margin: 0 auto}

td 
{
  font-family: verdana, arial, sans-serif; font-size: 13px; 
  display: table-cell; padding: 0;
  *position: relative;  /* hack for IE7 */
}
td.indent {padding-left: 25px}


hr {margin: 0 auto; padding: 0; width: 50%; height: 2px; color: #ba7; background-color: #ba7; border: 0; clear: both}
hr.gold {color: #ba7; background-color: #ba7}

h2 {clear: both; border-bottom: dotted 3px #ba7; color: #600; font-family: arial; font-size: 16px; font-weight: bold; margin: 2.0em 0 0.5em 0; padding: 0 0 1px 0; line-height: 1.0}
h2.first {margin-top: 0}
h2.double {margin-top: 4.0em}

h3 {color: #600; border-bottom: double 3px #ba7; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 2.0em 0 0.5em 0; padding-bottom: 1px}
h3.first {margin-top: 0}
h3.keyverses    {font-family: arial; font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; padding: 0; border-bottom: solid 1px #ba7}
h3.audiolist    {font-family: arial; font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; padding: 0; border-bottom: solid 1px #ba7}
h3.audiosummary {font-family: arial; font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; padding: 0; border-bottom: solid 1px #ba7}
h3.seriesname   {font-family: arial; font-size: 14px; font-weight: bold; margin: 30px 0 10px 0; padding: 0; border-bottom: solid 2px #ba7; float: left}

h4 {color: #600; border-bottom: dotted 2px #ba7; border-top: dotted 0 #ba7; text-transform: uppercase; font-weight: bold; font-size: 11px; margin: 2.0em 0 0.5em 0; padding: 1px 0}
h4.first {margin-top: 0}



div.menu {width: 740px; background-color: #600; padding: 0; text-align: center}
div.menuitem {}

div.head {width: 740px}

div.body {width: 700px; margin: 20px 20px 75px 20px}

div.pagetitle {margin-bottom: 2.0em; font-size: 16px}

div.foot 
{
  width: 740px; padding: 5px 0 3px 0; background-color: #600; margin: 0;
  color: #e0e090; text-align: center; font-size: 11px; font-family: arial; 
  clear: both;
}



div.infotable 
{
  margin-left: 20px; background-color: #ffeeaa; border: solid 1px #600; 
  padding: 10px; float: right; font-size: 11px; 
  white-space: nowrap;
}



div.box-l {float: left; clear: left; margin: 0 0 10px 0; padding-right: 25px}
div.box-r {float: right; clear: right; margin: 0 0 10px 0; padding-left: 25px}
div.box-c {margin: 0 auto 0 auto}

table.boxhead-l {background-color: #fea}
table.boxhead-r {background-color: #fea}
table.boxhead-c {background-color: #fea}

td.boxicon        {background-image: url(images/box/boxhead_bg.gif); background-repeat: repeat-x}
td.boxicon-noicon {background-color: #600; border-left: solid 2px #600}

td.boxname, td.boxname-noicon
{
  font-weight: bold; font-size: 10px; text-align: right; color: #fff; white-space: nowrap; vertical-align: top;
  border-right: solid 2px #600;
  background-image: url(images/box/boxhead_bg.gif); background-repeat: repeat-x;
}

td.boxname-noicon {text-align: left; border-right: solid 2px #600; background-color: #600}

div.boxname        {background-color: #600; padding: 1px 4px 0px 0px}
div.boxname-noicon {background-color: #600; padding: 2px 0px 2px 0px}

td.boxbody 
{
  font-size: 11px; line-height: 1.3; 
  padding: 4px 10px 7px 10px;  border: solid 2px #600; border-top: 0;
}


ul {margin: 0 0 0 15px; padding-left: 15px}
ul.flush {margin: 0 0 0 0; padding-left: 15px}
ul.nice, ol.nice {margin-top: 3px; margin-bottom: 0; font-size: 11px}
ul.audiolist {font-size: 11px; margin-left: 10px; padding-left: 10px}
ul.opplist  {font-size: 11px; margin: 1.5em 0 1.5em 1.5em; padding-left: 1.5em}
ul.keyverses {margin: 0 0 0 10px; padding: 0 0 0 10px; font-size: 11px}

li {}
li.nice {padding-bottom: 3px}
li.audiolist {padding-bottom: 8px}
li.opplist {margin: 1.5em 0}
li.single {margin-bottom: 1.0em}

span.hide, div.hide {display: none}
div.hideblock {display: none}
div.showblock {display: block}

img.hide {display: none}
img.pdf {position: relative; top: 3px; margin-right: 1px}
img.email  {position: relative; top: 3px}
img.eamp   {position: relative; top: 1px}
img.edot   {margin-left: 0}


td.cal-a {background-color: #fea; font-family: verdana, arial; font-size: 10px; color: #000; text-align: center; padding: 2px 3px 0 3px}
td.cal-i {background-color: #ba7}
td.cal-h {background-color: #fff; font-family: arial; font-size: 11px; font-weight: bold; text-align: center; padding: 2px 0}
td.cal-t {background-color: #600; color: #fff; font-size: 13px; font-weight: bold; font-family: verdana, arial, sans-serif; padding: 3px 5px 4px 0; text-align: right}

div.cal-d {font-weight: bold; text-align: left; color: #996; padding: 0}


a        {color: #060; text-decoration: underline}
a:hover  {color: #600}

a.foot        {font-family: arial; color: #e0e090; font-size: 11px; font-weight: bold; text-decoration: none}
a.foot:hover  {                    color: #ffffff;                                     text-decoration: underline}

a.hammer       {font-family: arial; color: #996; font-size: 11px; font-weight: bold; text-decoration: none}
a.hammer:hover {                    color: #600}

a.colhead       {font-size: 11px; color: #ffc; font-weight: bold; text-decoration: none}
a.colhead:hover {                 color: #fff;                    text-decoration: underline}

a.resource         {text-decoration: none}
a.resource:hover   {text-decoration: underline}

a.noul        {text-decoration: none}
a.noul:hover  {text-decoration: underline}

a.linkdesc        {color: #886; text-decoration: none}
a.linkdesc:hover  {color: #933; text-decoration: underline}

a.blogtitle        {color: #000; text-decoration: none; font-weight: bold; font-size: 13px; font-family: arial}
a.blogtitle:hover  {color: #060; text-decoration: underline}

a.cal-special:link    {color: #900; text-decoration: none}
a.cal-special:visited {color: #900; text-decoration: none}
a.cal-special:hover   {color: #c00; text-decoration: underline}

a.cal-weekly:link    {color: #070; text-decoration: none}
a.cal-weekly:visited {color: #070; text-decoration: none}
a.cal-weekly:hover   {color: #0a0; text-decoration: underline}

a.cal-other:link    {color: #009; text-decoration: none}
a.cal-other:visited {color: #009; text-decoration: none}
a.cal-other:hover   {color: #00c; text-decoration: underline}


p        {margin: 1.0em 0 1.0em 0}
p.first  {margin-top: 0}
p.double {margin-top: 2.5em}


td p:first-child {margin-top: 0}
td.boxbody p {margin-bottom: 0}

h3 + p {margin-top: 0.5em}
h4 + p {margin-top: 0.5em}


div.single {margin-top: 1.0em}
div.double {margin-top: 2.0em}
div.triple {margin-top: 3.0em}


img {}
img.left {float: left; margin: 0 10px 5px 0}
img.right {float: right; margin: 0 0 5px 10px}

div.photo-right {float: right; margin: 7px 0 5px 15px}

.clear {clear: both}

.resmenu {background-color: #ddc; font-size: 10px; font-weight: bold; margin: 15px 0px 20px 0px; padding: 5px 0px 6px 8px; border-bottom: dashed 0px #bbaa77}

.resource {font-family: arial; font-size: 11px}

.res-new   {font-size: 11px; font-family: arial; font-weight: bold; color: #c33; clear: both; float: left}
.res-auth  {font-size: 11px; font-family: arial; font-weight: bold; float: right; color: #663; white-space: nowrap}
.res-date  {font-size: 10px; text-align: right; white-space: nowrap}
.res-desc  {font-size: 11px; font-family: arial; font-weight: bold; white-space: nowrap}
.res-info  {font-size: 10px; color: #885; white-space: nowrap}
.res-topic {font-size: 10px; font-family: arial; color: #333}

.eventboxitem {font-family: arial; font-size: 12px; font-weight: bold}
.eventboxdate {font-family: arial; font-size: 12px; font-weight: bold; color: #944}
.eventboxlist {font-family: verdana, arial; font-size: 9px; padding-left: 8px}

.picyear   {color: #600; border-bottom: double 4px #ba7; padding: 8px 0px 0px 0px}
.eventtype {color: #600; border-bottom: double 4px #ba7; text-transform: uppercase; font-weight: bold; font-size: 11px}

.noborder {border: 0px}

.big        {font-size: 15px}
.lrg, .reg  {font-size: 13px}
.med, .mid  {font-size: 11px}
.sml, .tiny {font-size: 10px}

.center  {text-align: center}
.right   {text-align: right}
.justify {text-align: justify}

.nowrap {white-space: nowrap}

.bold {font-weight: bold}
.normal {font-weight: normal}
.ital {font-style: italic}

.light {color: #ba7}
.grey {color: #666}
.tan  {color: #885}

.caps {text-transform: uppercase}

.arial {font-family: arial}
.new   {font-weight: normal; font-size: 11px; color: #c33; font-family: arial}

.colhead {background-color: #600; text-transform: uppercase; font-size: 11px; color: #ffc; font-weight: bold; text-decoration: none}

.indent {margin-left: 25px}

.row0 {background-color: #660000; text-transform: uppercase; text-align: center}
.row1 {background-color: #ececcc}
.row2 {background-color: #d9d9b9}

.eadr    {font-size: 11px; font-weight: bold; color: #060; font-family: arial}

.dateadded {font-family: arial, sans-serif; font-size: 10px; color: #885; padding-left: 2px}

.blogdate  {font-weight: bold; font-size: 13px; color: #600; font-family: arial}
.blogtitle {}
.blogbody {}

.studyinfo    {background-color: #ddc; padding: 8px 10px; margin-bottom: 25px; line-height: 1.5}
.studydetails {font-size: 11px}

div.linkdesc {display: none; color: #886; font-size: 10px; padding: 0px 0px 10px 0px; line-height: 1.2}
div.lostdesc {display: none; font-size: 10px; margin: 0.5em 0 1.5em 0}