@import url(dropmenu.css);

/*_______________GENERAL SETUP________________*/
body {
	background-position: top;
	font-size: 76%;
	font-family: Tahoma, Arial, sans-serif;
	background: url('../images/v6bg.jpg') repeat-x fixed 50%
top;
	margin: 0;
	line-height: 130%;
	background-color: #2B7686;
}
html { height:100.1% }
a { color:#0A77AA }
a:hover { color:#0A5172 }
a img, :link img, :visited img { border:0; outline:none; }

/*___________________MAIN LAYOUT________________*/
#assisi{
	margin: 10px;
	border: thin solid #000000;
	width: 325px;
	float: left;
	padding: 5px;
}
#wrapper { width:920px; margin: 15px auto 0 auto }
#logo {width:615px; height:116px; float:left; position:relative; margin:0;}
#header {margin: 2px 15px 0 0; float: right; font-size: 0.9em; color: #fff;}
#header a { color:#F0EBD2; text-decoration:none }
#banner { width:920px; background:#000; margin:0; padding:0 0 5px 0; overflow:hidden }
#bannerHonor {
	background-color: #FFFFFF;
	text-align: center;
	width: auto;
	padding: 5px;
}
#randomBanner {
	float: left;
	position: relative;
	width: 625px;
	height: 220px;
	display: block !important;
	display: inline;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 20px;
}
#serviceTimes {
	width: 230px;
	background: url("../images/services.gif") no-repeat;
	color: #fff;
	float: right;
	position: relative;
	margin: 0px 20px 0px 0;
	height: 222px;
	display: inline;
	line-height: 1.1em;
}
#serviceTimes a { color:#fff }
#serviceTimes div  {
	height: 170px;
	width: 85%;
	overflow: auto;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 25px;
}
#staffRight {width:256px; float:right; padding:15px;}
#staffLeft {width:256px; float:left; padding:15px;}
#navBar { background:#000 url("../images/nav-bar.gif") left no-repeat; height:40px; width:920px; border-bottom:1px solid #000 }
#mainBg { background:url("../images/main-bg.gif") repeat-y; border-bottom:1px solid #000; width:920px; margin:0 } 
#mainBg:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#mainBg { display:inline-block } /* Hide from IE Mac \*/
#mainBg { display:block } /* End hide from IE Mac */
* html #mainBg { height:1px } /*for IE6 and down*/
#homeLeft { width:670px; float:left; margin:0 !important; margin:0 0 -16px 0 }
#mainLeft { width:640px; float:left; padding:15px }
#mainFull { width:890px; background:#fff; padding:15px;  }
#mainHonor{background-image: url('../ministries/images/flagB.jpg');	background-color: #FFFFFF;}
#mainContent { padding:0; margin:15px auto; width:95% }
#rightColumn { width:250px; float:right; background:#000; color:#fff; overflow:visible; margin:0; padding:0; clear:right }
#rightColumn:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#rightColumn { display:inline-block } /* Hide from IE Mac \*/
#rightColumn { display:block } /* End hide from IE Mac */
* html #rightColumn { height:1px } /*for IE6 and down*/
rightColumn div { width:230px }
#footer {
	background-position: left top;
	width: 920px;
	height: 56px;
	margin: 0 auto 0px auto;
	background-color: #000000;
	background-repeat: no-repeat;
	background-image: url('../images/nav-bar.jpg');
}
#footer .text {	padding: 20px 15px 0 15px;
	font-size: 0.9em;
	color: #fff;
	text-align: center;}
#footer .text a { color:#F0EBD2  }

/* RIGHT COLUMN MENU */
#sideMenu  { width:auto; margin:0; padding:0; list-style:none }
#sideMenu a { text-decoration:none;
	cursor:pointer; 
	color:#fff; 
	margin-bottom:1px;
	display:block;
	padding:0;
	background:url("../images/menu-list.gif") no-repeat 0 5px; 
	padding-left:10px; 
	clear:right}
#sideMenu a:hover { text-decoration:underline }	

/*______________HOME PAGE STYLES____________*/

/* Welcome Banner */
#welcome { background:url("../images/welcome.jpg") no-repeat; padding:0; margin:0; width:670px; height:115px; float:left; color:#fff; font-size:1.2em }
#welcome a { color:#fff }
#welcome div { height:90px; width:90%; overflow:auto; color:#fff; padding:0 10px 0 0; margin:55px 0 0 25px }
/* Newcomers Banner */
#newcomers { padding:0; margin:0; width:220px; float:left; height:157px }
/* Events Banner */
#calendar { padding:0; margin:0; width:225px; float:left; height:157px }
/* Connect Banner */
#connect { padding:0; margin:0; width:225px; float:left; height:157px }

/*_______________END HOME PAGE STYLES_________________ */


/* RIGHT COLUMN STYLES */

/* Black */
.black { background:#000; color:#fff; margin:0 auto 1px auto; padding:15px }
.black .upcoming_events {
	height: 215px;
	overflow: auto;
	padding-right: 10px;
}
.black h3 { margin-bottom:10px; font-weight:normal }
.black a { color:#F2F0B6 }
/* Grey */
.grey { margin:0 auto 1px auto; padding:15px; background:#000 url("../images/module-bg.gif") left repeat-y; color:#fff }
.grey a { color:#DFD87A }
.grey h3 { margin-bottom:10px; font-weight:normal }
/* Green */
.green { margin:0 auto 1px auto; padding:15px; background:#000 url("../images/mod-green-bg.gif") left repeat-y; color:#fff }
.green a { color:#DFD87A }
.green h3 { margin-bottom:10px; font-weight:normal }

/* END RIGHT COLUMN STYLES */

/*________________GENERAL STYLES_________________*/

.article_separator { background:url("../images/article-div.gif") repeat-x center; display:block; height:6px; width:97%; margin:10px auto }
.audio li { background:url("../images/list.gif") left no-repeat; padding:0 0 0 12px; list-style:none }
.audio ul { list-style:none; margin:0; padding:0 }
.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#342618; font-size:0.9em; background:url("../images/button.png") no-repeat }
.center1 {
	text-align: center;
	color: #000000;
	margin-right: 10px;
}
.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.date { color:#9BBB93; font-weight:bold }
.img {  border:3px double #ccc }
.imgLeft { float:left; position:relative; border:3px double #ccc }
.imgRight { float:right; position:relative; border:3px double #ccc  }
.inputbox { border:1px solid #ccc; width:auto }
.left { float:left; position:relative }
.search .inputbox { background:#fff; border:1px solid #000; color:#333; display:block !important; display:inline; width:180px; height:13px; padding:2px 9px; margin:8px 20px 0 0; float:right; position:relative; font-size:0.9em}
.small { font-size:0.9em; padding:2px 0; color:#236C8C }
.spacer	{ height:10px }
.right { float:right; position:relative}
a.readon { color:#fff; background:url("../images/read.gif") no-repeat; display:block; width:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
a.readon:hover { color:#fff; background:url("../images/read-h.gif") no-repeat } 
h1 { font-size:1.3em }
h2 { font-size:1.2em; border-bottom:1px dotted #0B4853; border-top:1px dotted #0B4853; padding:3px 0 }
h3 { font-size:1.2em; margin:0; padding:0 }
h4 { font-size:1.1em }
hr { height:1px; color:#D1C0A0 }






.center2 {
	color: #FFFFFF;
	text-align: center;
	margin-right: 10px;
}