<style type="text/css">

<!--

	body {
		background-color: #ffffff;
		color: #000000;
		font-family: "Verdana","Tahoma";
		font-size: 10px;
	}

	a:link {
		color: #000000;
		font-weight: none;
		text-decoration: underline;
	}

	a:active {
		color: #000000;
		font-weight: none;
		text-decoration: underline;
	}

	a:visited {
		color: #000000;
		font-weight: none;
		text-decoration: underline;
	}

	a:hover {
		color: #000000;
		cursor: hand;
		font-weight: none;
		text-decoration: underline;
	}

	h1 {
		font-family: Verdana,Tahoma;
		font-size: 22px;
		font-weight: bold;
		color: #8a1714;
	}

	h2 {
		font-family: Verdana,Tahoma;
		font-size: 18px;
		font-weight: bold;
		font-style: italic;
		color: #8a1714;
	}

	h3 {
		font-family: Verdana,Tahoma;
		font-size: 14px;
		font-weight: bold;
		color: #8a1714;
	}

	xtd {
		background-color: #ffffff;
		color: #000000;
		font-family: "Verdana","Tahoma";
		font-size: 10px;
	}	

	hr {
		color: #d0d0d0;
		height: 1px;
		noshade;
	}

	.vivaRed {
		color: #8a1714;
	}

	.vivaRedBack {
		color: #ffffff;
		background-color: #8a1714;
	}

	.black {
		background-color: #000000;
	}

	.content {
		background-color: #ffffff;
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
	}

	.TopHeader {
		color: #8a1714;
		font-family: Verdana,Tahoma;
		font-size: 14px;
		font-weight: bold;
	}

	.TopHeader a:link {
		color: #8a1714;
		font-family: Verdana,Tahoma;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

	.TopHeader a:visited {
		color: #8a1714;
		font-family: Verdana,Tahoma;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

	.newsHeader {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 10px;
		font-weight: bold;
	}

	.newsContent {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 10px;
		font-weight: regular;
	}


	.boxPray {
		background: url(../gfx/imgpray.jpg) no-repeat left top;
	}

	.boxGive {
		background: url(../gfx/imggive.jpg) no-repeat left top;
	}

	.boxGo {
		background: url(../gfx/imggo.jpg) no-repeat left top;
	}

	.boxContent {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
	}

	.boxContent a:link {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
		text-decoration: none;
	}

	.boxContent a:active {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
		text-decoration: none;
	}

	.boxContent a:visited {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
		text-decoration: none;
	}

	.boxContent a:hover {
		color: #000000;
		font-family: Verdana,Tahoma;
		font-size: 12px;
		font-weight: regular;
		text-decoration: none;
	}


  .iText {
    width: 200px;
    border: 1;
    border-style: solid;
    border-color: #000000;
    background: #ffffff;
    color: #000000;
    font-family: "Verdana,Tahoma";
    font-size: 10px;
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
  }

  .iButton {
    width: 75px;
    border: 1;
    border-style: solid;
    border-color: #000000;
    background: #cccccc;
    color: #000000;
    font-family: "Verdana,Tahoma";
    font-size: 10px;
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
  }

  .buttonLeft {
    background: url(../gfx/button.left.gif);
  }

  .buttonBack {
    background: url(../gfx/button.back.gif);
    color: #000000;
    font-weight: bold;
  }

  .buttonRight {
    background: url(../gfx/button.right.gif);
  }

#links {
	z-index:1;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	margin:0px;
}
#links ul {  /* all lists */
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#links ul li { /* all list items */
	padding:0px;
	margin:0px;
	float: left;
	position: relative;
	width: 100px; 
	background-color: #8a1714;
	color: #ffffff;
}
#links ul li ul {  /* hides all sub menus initially so only first level is visible on page load */
	/*margin-top: 27px; */
	left: -999em;
	/*margin-left:100px; */
	position: absolute;
	font-size: 10px;
	font-weight: normal;
}
#links ul li a {  /* defines all anchors */
	 /*border-width:1px;   KLM */
/*	border:1px solid black;*/
	padding-left:4px;
	display:block;
	font-weight:bold;
	width:expression("100px"); /* necessary for IE to make entire <li> active  */
	color:#ffffff;
 	text-decoration:none;
}
#links ul li a:hover {  /* all list anchors; this creates the color change rollover effect */
	color: #cccccc;
	background-color: #8a1714;
	padding:0px;
	padding-left:4px;
	margin:0px;
}
/* ************  This is where it begins ************* */
#links ul li:hover ul, #links ul li.iehover ul { /* 2nd level support */
	left: auto;
}
#links ul li:hover ul ul, #links ul li.iehover ul ul { /* 3th level support */
	left: -999em;
}
#links ul li:hover ul ul ul, #links ul li.iehover ul ul ul { /* 4th level support */
	left: -999em;
}
#links ul li:hover ul ul ul ul, #links ul li.iehover ul ul ul ul { /* 5th level support */
	left: -999em;
}
#links ul li li:hover ul, #links ul li li.iehover ul { /* 3th level support */
	left:100px;
	top:0;
}
#links ul li li li:hover ul, #links ul li li li.iehover ul { /* 4th level support */
	left:100px;
	top:0;
}
#links ul li li li li:hover ul, #links ul li li li li.iehover ul {  /* 5th level support */
	left:100px;
	top:0;
}

//-->

</style>