html {
  height: 100%;
}
a {
  font-weight: normal;
  font-family: Verdana,Helvetica,sans-serif;
  text-decoration: none;
   font-size: 12px;
}
a:active {
  color: #0183BA;
}
a:hover {
  color: #000000;
  background-color: #F5EAB4;
}
a:link {
  color: #000099;
}
a:visited {
  color: $000099;
}
.title_item {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
	line-height: 18px;
	text-align: center;
	  background-color: #F4E6CC;
	color: #000000;
}
.link_item {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
	line-height: 18px;
	text-align: center;
	background-color: #F4F5E7;
	color: #000000;
}
.body {
  color: #003;
   font-family: Verdana;
  font-size: 14px;
  line-height: 18px;
  height: 100%;
   }
.body_center {
  color: #003;	
  text-align: center;
  font-family: Verdana;
  font-size: 14px;
  line-height: 18px;
  height: 100%;
   }
 .notes {
  font-size: 10px;
  background-color: #FFECEC;
  padding: 2px 2px 2px 2px;
}
h1 {
  color: #FFFFFF;
  background-color: #330000;
  font-size: 24px;
   padding: 5px;
    }
  
h2 {
  color: #009;
  background-color: #F4E6CC;
  font-size: 16px;
  padding: 5px;
}
.dates {
 font-family: Times New Roman;
 font-style: normal;
    font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
}
.months {
 font-family: Times New Roman;
 font-style: normal;
    font-size: 30px;
	line-height: 40px;
	color: #9D4F4F;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
    font-size: 16px;
	line-height: 18px;
	text-align: right;
	color: #000000;
}
.title {
 font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #FF0000;
}
.article_subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background-color: #CC3300;
 }
.sideheading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;
  text-align: center;
  color: #000000;
   background-color: #FFFFFF;
  }
.subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
   background-color: #EBD6D6;
  padding: 2px 2px 2px 2px;
}
.sermon_title {
 font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #FF0000;
}
.sermon_source {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  text-align: center;
  color: #000000;
   background-color: #FFFFFF;
  }
.article_by {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
    font-size: 14px;
	line-height: 16px;
	text-align: right;
	color: #000000;
}
.article_left {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
    font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #000000;
}
.points {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
    font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #000000;
}
.edit_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  color: #000000;
  background-color: #DBB7B7;
  padding: 2px 2px 2px 2px;
}
td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	background-color: #EDDCDC;
	color: #FF0000;
	
}
.vidya {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFC488;
	border-right-color: #FFC488;
	background-color: #FDFAEC;
	list-style-position: inside;
	list-style-type: square;
}