html { min-height: 100%; margin-bottom: 1px; }
body 
{
/*
margin-left:auto;
margin-right:auto;
background-color: #710100
background-image: 
url('/temp/images/bg.jpg');
background-repeat: repeat-y
*/
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
/*
background-image:url('cross.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom left;
*/
background-color: #eeeeee;

}

a:link,
a:visited
{
color: #448;
/*text-decoration: none*/
}

div.pad
{
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;

}

img
{
border: 0;
}

p.login
{
/*float:right;*/
margin-right:3em;
font-size: 19px;
color: #710100
}

div.body
{
width: 816px;
/*width:expression(document.body.clientWidth < 816? "816px": "auto" );
min-height: 50em;*/
background-color: white;
margin-left: auto; 
margin-right: auto;
margin-top: 0pt;
padding-top: 16px; 
padding-left: 0pt;
padding-right: 0pt;
padding-bottom: 16px;
border-left: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #778;
}

p.heading
{
margin-bottom: 8px;
font-size: 30px;
color: #710100
}

div.eventlist
{
/*
min-width: 216px;
max-width: 620px;

margin-left: 5%;
margin-right: 5%;
*/
float:left;
}

div.articlelist
{
/*
min-width: 216px;
max-width: 620px;

margin-left: 5%;
margin-right: 5%;
*/
float:left;
max-width: 400px;
}

.clearleft { clear: left; }
.clearright { clear: right; }

p.title
{
width: 310px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 16px;
font-size: 22px;
color: #710100
}

p.page_title
{
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #710100
}
.title a:link,
.title a:visited
{
color: #710100;
/*text-decoration: none*/
}

.title a:hover
{
text-decoration: underline;
}

p.date
{
margin-top: 2px;
margin-bottom: 2px;
}

div.entry
{
width: 340px;
border: 1px solid #710100;
margin-left: 20px;
margin-right: 8px ;
margin-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
}

div.wide_entry
{
min-width: 260px;
max-width: 580px;
width:expression(document.body.clientWidth > 580? "580px": "auto" );
border: 1px solid #710100;
margin-left: 3em;
margin-right: 8px;
margin-bottom: 2em;
padding-left: 8px;
padding-right: 8px;
}

div.thin_entry
{
width: 300px;
border: 1px solid #710100;
margin-left: 20px;
margin-right: 8px ;
margin-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
}

.content
{
background: #FEF0D5;
margin-top: 0;
margin-bottom:16px;
margin-left: 8px;
margin-right: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}

div.upcoming_events
{
/*
min-width: 216px;
max-width: 620px;
*/
max-width:350px;
margin-top: 16px;
margin-left: 16px;
margin-right: 16px;
float:right
}

div.gallery
{
/*
min-width: 320px;
width:expression(document.body.clientWidth > 320? "320px": "auto" );
height: 320px;
border: 1px solid  #710100;
*/
float: right;
border: 1px solid #710100;
margin-right: 10px;
}

.left
{
float:left
}
.right
{
float:right
}

.cal
{
position:absolute;
left:10px;
top:10em
}

div.calendar
{
float:right;
width: 370px;

}

#calendar
{
float:right;
}

#dayinfo
{
float:left;
width: 160px;
text-align: left;
margin-top: 0.2em;
margin-left: 0.5em;
}

.visible
{
border: 1px solid;
}


table.calendar
{
background-color: #FEF0D5;
text-align: center;
border: 3px outset #000;
border-collapse: collapse;
border-spacing: 0px;
}

table.calendar td.month
{
width: auto
}

table.calendar td.light
{
background-color: #FFF;

}

table.calendar td.light a:link,
table.calendar td.light a:visited
{
color:#F00;
font-weight: bold
}

table.calendar td.current
{
font-weight:bold;

}

table.calendar td
{
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
width: 24px;
}


table.gallery td
{
/*border: 1px solid #000000; */
text-align: center;
vertical-align: top;
width: 150px;
height: 100px;
}

table.gallery a
{
text-decoration: none
}

table.gallery td img
{
border: 5px outset #d7b9c9
}

p.footer
{
text-align: center;
color: #555;
font-size: 75%;
}

p.footer a:link,
p.footer a:visited
{
color: #555;
}
/*HERE IS THE STUFF FOR TEH PAGES*/

p.pages
{
/*text-indent: 15px;*/
padding-bottom: 0;
margin-bottom: 0;
padding-top: 0;
margin-top: 0;
}

p.pages img
{
float:right;
padding-top: 0cm;
padding-bottom: 8px;
padding-left: 8px;
}

/*directory table*/
table.directory 
{
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
}

th.head
{ 
background-color: #DDE;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #448; 

}

table.directory tr:hover
{
/*
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
*/
background-color: #FEF0D5;
/*
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
*/
}

tr.one
{ 
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #f8f9ff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
}

tr.two
{ 
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
}