
<!--

body {
	font-family:"trebuchet ms",verdana,sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	background-color: #242424;
	background-image: url(/images/bg_new.jpg);
}

#apDiv1 {
	position:absolute;
	left:117px;
	top:191px;
	width:413px;
	height:280px;
	z-index:1;
}

a:link {
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #6699FF;
	text-decoration: none;
}

a:active {
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #966204;
	text-decoration: none;
}

/*---------- bubble tooltip -----------*/
  tt {
    background-color:lightsteelblue;
    color:blue;
    text-decoration:none;
    cursor:pointer;
  }
  
  hidden {
    display:none;
  }
  
pre {
    background-color:gainsboro;
    padding:10px;
    margin-left:20px;
    margin-right:20px;
    font-family:courier;
    font-size:90%;
  }

b.y { 
  background-color:yellow }

/*---------- end bubble tooltip -----------*/
  

h2{
	color: #333333;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: -4px;
}

h3{
	color: #6699FF;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16pt;
/*	margin-bottom: -4px; */
	margin: 4px 4px -2px 4px;
}

h4{
	color: #FFFFFF;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-weight: bold;
	font-size: 12pt;
	margin: 4px 4px -2px 4px;
}

.MainTable{
	font-family:"trebuchet ms",verdana,sans-serif;
	table-layout: fixed; width: 1000px;
	}
	
a.ExtLink{
	color: #dcdcdc;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	text-indent: 8px;
}

a.ExtLink:visited{
	color: #dcdcdc;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	text-indent: 8px;
}

a.ExtLink:hover{
	color: #6699FF;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	text-indent: 8px;
}

/* this is a global directive to prevent borders around images in hyperlinks */
a img {border:none; }

.pipe{
	color: #6699FF;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-weight: bold;
}

/* Start Class elements used in the domcollapse (show/hide) javascript */
.trigger{
	text-indent: 5px;
	padding: .5em .5em .5m .5em;
	cursor:pointer;
}
		
.trigger:hover{
	text-indent: 5px;
	padding: .5em .5em .5m .5em;
	cursor:pointer;
	/* background:#DDDDFF; */
}

.expanded{
	background: #EEEEEE;
	color: black;
	text-indent: 5px;
	padding: .5em .5em .5m .5em;
	border: 1px solid #9932CC;
	cursor: pointer;
	width: 100%;
}

.expanded:hover{
	/* background:#6699FF; */
	cursor:pointer;
}

.show{
   position:static;
   display: table;
}

.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

.details{
	font-size: medium;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
	padding: .5em .5em .5m .5em;
	border:1px solid #9932CC;
	width: 100%;
}	

/* End Class elements used in the domcollapse (show/hide) javascript */

.style2 {
	color: #FFFFFF;
	font-size: x-large;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
	vertical-align: middle;
}

.style6 {
	font-size: medium;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 0px;
}

.style9 {
	font-family:"trebuchet ms",verdana,sans-serif;
	font-size: medium;
	font-weight: bold;
}

.style11 {
	color: #999999
}

.style12 {
	font-size: small;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 18px;
	font-style: italic;
}

.style13 {
	color: #FFFFFF;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-size: small;
}

.style14 {
	font-size: small;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 18px;
	font-weight: bold;
}
	
.style15 {
	font-size: 10px;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 18px;
	font-style: italic;
}

.style18 {
	font-size: medium;
	font-weight: bold;
	font-family:"trebuchet ms",verdana,sans-serif;
	color: #FFFFFF;
}

.style19 {
	color: #000000
}

.box1 {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 0px;
}

Meh {
	background: url(../images/Worship_bg21.jpg);
	background-repeat: no-repeat;
}

/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 1px solid #000000;
     position: relative;
	 left: 10px;
	 top: 10px;
     width: 100%;
}
div.box_contents {
     background-color:transparent;
     /* height: 290px; */
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: white;
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.SubNavBox {
	/*background-color: white; */
	background-color: transparent;
    filter:alpha(opacity=75); /* IE's opacity*/
    opacity: 0.75;
	z-index: 99;
	padding: 4px;
	clear: none;
	float: right;
	height: auto;
	width: auto;
	margin: 4px 10px 4px 10px;	
/*	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #dcdcdc;
}

-->