/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	background:#260124 repeat-x 0 0;
	text-align:center;
	}
#wrap
	{
	width:876px;
	text-align:left;
	margin:0 auto;
	}
#header
	{
	width:876px;
	height:50px;
	position:relative;
	}
#banner
	{
	width:876px;
	height:337px;
	position:relative;
	margin:-1px 0 0 0;
	padding:0 0 20px 0;
	}
#content
	{
	width:875px;
	position:relative;
	padding:0;
	}
#col-1
	{
	width:550px;
	float:left;
	margin:20px 0 0 0;
	}
#col-1 h1
{
	font:35px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	font-weight:bold;
	color:#cbbd8b;
	line-height:40px;	
}
#col-1 p
	{
	font:15px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:19px;
	margin:0 0 19px 0;
	position:relative;
	}
#col-1 p strong{color:#f2f2f2;}
#col-1 a
	{
	color:#a1914c;
	}
#col-1 br{clear:both;}
#col-1 ul
	{
	list-style:none;
	padding:17px 17px 0 17px;
	margin:0 0 0px 0;
	}
#col-1 li
	{
	float:left;
	margin:0 13px 0 0;
	}
#col-1 li.last{margin:0;}
#col-1 li p
	{
	margin:0 0 9px 0;
	}
#col-1 p img.prayerletter
	{
	border:4px solid #ffffff;
	margin:0 15px 15px 0px;
	float:left;
	}

#col-1 img
	{
	border:4px solid #ffffff;
	margin:0 15px 15px 0px;
	float:left;
	}
#col-1 li a
	{
	color:#f2f2f2;
	text-decoration:u;
	}
#col-1 h2
{
	font:22px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	font-weight:bold;
	color:#cbbd8b;
	line-height:26px;	
}
#col-1 h3
{
	font:18px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	font-weight:bold;
	color:#cbbd8b;
	line-height:22px;	
}

#col-2
	{
	width:269px;
	float:right;
	margin:0 0px 0 0;
	display:inline;
	}
#col-2 h2
{
	font:22px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	font-weight:bold;
	color:#cbbd8b;
	line-height:26px;	
}
#col-2 h3
	{
	font:bold 18px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cec297;
	line-height:14px;
	margin:0 0 0 8px;
	}
#col-2 h3 a{color:#a1914c;}
#col-2 h4
	{
	font:bold 10px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#796b38;
	line-height:14px;
	margin:0 0 10px 8px;
	}
#col-2 h4 a{color:#a1914c;}
#col-2 p
	{
	font:15px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:18px;
	margin:0 0 17px 8px;
	}
#col-2 p img
	{
	border:4px solid #5e5127;
	float:left;
	margin:0 14px 14px 0;
	}
#col-2 p a
	{
	text-decoration:underline;
	color:#f2f2f2;
	font:15px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	}
}
#col-2 img.big
	{
	left:0;
	border:none;
	}
#col-2 div.box, #col-2 div.box2
	{
	width:298px;
	float:left;
	margin:0 14px 0 0;
	}
#col-2 div.box2{margin:0;}

#col-2 div.box2 .ss-q-help
	{
	font: 12px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:14px;
	margin:0 0 15px 0;
	}

#col-2 div.box2 .ss-q-title
	{
	font: 12px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:14px;
	margin:0 0 15px 0;
	}

#col-2 div.box2 .ss-q-long {
    max-width: 60%;
  }
  
#col-2 div.box2 .ss-form-entry {
    margin-bottom: 0em;
  }
  
#col-2 div.box2 .ss-choices {
    list-style: none;
    margin: 0.5em 0 0 0;
    padding: 0;
    font: 12px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
  }


#left
	{
	width:600px;
	float:left;
	}
#left h1
{
	font:35px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	font-weight:bold;
	color:#cbbd8b;
	line-height:40px;	
}
#left h2
	{
	width:200px;
	height:24px;
	margin:0 0 5px 0;
	}
#left h3
	{
	font:bold 20px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#a1914c;
	line-height:12px;
	margin:0 0 9px 0;
	}
#left h3 a
	{
	color:#f2f2f2;
	}
#left p
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:20px;
	margin:0 0 15px 0;
	}
#left p img.prayerletter
	{
	border:4px solid #ffffff;
	margin:0 15px 15px 0px;
	float:left;
	
	}
	

#left p.photogallery
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:20px;
	margin:0 0 70px 0;
	}

#left p img
	{
	float:right;
	margin:0 0 15px 15px;
	}
#left p img.photogallery
	{
	float:left;
	margin:0px 15px 15px 0px;
	}
#left p a
	{
	color:#f2f2f2;
	text-decoration:underline;
	}
#left p strong{color:#f2f2f2;}
#left ul
	{
	list-style:none;
	margin:0 0 25px 15px;
	}
#left ul li
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:16px;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	}
#left ul li a
	{
	color:#f2f2f2;
	text-decoration:underline;
	}
#left ul.listing{margin:0;}
#left ul.listing li
	{
	width:703px;
	background:none;
	padding:0;
	float:left;
	margin:0 0 34px 0;
	}
#left ol
	{
	list-style-position:inside;
	margin:0 0 25px 10px;
	}
#left ol li
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:16px;
	margin:0 0 5px 0;	
	}
#left .box
	{
	width:533px;
	float:right;
	}
#left br{clear:both;}

#left .ss-q-help
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:20px;
	margin:0 0 15px 0;
	}

#left .ss-q-title
	{
	font: 14px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#cbbd8b;
	line-height:20px;
	margin:0 0 15px 0;
	}

#left .ss-q-long {
    max-width: 90%;
  }
  
#left .ss-form-entry {
    margin-bottom: 1.5em;
  }
  
#left  .ss-choices {
    list-style: none;
    margin: 0.5em 0 0 0;
    padding: 0;
  }
  
#right
	{
	width:250px;
	float:right;
	}
#right a img
	{
	margin:18px 0 0 8px;
	}
#right #top
	{
	width:250px;
	}
#right #top h1
	{
	font:bold 18px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#a1914c;
	line-height:12px;
	margin:0 0 9px 0;
	}
#right #top h2, #right #top h3, #right #top h4
	{
	font:bold 16px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#a1914c;
	line-height:15px;
	margin:0 0 12px 0;
	}
#right #top h2 a{color:#a28d4a;}

#right #top h4
	{
	margin:0;
	float:left;
	}
#right #top p
	{
	font: 12px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#f2f2f2;
	line-height:15px;
	margin:0 0 10px 0;
	}
#right #top p a{color:#a28d4a;}
#right #top ul
	{
	width:220px;
	list-style:none;
	padding:10px 0 0 0;
	}	
#right #top ul li
	{
	width:220px;
	float:left;
	margin:0 0 48px 30px;
	display:inline;
	}
#right #bottom
	{
	width:225px;
	height:31px;
	margin:0 0 0 7px;
	}
#footer
	{
	width:875px;
	height:84px;
	clear:both;
	margin:30px 0 0 0;
	}
#footer p.contact
	{
	font: 12px "Candara", "Calisto", "Lucida Sans Unicode", "Trebuchet MS", serif;
	color:#b1a46a;
	float:left;
	display:inline;
	position:relative;
	}
#footer p.contact a
	{
	color:#b1a46a;
	text-decoration:underline;
	margin:0 5px;
	}
	
/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}
#nav li:hover
{
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
#nav li li
{
	float: none;/* items of the nested menus are kept on separate lines */
}
#nav ul
{
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}
#nav li:hover>ul
{
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}
#nav li li:hover>ul /* 2nd+ levels go on the right side of the parent item */
{
	top: 0;
	left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
#nav:after, #nav ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#nav, #nav ul /* IE7 float clear: */
{
	min-height: 0;
}

#nav a
{
text-decoration:none;
display:block;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
#nav ul
{
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding:0 0 10px 0;
	margin:-5px 0 0 0;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
#nav ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

#nav
{
width:875px;/*give width*/
height:50px;/*give height*/
background:url('../images/art/navigationbar.jpg'); /*set bg*/
margin:0 0 0px 0;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:50px;/*expand links to fill li's*/
}
#nav #pan1{width:81px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:112px;}
#nav #pan3{width:170px;}
#nav #pan4{width:184px;}
#nav #pan5{width:199px;}
#nav #pan6{width:127px;}
#nav #pan7{width:0px;}
#nav #pan8{width:0px;}
/*set background to hover and selected states*/
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat 0 -50px;}
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -81px -50px;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -193px -50px;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -363px -50px;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -547px -50px;}
#nav #pan6 a:hover, #nav #pan6 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -746px -50px;}
#nav #pan7 a:hover, #nav #pan7 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -873px -50px;}
#nav #pan8 a:hover, #nav #pan8 a.selected{background:url('../images/art/navigationbar.jpg') no-repeat -873px -50px;}


/*this have to be separate from above to make sure IE6 reades above rules*/
/*set background to hover and selected states*/
#nav #pan1:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat 0 -50px;}
#nav #pan2:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -81px -50px;}
#nav #pan3:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -193px -50px;}
#nav #pan4:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -363px -50px;}
#nav #pan5:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -547px -50px;}
#nav #pan6:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -746px -50px;}
#nav #pan7:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -873px -50px;}
#nav #pan8:hover>a{background:url('../images/art/navigationbar.jpg') no-repeat -873px -50px;}


#nav #pan1 ul, #nav #pan2 ul, #nav #pan3 ul, #nav #pan4 ul, #nav #pan5 ul, #nav #pan6 ul, #nav #pan7 ul, #nav #pan8 ul, #nav #pan9 ul,
#nav.main #pan1 ul, #nav.main #pan2 ul, #nav.main #pan3 ul, #nav.main #pan4 ul, #nav.main #pan5 ul, #nav.main #pan6 ul, #nav.main #pan7 ul, #nav.main #pan8 ul
{
width:225px;
background-color:#562042;
background:url("../images/art/subnav-hover.jpg") 0 bottom no-repeat;
}
#nav #pan1 ul li a,#nav #pan2 ul li a,#nav #pan3 ul li a,#nav #pan4 ul li a,#nav #pan5 ul li a,#nav #pan6 ul li a,#nav #pan7 ul li a,#nav #pan8 ul li a
/*overwrite rules above for second level menu*/
{
width:200px;
height:30px;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#f2f2f2;
padding:6px 0 0 25px;
background:url('../images/art/bullet.gif') no-repeat 11px 11px;
}
#nav #pan1 ul li a:hover,#nav #pan2 ul li a:hover,#nav #pan3 ul li a:hover,#nav #pan4 ul li a:hover,#nav #pan5 ul li a:hover,#nav #pan6 ul li a:hover,#nav #pan7 ul li a:hover,#nav #pan8 ul li a:hover
/*overwite rules above for hover states for second level menu*/
{
width:225px;
background:url('../images/art/hover.jpg') no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#f2f2f2;
}

#nav #pan1 ul li li a:hover,#nav #pan2 ul li li a:hover,#nav #pan3 ul li li a:hover,#nav #pan4 ul li li a:hover,#nav #pan5 ul li li a:hover,#nav #pan6 ul li li a:hover,#nav #pan7 ul li li a:hover,#nav #pan8 ul li li a:hover
/*overwite rules above for hover states for second level menu*/
{
width:159px;
background:url('../images/art/submenu-hover.jpg') no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#f2f2f2;
}

#nav #pan1 ul li a.selected,#nav #pan2 ul li a.selected,#nav #pan3 ul li a.selected,#nav #pan4 ul li a.selected,#nav #pan5 ul li a.selected,#nav #pan6 ul li a.selected,#nav #pan7 ul li a.selected,#nav #pan8 ul li a.selected
/*overwite rules above for selected states for second level menu*/
{
width:225px;
background:url('../images/art/hover.jpg') no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#f2f2f2;
}
#nav #pan1 ul li:hover>a,#nav #pan2 ul li:hover>a,#nav #pan3 ul li:hover>a,#nav #pan4 ul li:hover>a,#nav #pan5 ul li:hover>a,#nav #pan6 ul li:hover>a,#nav #pan7 ul li:hover>a,#nav #pan8 ul li:hover>a
{
width:225px;
background:url('../images/art/hover.jpg') no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#f2f2f2;
}
#nav #pan1 ul ul, #nav #pan2 ul ul, #nav #pan3 ul ul, #nav #pan4 ul ul, #nav #pan5 ul ul, #nav #pan6 ul ul, #nav #pan7 ul ul, #nav #pan8 ul ul
{
width:159px;
background:#300027 ;
}
#nav #pan1 ul li li a, #nav #pan2 ul li li a, #nav #pan3 ul li li a, #nav #pan4 ul li li a, #nav #pan5 ul li li a, #nav #pan6 ul li li a, #nav #pan7 ul li li a, #nav #pan8 ul li li a
{
background:none;
color:#f1d4b4;
height:20px;
}
#nav #pan1 ul li li:hover>a, #nav #pan2 ul li li:hover>a, #nav #pan3 ul li li:hover>a, #nav #pan4 ul li li:hover>a, #nav #pan5 ul li li:hover>a, #nav #pan6 ul li li:hover>a, #nav #pan7 ul li li:hover>a, #nav #pan8 ul li li:hover>a
{
background:none;
}
#nav #pan8 ul{left:-160px;}
#nav #pan8:hover>ul
{
left:-130px;
visibility:visible;
}