* {
        font-family : "Georgia", "Times New Roman", serif;
}

P, TD, TH, DL, BODY, BLOCKQUOTE, PRE, DIV, OL, UL  {
	font-size : 11pt;
	color: #48463e;
}

html, body {
	margin: 0;
	padding: 0;
	scrollbar-base-color: #657743;
}  

SMALL, .blog_date, .blogsum_date  {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #5f6f40;
}

/* Links */
a:link, a:visited {
	color: #517a02;
}
a:hover, a:active {
	color: #517a02;
}
/* Links for Nav bar */
a:link.nav, a:visited.nav {
	color: #000000;
	font-size: 12pt;
	text-decoration: none;	
	display: block;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 7px;
	padding-bottom: 3px;
}
a:hover.nav, a:active.nav {
	color: #FFFFFF;
	background-color: #586a35;
}

H1 {
	font-family : Albertus, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #006cb6;	
	margin-bottom: 0px;
}
  
H2, .heading2, .blog_name  {
	font-family : Albertus, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #006cb6;	
	margin-bottom: 0px;
}
  
H3, .heading3, .blog_title  {
	font-family : Albertus, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #006cb6;	
	margin-bottom: 0px;
}
  
H4, .heading4  {
	font-family : Albertus, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #006cb6;	
	margin-bottom: 0px;
}
  
.page_body {
	background-color: #657743;
}
  
.page_data {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

img {
        border: none;
}

.nav_column {
	background-color: #e4eca9;
}
.nav_column_data {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.footer_data {
	background-image: url(/images/page-template_13.jpg);
        color: #000000;
	text-align: right;
	padding-top: 30;
	padding-right: 20px;
}

hr {
	border: none;
        color: #5f6f40;
	background-color: #5f6f40;
	height: 2px;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
}
ul.align, ol.align {
	margin-top: 2px;
	margin-left: 18px;
	margin-bottom: 2px;
}

.align_right {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
}

.align_left {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.photo_border {
        border: 2;
        border-style: solid;
        border-color: #5f6f40;
}
 
.question {
	color: red;	
	font-weight: bold;
}

select, input, textarea {
   	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #f6fdc0;
	border: 1px solid black;
}

input.button, .button {
        font-family: "Georgia", "Times New Roman", serif;
	font-size: 12pt;
	color: white;
	background-color: #586a35;
	cursor: pointer;
}

/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
	background-color: white;
	border: none;
}

.quote {
   	font-family : Georgia, Arial, Helvetica, sans-serif;
  	font-size : 12pt;
}
.quoter, .quoter i {
  	font-size : 9pt;
        color: #957360;
	text-align: right;
	margin-top: 5px;
	margin-right: 4px;
}

.blog_toc {
        padding-top: 10px;
        font-size : 8pt;
        color: #48463e;
}
.blog_toc_div {
        margin: 0px 0px 10px 10px;
        padding: 0px 0px 0px 10px;
        width: 175px;
        float: right;
        border-left: 1px solid #5f6f40;
}
hr.blog_rule {
        border: none;
        color: #006cb6;
        background-color: #006cb6;
        height: 1px;
/* Make sure left aligned photos in one entry don't spill over into another.
But also screws up the right-aligned blog_toc_div. SO I have to sort this out. */
        /*clear: both;*/
}

/* For formatting events pulled by list_events.pl */
.event_date {
   	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: underline;
	margin-top: 5px;
}
.event_label {
	color: black;
	font-weight: bold;
}
.event_desc {
	font-size : 10pt;
}