/*******************************************************************************
 
 CSS Page for rejoicingwithjoyce.org 
 
*******************************************************************************/
/***** Basic Page Elements *****/
/******************************************************************************/
body
{
	background-color:#1b3103;
	margin:0;
	font-family: arial, helvetica, sans-serif;
}
a
{
	text-decoration:none;
	color:#555;
}
a img	{outline:none; border:none;}
p		{font-size:16px;}
/******************************************************************************/
/***** Classes *****/
/******************************************************************************/
.clearer
{
	height:1%; 
	overflow:hidden; 
	clear:both; 
	margin-top:-1px;
}
.center {text-align:center;}
.spacer
{
	width:100%;
	height:25px;
}

.header
{
	font-size:20px;
	text-align:center;
}

.verse
{
	width:160px;
	color:#142a00;
	padding:10px;
	float:left;
}

.main
{
	width:600px;
	padding:10px;
	float:left;
	color:#142a00;
}

.rtimg
{
	float:right;
	width:180px;
	padding:0 0 5px 5px;
}
.leftimg
{
	float:left;
	width:180px;
	padding:0 5px 5px 0;
}
.adminlink a
{
	color:#142a00;
	cursor:text;
}

/******************************************************************************/
/***** ID's *****/
/******************************************************************************/
#main
{
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	background:url(../images/main/main_back.jpg);
}

#header 			{width:800px;}
#header div.links	{padding:0 10px;}

#header a#contact,
#header a#about,
#header a#links,
#header a#bio,
#header a#beliefs
{
	position:absolute;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	top:162px;
}

#header a#contact	{right:205px;}
#header a#about	 	{right:160px;}
#header a#links		{right:118px;}
#header a#bio		{right:90px;}
#header a#beliefs	{right:15px;}

#headerimg	{width:100%;}

#verse
{
	font-size:12pt;
	text-align:left;
	margin:0;
	line-height:1.3em;
}
.verse div div
{
	color:#680513;
	font-size:10pt;
	margin-bottom:8px;	
}

#ref
{
	text-align:right;
	font-size:12pt;
}

#footer
{
	width:780px;
	height:29px;
	line-height:29px;
	background-image:url(../images/menu/menu_back.jpg);
	background-repeat:repeat-x;
	padding:0px 10px 0px 10px;
	color:#142a00;
	font-size:10pt;
	text-align:center;
	letter-spacing:2px;
}
/******************************************************************************/
/***** Menu *****/	/***** This is a vertical menu *****/
/******************************************************************************/
#menu-cont
{
	width:800px;
	background-image:url(../images/menu/menu_back.jpg);
	background-repeat:repeat-x;
	height:29px;
	clear:both;
}

#menu
{
	width:100%;
	float:left;
}

#menu a
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	display:block;
	line-height:29px;
	white-space:nowrap;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../images/menu/menu_back.jpg);
	background-repeat:repeat-x;
	color:#142a00;
}

#menu a:hover, #menu a#current
{
	color: #a8c159;
	background-image:url(../images/menu/highlight_back.jpg);
	background-repeat:repeat-x;
}

#menu ul
{
	height:29px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#menu li
{
	position:relative;
}

#menu ul ul
{
	position:absolute;
	left:0;
	top:100%;
	display:none;
}

/***** This code prevents sub sub-menus from showing at inappropriate times *****/
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{
	display:none;
}

/***** This code allows sub sub-menus to be seen when their parent is touched *****/
div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{
	display:block;
	z-index:10000;
}

/******************************************************************************/