﻿*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

body 
{
	background:url(images/bg.gif) top repeat-x;
	background-color:#d3cdad;
}

#wrapper{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	border:solid white 0px;
}

.headingImg
{
	margin-top:6px;
	margin-left:6px;
}

img
{
 border:0;	
}

#logo
{
	background:url(images/logo.gif) top left no-repeat;
	width:752px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}

#logo h1
{
	position:absolute;
	left:-3000px;
}


#navigation {
		margin-left:114px;
		width:750px;
		font: 12px/20px Arial;
		color: #dddddd;
		height:30px;
		}

#navigation ul {
		list-style-type: none;
		
		}

#navigation a {
		color: #dddddd;
		}

#dmenu li {
		list-style:none;
		float:left;
		margin: 0;
		padding: 0 0 0 5px;
		}

#dmenu li a {
		display:block;
		color:#eeeeee;
		text-decoration:none;
		padding:4px 8px 4px 2px;
		}

body #wrapper #dmenu ul li a {
		text-transform: none;
		width:150px;
		}

#dmenu li a:hover {
		text-decoration: none;
		color:#fc8a00;
		}

#dmenu ul li {
		float:none;
		padding: 0;
		margin:0;
		}

#dmenu ul {
		text-align: left;
		background: url(images/Black-trans.png) repeat;
		display: none;
		position: absolute;
		}
		
#dmenu .smallerText {

		font-weight: bold;
		text-transform: none;
		padding-left: 3px;
		background: #333333;

		}

#dmenu ul li a {
		color: #dddddd;
		padding: 4px;
		}

#dmenu li:hover ul {
		display: block;
		z-index:15;
		}

#heading{
	width:100%;
	background:url(images/content_top.gif) top no-repeat;
	border:solid orange 0px;
	margin-left:auto;
	margin-right:auto;
}
#heading h2{
	color:#FFFFFF;
	font-size:24pt;
	font-weight:normal;
	padding:20px 0 0 0;
	margin-left:114px;
	border:solid red 0px;
}
h3
{
	padding:15px 0 0 0;
	margin-left:15px;
	font-size:123.1%;
	color:#6e0000;
}
h4
{
	margin-left:15px;
	padding:15px 0 15px 0;
	font-size:116%;
	
}
#contentRegion
{
	margin-top:4px;
	border:solid blue 0px;
	width:752px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/content_bg.gif) top no-repeat;
}

#content
{
	width:540px;
	border:solid red 0px;
	float:left;
	position:relative;
}

#flash-container
{
    padding-top:2px;
	padding-left:6px;
}

#content p
{
	margin-left: 10px;
	padding:5px;
}

#right_col
{
	border:solid red 0px;
	width:195px;
	padding-right:6px;
	float:right;
}

.playBtn
{
	cursor:pointer;
	float:right;
	padding:4px;
}

.play
{
    text-decoration:none;
    border:solid #666666 1px;
    background:#333333;
    color:#ffffff;
    padding:1px 4px;
    font-size:11px;
    display:inline;
}

.stop
{
    text-decoration:none;
    border:solid #666666 1px;
    background:#ff0000;
    color:#ffffff;
    padding:1px 4px;
    font-size:11px;
}

#archives
{
    background:#000000;
    text-align:center;
    padding:4px 0 4px 0;
    color:#ffffff;
}

#archives a
{
    color:#ffffff;
    text-decoration:none;
}
#archives a:hover
{
    text-decoration:underline;
}

.play:hover
{
    background:#666666;
    color:#ffffff;
    padding:2px 4px;
    font-size:11px;
}

#sermonList ul
{
    margin:8px 0 0 0;
}

#sermonList ul li
{
    padding:8px 0 8px 0;
    border-bottom:solid #cccccc 1px;
    list-style:none;
}
#msgLabel
{
    float:right;
    background:#ffffff;
    border:solid #999999 2px;
    z-index:50;
    position:absolute;
    top:10px;
    left:510px;
    padding:2px;
}
#player
{
    width:195px;
    height:0px;
    position:absolute;
    z-index:5;
    top:60px;
    left:-4px;
    border:solid #333333 1px;
    background-color:#000000;
    color:#ffffff;
    padding:2px;
    display:none;
}
.external{color:#000000; font-size:0px; padding:0px 0 4px 0; display:block; margin-top:4px;}
.close
{
    display:block;
    border:solid #ffffff 1px;
    background-color:#333333;
    text-indent:2px;
    font-size:12px;
    color:#ffffff;
    width:194px; clear:right;
    cursor:pointer;
    text-align:left;
    text-decoration:none;
    float:right;
}
#sermonSeries
{
    position:relative;   
}
.divider
{
	padding:1px;
	width:95%;
	height:2px;
}
.rColumnItems
{
	border:solid #787457 1px;
	margin-bottom:15px;
}

.sermonList
{
	width:100%;	
}

.widgetHeader
{
	float:left;	
	padding:2px;
	font-weight:bold;
	color:#918d70;
	width:100%;
	border:solid #eeeeee 0px;
	font-size:85%;
	word-spacing:0.02em;
}

.widgetDate
{
	float:left;	
	padding:0 2px 0 2px;
	color:#7f7f7f;
	font-size:77%;
	border:solid red 0px;
}

#footer
{
	background:url(images/footer.gif) top no-repeat;
	height:24px;
	width:100%;
	padding-top:4px;
	text-align:left;
	border:solid red 0px;
	float:left;
	color:#ffffff;
}
#footer span
{
    margin-left:130px;
    font-size:85%;
}
#footer a
{
	color:#d3cdad;
}

#main_btn_row
{
	margin-left:6px;
	margin-top:65px;
	padding-bottom:10px;
	background:url(images/btn_panel.gif) no-repeat;
	width:529px;
	height:135px;
	text-align:center;
}

#main_btn_row img
{
	border:0;
	padding:10px;	
}

#frm_container
{
	padding-top:15px;
	text-align:center;
    border:solid red 0px;
}

#frm_container div{
	text-align:left;
	display:block;
	margin:2px;
	border:solid red 0px;
}

#frm_container div span{
	width: 40%;
	float: left;
	clear: both;
	margin: .3em 2% 0 0;
	padding:4px;
	line-height: 120%;
	position: relative;
	text-align: right;
	display: block;	border:solid red 0px;
}

#frm_container div input{
	display: inline; float: left;
	margin:4px;
}

em{
	color:#FF0000;	
}

.error, .error ul
{
	color:Red;
	margin-left: 40px;
}

.calendar
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}


.calendar td
{	
	padding:0px;
	font-size:10px;
}


.calendar td a
{

	font-size:10px;
	text-decoration:none;
}

.calDay
{
	background-color:#ffffff;
}

.calDay a
{
	padding:2px;	
}

.calEvent
{
	position:relative;
	display:block;
	background-color:#d3cdad;
	border-top:#666666;
}

.details
{
	display:block;
	background-color:#eeeeee;
	border:solid #999999 1px;
	padding:2px;
	position:absolute;
	top:0px;
	left:70px;
	width:150px;
}

.calEvent a, .link
{
	text-decoration:none;
	display:block;
	background:#acceff url(images/calendar_bg.gif) top left no-repeat;
	color:#0867f6;
	padding:2px 0 2px 0;
	border:solid red 0px;
	width:74px;
}

.selectedDay
{
	background-color:#acceff;
	
}

.clear{	clear:both;}

.calendar .calTitle td
{
	background:#333333 url(images/cal_header_bg.gif) repeat-x;
	font-size:14px;
	padding:4px;
	color:#eeeeee;
}

.calendar .calTitle td a
{
	font-size:14px;
	color:#eeeeee;
	width:20px;
	height:19px;
	display:block;
}

.calEvent img
{
	float:right;
	display:block;
	/*border-left:solid #0867f6 1px;
	border-bottom:solid #0867f6 1px;*/
}

.openForm
{
	cursor:pointer;
	padding:4px 0 6px 4px;
	color:Red;
	text-decoration:none;
}

#invite
{
	position:relative;	
}

#inviteForm
{
	display:none;
	position:absolute;
	width:200px;
	background-color:#ffffff;
	border:solid black 1px;
	padding:4px;
	left:-205px;
	top:-50px;
	z-index: 100;
}

.inviteFrm_lbl
{
	padding:0px 0 0px 4px;
	font-size:10px;
	float:left;
}

.inviteFrm
{
	margin:0px 4px 0px 4px;
	font-size:10px;
	width:100px;
	float:right;
}
.inviteFrmBtns
{
	margin:10px 0 4px 2px;
	float:left;
}

#cancel
{
	margin:8px 0 4px 2px;
	float:right;
	cursor:pointer;
}

#map
{
	float:right;
	width:328px;
	border:solid red 0px;
}

.serviceHeading
{
	font-weight:bold;
	color:#918d70;
	font-size:123.1%;
	text-align:center;
	padding-top:4px;
}

.services
{
	padding:8px 0px 8px 0px;
	text-align:center;
}

.services p
{
	font-size:85%;
}

.alignright{float:right; margin-left: 10px;}
.alignleft{float:left; margin-right: 10px;}

/*-------------- Rotator -------------------------*/
.highlight{border:solid #eeeeee 2px;}
.cross-link{padding:0; margin:0; border:solid green 0px;}
#content #rotator{position:relative; width:533px; height:310px; border:dashed red 0px; padding-top:2px; padding-left:6px;}
#content #rotator div{width:533px; height:310px; margin-left:auto; margin-right:auto; margin-bottom:0; border:solid red 0px; position:relative; }
#content #rotator div li{list-style:none; position:absolute; border:solid red 0px; top:0px; left:0px; margin:0; padding:0;}
#content #rotator div li p{position:absolute; display:block; border:solid red 0px; top:270px; left:0; width:525px; margin:0; padding:0px 4px 4px 4px; height:40px; line-height:20px; color:#eeeeee; background:#000000;}
#content #rotator div li p a{color:#d1ed5e; margin:0; padding:0; background:none;}
#content #rotator div li img{border:solid blue 0px; margin:0; padding:0;}
#content #rotator_menu{padding:5px 0 5px 0; display:block; z-index:5; border:solid red 0px; width:533px; background-color:#000000; margin-left:auto; margin-right:auto; position:relative;}
#content #rotator_menu li{position:relative; list-style:none; display:inline; margin:4px; padding:0;}