/*  layout information */
body{
	color: #333;
	margin: 0;
}
#header {
	font-family: arial;
	background-color: #ececec;
}
#top {
	background-image: url('http://www.mobileprayers.org/robert/blackwhite.jpg');
	background-repeat: no-repeat;
	height: 75px;
	border-bottom: 1px solid #D6D6D6;
}
#top h1 {
	display: none;
}
#top-menu {
	position: relative;
	top: 57px;
	margin-right: 5px;
	float: right;
	font-size: 12px;
}
a{
	color: #333;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
#nav a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5{
	font-family: arial;
	margin-bottom: 10px;
}
h2 {
	font-size: medium;
	margin-top: 5px;
}
h3 {
	font-size: small;
}
#container{
	width: 780px;
	margin: 0 auto;
}
#photo{
	height: 104px;
}
#content, #footer{
	padding: 10px 20px;
}
.nowrap{
	clear: both;
}

/* Column organization */
#content .column {
	float: right;
	margin: 10px;
}
/* the following is for a 3-column layout */
#content #mid {
	width: 180px;
}
#content #right{
	width: 141px;
}
/* the following is for a 2-column layout */
#content #right2 {
	width: 320px;
}

ul li {
	list-style-type: none;
}
.image-wrap-right {
	float: right;
	margin-left: 10px;
}
.image-wrap-left {
	float: left;
	margin-right: 10px;
}

.show-border{
	width:100%; 
	font-family: arial;
	border-collapse: collapse;
}
.show-border th {
	width: 50%;
}
.show-border td {
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
}

/* Menu layout */

.webfx-menu, .webfx-menu * {
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden; 
	width:				auto;
	padding:			1px;
	background:			#fff;
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4) alpha(Opacity=90);
	-moz-opacity:		0.9;
	opacity:			0.9;
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid #fff;	
	padding:			2px 5px 2px 5px;
	color:				black;
}

.webfx-menu a {
	display:			block;
	overflow:			visible;		
	padding:			2px 5px 2px 5px;
	text-decoration:	none;
	vertical-align:		center;
	color:				#333;
	border:				1px solid #fff;
	font-family: arial;
	font-size: 12px;
}	
.webfx-menu a:hover {
	color:			black;
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;	
	margin-top:		4px;
}
.webfx-menu a img {
	border: 0;
	margin-right: 5px;
}
/* separtor */
.webfx-menu div {
	height:			0;
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	font-weight: bold;
	padding:		2px;
	font-family:	arial;
	font-size:		12px;
	background-color: #fff;
	color: #333;
	text-align: center;
	margin-top: 0;
}

.webfx-menu-bar a:link,
.webfx-menu-bar a:visited {
	padding:			1px 10px;
	text-decoration:	none;
	text-transform: uppercase;
}

/*
.webfx-menu-bar a:hover {
	color:			#333;
}
*/
.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
}

/* COLORS - Black and White by default! */
#container{
	background-color: #f3f3f3;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}
#header{
	background-color: #ebebeb;
}

h1, h2, h3, h4, h5{
	color: #4c4c4c;
}

#footer{
	padding-top: 10px;
	font-family: arial;
	font-size: 12px;
	border-bottom: 1px solid #d6d6d6;
	color: #444;
}
#footer .right {
	float: right;
}
#footer table {
	width: 100%;
}
#footer a, #footer a:hover {
	color: #444;
}

/* MENU COLORS */
.webfx-menu-bar {
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
}
.webfx-menu-bar a{
	color: #4c4c4c;
}

.webfx-menu {
	border:	solid 1px #727272;
}
.webfx-menu a:hover {
	color: #4c4c4c;
	background-color: #f4f4f4;
	border:	1px solid #bbbbbb;
}