/* =====================================
   CSS Styles for Ron Berry
   18/07/2005
   =====================================
*/ 

/*Text*/
.RBTextNormal
{
    font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.RBTextNormal a:link, .RBTextNormal a:visited , .RBTextNormal a:hover
 {
	font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
}

.RBTextPoem
{
    font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: center;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.RBTextNormalNoHeader
{
    font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.RBTextNormalNoHeader a:link, .RBTextNormalNoHeader a:visited , .RBTextNormalNoHeader a:hover
 {
	font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
}

.RBTextHeader
{
    font-size: 18px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;   
}

.RBTextHeader2
{
    font-size: 14px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;   
}

.RBTextPopups
{
    font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: none;
	text-align: justify;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.RBTextFooter
{
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: white;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: #225A2B;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.RBTextFooter a:link, .RBTextFooter a:visited , .RBTextFooter a:hover
 {
	font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: #225A2B;
	text-align: center;
}

.RBTextHeaderMenu
{
    font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: none;	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.RBTextHeaderMenu a:link, .RBTextHeaderMenu a:visited , .RBTextHeaderMenu a:hover
 {
	font-size: 12px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: none;
	vertical-align:middle;
}


/*Forms*/
.RBTextForm
{
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	background-color: white;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.RBTextFormInput
{
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	background-color: #E2F2E4;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.RBTextError
{
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: red;
	background-color: white;
	vertical-align: middle;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*Menu*/
.MenuHeaderInactive {
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-left: 0px solid black;
	border-bottom: 0px solid black;
	background-color: none;
	text-align: left;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 17px;
}

.MenuHeaderInactive a:link {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.MenuHeaderInactive a:visited {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.MenuHeaderInactive a:active {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.MenuHeaderInactive a:hover {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;	
}

.MenuHeaderActive {
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	border-top: 0px solid #1A4E28;
	border-right: 0px solid black;
	border-left: 0px solid black;
	border-bottom: 0px solid black;
	background-color: none;
	text-align: left;
	padding-top: 6px;
	padding-right: 52px;
	padding-bottom: 5px;
	padding-left: 17px;
}

.MenuHeaderActive a:link, .MenuHeaderActive a:visited  {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.MenuHeaderActive a:hover  {
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.MenuInactive {
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-left: 0px solid black;
	border-bottom: 0px solid black;
	background-color: none;
	text-align: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 25px;
}

.MenuInactive a:link {
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	text-decoration: none;
}

.MenuInactive a:visited {
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	text-decoration: none;
}

.MenuInactive a:active {
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	text-decoration: none;
}

.MenuInactive a:hover {
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	text-decoration: none;	
}

.MenuActive {
    font-size: 11px;
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-left: 0px solid black;
	border-bottom: 0px solid black;
	background-color: none;
	text-align: left;
	padding-top: 6px;
	padding-right: 52px;
	padding-bottom: 6px;
	padding-left: 25px;
}

.MenuActive a:hover  .MenuActive a:link, .MenuActive a:visited{
	font-family:  Arial, Times New Roman;
	font-weight: normal;
	color: black;
	text-decoration: none;
}


/*Images*/
.RBImages
{
 	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:	0px;
	padding-left: 30px;	
}

.RBImagesLeft
{
 	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	margin-right:0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	float: left;	
}

.RBImagesRight
{
 	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

.RBImagesRightPlays
{
 	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	float: right;
}

.RBImagesBooks
{
 	border-top: 0px solid #bfbfbf;
	border-right: 0px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 0px solid #bfbfbf;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom:	0px;
	padding-left: 0px;
	vertical-align:top;	
}


/*Background Header Image*/
#BackgroundImage 
{
    background-image: url(images/header_homepage.jpg);
    background-repeat: no-repeat;
    height: 180px;
    width: 800px;
    font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	text-align: left;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#HeaderText
{
    font-size: 18px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*Background Menu Image*/
#BackgroundImageMenu 
{
    background-image: url(images/Ron_Berry_menu.jpg);
    background-repeat: no-repeat;
    height: 348px;
    width: 150px;
    font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#HeaderTextMenu
{
    font-size: 18px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*Background Header Image*/
#BackgroundImageHeader
{
    background-image: url(images/header_menu.gif);
    background-repeat: no-repeat;
    width: 800px;
    height: 30px;
    font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#HeaderTextHeader
{
    font-size: 18px;
	font-family:  Arial, Times New Roman;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#BackgroundImageObituaries
{
    background-image: url(images/ron_menu_obituaries.jpg);
    background-repeat: no-repeat;
    
    height: 600px;
    font-family:  Arial, Times New Roman;
    font-size:12px;
	font-weight: normal;
	color: black;
	text-align: justify;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:0px;
}


/*Dropdown Menu CSS*/
#csstopmenu, #csstopmenu ul
{	
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
margin: 0px;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
/*border: 1px solid black;*/
border-left-width: 0;
font-size: 12px;
/*background-color: #D8FE89;*/
}

.headerlinks a{
margin: auto 25px;
font-weight: bold;
color: white;
}

.headerlinks a:hover{
margin: auto 25px;
font-weight: bold;
color: #E2F2E4;
}


.submenus{
display: none;
width: 14em;
position: absolute;
top: 1.2em;
left: 0;
text-align: left;
background-color: #E6EEE6;
border-top: 8px solid #486C4A;
border-right: 0px solid #486C4A;
border-left: 0px solid #486C4A;
border-bottom: 0px solid #486C4A;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
color: #225A2B;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #225A2B;
color: white;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}