<!--

body {
background-color: #FFFFFF;
font-family: Verdana, Arial;
color: #000000;
text-align: center;
margin: 0;
background: url(images/bg.gif) center top;
background-attachment:fixed;
}
#pagecontainer {
width: 980px;
margin: 0 auto;
text-align: left;
}
#top-menu {
background-color: #f2f2f2;
padding: 5px 5px 5px 10px;
text-align: right;
font-size: 12px;
margin: 0;
height: 20px;
}
#leftside {
display: block;
float: left;
margin: 3px 0 0 0;
}
#rightside {
display: block;
float: right;
margin: 2px 2px 0 0;
font-size: 11px;
font-weight: bold;
color: #999999;
}
#top-menu input {
margin: 0;
padding: 0;
}
#top-menu input {
margin: 0 0 0 0;
font-size: 11px;
}
#content-menu ul li a {
height: 63px;
}
#content-menu ul {
margin: 0;
padding: 0;
list-style: none;
height: 63px;
}
#content-menu a:hover {
opacity: 0.8;
}
#content-menu li {
background: none;
float: left;
}
#content-menu li span {
display: none;
}
#front-menu ul {
margin: 0;
padding: 0;
list-style: none;
height: 274px;
}
#front-menu a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#front-menu li {
float: left;
}
#front-menu li span {
display: none;
}
#front-menu ul li a {
height: 274px;
}
li.about {
width: 245px;
background: url(images/aboutbox.jpg) top left no-repeat;
}
li.about a {
display: block;
width: 245px;
background: url(images/aboutbutton.gif) bottom left no-repeat;
}
li.about a.selected {
border: solid #ab2800;
border-width: 0 0 4px 0;
}
li.current {
width: 245px;
background: url(images/currentbox.jpg) top left no-repeat;
}
li.current a {
display: block;
width: 245px;
background: url(images/currentbutton.gif) bottom left no-repeat;
}
li.current a.selected {
border: solid #0e427c;
border-width: 0 0 4px 0;
}
li.playreadings {
width: 245px;
background: url(images/playreadingsbox.jpg) top left no-repeat;
}
li.playreadings a {
display: block;
width: 245px;
background: url(images/playreadingbutton.gif) bottom left no-repeat;
}
li.playreadings a.selected {
border: solid #024a06;
border-width: 0 0 4px 0;
}
li.past {
width: 245px;
background: url(images/pastbox.jpg) top left no-repeat;
}
li.past a {
display: block;
width: 245px;
background: url(images/pastbutton.gif) bottom left no-repeat;
}
li.past a.selected {
border: solid #854d05;
border-width: 0 0 4px 0;
}
#content {
background: url(images/transbg.png);
padding: 15px;
}
#content h1 {
font-family: Arial;
font-weight: normal;
border: solid #e9e9e9;
border-width: 0 0 1px 0;
margin: 10px 0 0 0;
}
#content h2 {
font-family: Arial;
font-weight: normal;
font-size: 17px;
margin: 5px 0 5px 0;
color: #024a06;
}
#content h4 {
font-family: Arial;
font-weight: normal;
font-size: 22px;
margin: 10px 0 -5px 0;
color: #024a06;
}
#content p.date {
background: url(images/datebg.png) top left repeat-x;
width: 160px;
height: 60px;
padding: 10px 10px 0 0;
float: left;
font-size: 20px;
font-family: Arial;
color: #024a06;
margin: 0;
text-align: right;
}
#content p.date2 {
background: url(images/datebg.png) top left repeat-x;
width: 170px;
height: 60px;
padding: 10px 10px 0 0;
float: left;
font-size: 18px;
font-family: Arial;
color: #854d05;
margin: 0;
text-align: right;
}
#content p.date span, #content p.date2 span, #content p.date-past span {
font-size: 13px;
}
#content p.date2 b {
color: #000000;
line-height: 15px;
font-size: 10px;
}
#content p.date2 i {
font-size: 12px;
}
#content hr {
height: 1px;
border: solid #CCCCCC;
border-width: 1px 0 0 0;
margin: 20px 0 0 0;
clear: both;
}
#content p {
font-size: 12px;
line-height: 22px;
padding: 0 0 5px 0;
margin: 10px 0 10px 0;
}
#content p.indent {
border: solid #024a06;
border-width: 0 0 0 3px;
padding: 10px 0 10px 20px;
font-size: 12px;
line-height: 22px;
margin: 0 0 0 170px;
}
#content p.indent-past {
border: solid #999999;
border-width: 0 0 0 3px;
padding: 10px 0 10px 20px;
font-size: 12px;
line-height: 22px;
margin: 0 0 0 150px;
}
#content p.indent2 {
border: solid #854d05;
border-width: 0 0 0 3px;
padding: 10px 0 10px 20px;
font-size: 11px;
line-height: 21px;
margin: 0 0 0 180px;
}
#content p.indent3 {
border: solid #024a06;
border-width: 0 0 0 3px;
padding: 10px 0 10px 20px;
font-size: 12px;
line-height: 22px;
margin: 0 0 0 1px;
}
#content p.indent2 img {
float: right;
margin: 5px 13px 10px 10px;
border: none;
}
#galimages {
display: none;
}
#content div img {
margin: -30px 0 0 0;
float: right;
padding: 0 0 5px 5px;
}
#content div h2 {
font-size: 38px;
font-family: Arial;
margin: 0;
color: #0e427c;
}
#content div h3 {
font-family: Arial;
font-size: 12px;
margin: 0;
padding: 0 0 0 5px;
}
#content div h4 {
font-family: Arial;
font-weight: normal;
font-size: 15px;
margin: 0;
}
#content div p.showdetails {
padding: 10px 0 0 0;
clear: both;
font-size: 11px;
line-height: 18px;
}
#content div.currentdiv, #content div.forthdiv {
margin: 0;
padding: 0;
width: 465px;
float: left;
}
#content div.currentdiv {
padding: 0 20px 0 0;
}
a.currentnewsletter {
font-size: 25px;
}
#content ul {
font-size: 12px;
list-style: none;
padding: 0 0 0 5px;
margin: -10px 0 0 0;
}
#content li {
background: url(images/arrow.gif) no-repeat left center;
padding: 2px 4px 2px 12px;
}
#content table {
width: 300px;
font-size: 12px;
border: none;
}
#content p.note {
font-size: 10px;
}
#content form {
margin: -5px 0 0 0;
}
#front-content {
margin: 0;
background: url(images/transbg.png);
padding: 0 0 5px 0;
height: 183px;
}
#front-content img {
margin: 0 0 0 0;
float: left;
}
#front-content p {
font-size: 11px;
line-height: 20px;
padding: 7px 5px 2px 0;
margin: 0;
}
#partofit {
font-family: Arial;
font-size: 40px;
padding: 10px;
color: #CCCCCC;
margin: 0;
}
#break {
margin: 0;
padding: 0;
height: 1px;
clear: both;
}
#footer {
background: url(images/trans-foot.png) top left;
height: 100px;
text-align: right;
clear:both;
}
a:link {
text-decoration: underline;
color: #000000;
}
a:visited {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #ff8700;
}

//-->