* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; margin: 0 auto; background: #aec750 url(../images/backgroundLarge.jpg) no-repeat; width: 100%; text-align: center;} 
#page-wrap					{ 
width: 820px; margin: 0 auto; background: #6a812c; height: auto; 
	background: #cee381;
position: relative;
/*left : 50%;
margin-left: -400px;*/
} 
a									{ text-decoration: none; }
a:hover { text-decoration: underline;  color: #006600;}
ul									{ list-style: none; }
ol	{padding: 0 0 0 50px;}
p                                   { margin: 15px 0; }
#navBar {
width: 820px;
margin:0 auto;
text-align: left;
/*border: 1px solid #FF0099;*/
}
#maincontent {
width: 820px;
position:relative; z-index:100;
margin:0 auto;
height: auto;
/*border: 2px solid #CC0033;
	border: 1px solid #999900;*/
	background: #cee381;
	display: block;
}
.maincontent {
	/*width: 580px;
	float: right;
	padding: 0 10% 0 190px;
	margin: 0 10% 0 10%;*/
	/*border: 2px solid #999900;*/
}
#leftcontent {
float: left;
width: 67%;
height: auto;
text-align: left;
/*border: 2px solid #FFCC00;*/
margin: 10px 5px 10px 10px;
	display: block;
}
#rightNav {
width:29%;
height: auto;
float:right;
padding: 0px;
/*border: 1px solid #FF9966;*/
text-align:left;
margin: 10px 10px 10px 5px;
	display: block;
}
.rightNav {
	color: #FFFFFF;
	font: bold 14px Arial, Helvetica, sans-serif;
}
a.rightNav:active {
	font-size: 14px;
	color: #FFFFCC;
}
a.rightNav:visited {
	font-size: 14px;
	color: #FFFFCC;
}
a.rightNav:hover {
	font-size: 14px;
	color: #FFCC00;
}
#leftHome {
float: left;
width: 48%;
height: auto;
text-align: left;
/*border: 2px solid #FFCC00;*/
margin: 10px 5px 10px 10px;
	display: block;
}
#rightHome {
width:48%;
height: auto;
float:right;
padding: 0px;
/*border: 1px solid #FF9966;*/
text-align:left;
margin: 10px 10px 10px 5px;
	display: block;
}
#dailyRight {
display: block; width: 235px; height: 35px; background-color: #aec751; text-align: left;margin:0 0 10px 0; padding: 5px 0 0 5px;
}
#weeklyRight {
display: block; width: 235px; height: 35px; background-color: #009900; text-align: left;margin:0 0 10px 0; padding: 5px 0 0 5px;
}
#monthlyRight {
display: block; width: 235px; height: 35px; background-color: #6a812c; text-align: left;margin:0 0 10px 0; padding: 5px 0 0 5px;
}
#fbRight {
	background: #f1ffb9;
	display: block; width: 235px;margin:0 0 10px 0;
}
#topSpacer {
	/*width: 800px;*/
	margin: 10 0 100 180;
	/*background: url(../images/logoTop.png) no-repeat left;*/
	height: 111px;
	width: 270px;	
text-align: left;
}
#topLogo {
position: relative;
z-index: 10;
	}
#container {
	/*width: 800px;
	margin: 0 auto;
	margin: 0 10% 0 10%;*/
	border: thin none green;
text-align: left;
}
.clear { clear: both; }
#header {/*width: 800px; height: 100px; padding-top: 28px;*/ 
background-color: #999900; font-size: 16px; text-align: left; color: #fff; font-weight: bold; display: block; width: 100%;height: 30px; }
#contentArea {
  overflow: auto;
	/*background: maroon url(../images/contentBack.png) repeat-y left;
	border: thin solid orange;*/
}
.navigation {
	width: 180px;
	float: left;
	padding: 10px;
	background: #530d7f;
	height: 100%;
}
#footer { clear: both; /*width: 800px; */ margin: 0px 0 0 0; height: 50px; text-align: center; background-color: #330033; color: #cee381; line-height: 50px;}

#box{
		width: 85px;
	height: 35px;
	background: url(../images/move_files/cloudS.gif) no-repeat;
	left: 0px;
	position: absolute;
	top: 20px;
	z-index: 5;
}


#box2{
	width: 155px;
	height: 45px;
	background: url(../images/move_files/cloudM.gif) no-repeat;
	left: 0px;
	position: absolute;
	top: 50px;
	z-index: 11;
}


#box3{
	width: 225px;
	height: 65px;
	background: url(../images/move_files/cloudL.gif) no-repeat;
	left: 0px;
	position: absolute;
	top: 80px;
	z-index: 12;
}

/* begin new test */

/*.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}*/
.preload1 {background: #000066;}
.preload2 {background: #660099;}

/*#nav {padding:0; margin:0; list-style:none; height:38px; background:#666600 url(../lookAt/images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 12px 0 12px; cursor:pointer;background: url(../lookAt/images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../lookAt/images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../lookAt/images/three_0a.gif) no-repeat right top;}*/

#nav {padding:0; margin:0; list-style:none; height:38px; background:#6a812c; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 12px 0 12px; cursor:pointer;background: #6a812c;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: #6a812c;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../lookAt/images/three_0a.gif) no-repeat right top;}

/*#nav li:hover a.top_link {color:#fff; background: url(../lookAt/images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../lookAt/images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../lookAt/images/three_1a.gif) no-repeat right top;}*/

#nav li:hover a.top_link {color:#fff; background: #490677;}
#nav li:hover a.top_link span {background: #490677;}
#nav li:hover a.top_link span.down {background:#660099;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:105px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(../lookAt/images/arrow.gif) 90px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#6a812c; width:105px;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(../lookAt/images/arrow_over.gif) 90px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:100px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:105px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(../lookAt/images/arrow_over.gif) 90px 6px no-repeat; color:#fff; border-color:#fff; width:100px;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#42560b url(../lookAt/images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 

/* Other styles */
.mainHeader {
	color: #330066;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 0px 0px 7px 0px;
}
a.mainHeader:active, a.secondHeader:active {
	color: #330066;
}
a.mainHeader:visited, a.secondHeader:visited {
	color: #330066;
}
a.mainHeader:hover, a.secondHeader:hover {
	color: #990000;
}
.secondHeader {
	color: #330066;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 0px;
}

/* growth groups rows */
#formRowTitleHead {
	width: 500px;
	color: #000000;
	background-color: #fdfcab;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.formRowTitleHead {
	width: 520px;
	color: #000000;
	background-color: #fdfcab;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 5px 5px 5px;
}
#formRowBox {
	width: 525px;
	background-color: #FCFC81;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	color: #000000;
	text-align: center;
	border: thin solid #006600;
}
.formRowBox {
	width: 525px;
	background-color: #FCFC81;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	color: #000000;
	text-align: center;
	border: thin solid #006600;
}
.formRow {
	width: 525px;
	height: 30px;
	display: block;
	background-color: #fdfcab;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: left;
	/*border: thin solid #006699;*/
}
.formRowOff {
	width: 525px;
	height: auto;
	display: block;
	background-color: #ddf38a;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: left;
		/*border: thin solid #FF3366;*/
}
.formTitle {
	width: 200px;
	height: auto;
	text-align: right;
	padding: 0px 0px 0px 0px;
		/*border: thin solid #FF6633;*/
	float: left;
	align: middle;
}

#formTitleHead {
	/*padding: 5px 5px 5px 5px;*/
	width: 525px;
	float: left;
	border: thin solid #006600;
}
/*#formTitleHead {
	width: 200px;
	height: 29px;
	text-align: right;
	padding: 0px 50px 0px 10px;
	font: 14px bold Arial, Helvetica, sans-serif;
	float: left;
	align: middle;
}*/

.formTitleHead {
	width: 200px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
		/*border: thin solid #FF6633;*/
	float: left;
	align: middle;
}
.formField {
	width: 380px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #006600;
	text-decoration: none;
		/*border: thin solid #CC9900;*/
	float: right;
}
.formFieldHead {
	width: 380px;
	padding: 0px 0px 0px 150px;
	text-align: left;
	font-weight: bold;
		/*border: thin solid #CC9900;
	float: right;*/
}
.fieldSpace {
	height: 0px;
	width: 250px;
}

select option {
	color: #000066;
}
#schedule,#goToSchedtoggle {
background: #FDE8D9;
width: 100%;
}
#schedule {
	padding: 5 5 5 5;
	border: thin solid #CCCCCC;
}
#evenRow {
background: #fdfcab;
padding: 2px 5px 2px 5px;
width: 350px;
}
#oddRow {
background: #ddf38a;
padding: 2px 5px 2px 5px;
width: 350px;
}
/* Added for div rows */
#spacer {
width: 250px;
height: 25px;
}
.swWrapper {
	width: 250px;
	border: thin solid #666666;
	} 
.swWrapper2 {
	width: 250px;
	border: thin solid #666666;
	} 
#swEvenRow {
	width: 250px;
	height: 20px;
	background-color: #ddf38a;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
#swOddRow {
	width: 250px;
	height: 20px;
	background-color: #fdfcab;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
.swRow {
	width: 250px;
	height: 20px;
	background-color: #ddf38a;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
.swRow1 {
	width: 250px;
	height: 20px;
	background-color: #fdfcab;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
#swLongRow {
	width: 246px;
	height: 30px;
	background-color: #fdfcab;
	font: 12px bold Arial, Helvetica, sans-serif;
	padding: 0px 2px 0px 2px;
	color: #000000;
	text-align: center;
	/*border: thin solid #000000;*/
}
.swTitleRow {
	width: 250px;
	background-color: #ecec6a;
	font: 12px bold Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
	/*border: thin solid #000000;*/
}
#Row0 {
height: 33px;
font-weight: bold;
}

#LstRow0 {
font-weight: normal;
}
.swTitle {
	width: 110px;
	text-align: right;
	padding: 2px 5px 2px 0px;
	color: #000000;
		/*border-bottom: thin solid #FF6633;*/
	float: left;
	align: middle;
}
.swField {
	width: 125px;
	padding: 2px 0px 2px 0px;
	text-align: left;
		/*border: thin solid #CC9900;*/
	float: right;
}
.fieldSpace {
	height: 0px;
}
.swClassWrapper {
width: 255px;
border: thin solid #666666;
}
.swClassRow, .swClassRowTall, .swClassRowXTall  {
	width: 255px;
	height: 45px;
	background-color: #ddf38a;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
.swClassRow1, .swClassRow1Tall, .swClassRow1XTall  {
	width: 255px;
	height: 45px;
	background-color: #fdfcab;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #42560b;
	text-align: left;
	/*border: thin solid #000000;*/
}
.swClassRowTall, .swClassRow1Tall {
	height: 65px;
}
.swClassRowXTall, .swClassRow1XTall {
	height: 85px;
}
#swClassLongRow {
	width: 251px;
	height: 30px;
	background-color: #ddf38a;
	font: 12px bold Arial, Helvetica, sans-serif;
	padding: 0px 2px 0px 2px;
	color: #000000;
	text-align: center;
	/*border: thin solid #000000;*/
}
.swClassTitleRow {
	width: 255px;
	background-color: #fdfcab;
	font: 14px bold Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
	/*border: thin solid #000000;*/
}
.swClassTitleRowGrn {
	width: 255px;
	background-color: #ddf38aa;
	font: 14px bold Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
}
.swClassField {
	width: 135px;
	padding: 2px 0px 2px 0px;
	text-align: left;
		/*border: thin solid #CC9900;*/
	float: right;
}
#swDates {
width: 110px;
_width: 100px;
float: left;
/*border: thin solid #663366;*/
}
#swSched {
float: right;
padding: 0px 150px 0px 0px;
_padding: 0px 100px 0px 0px;
}
select option {
	color: #000066;
}
.sermonList {
	padding: 0px 10px 0px 10px;	
}
#myContent {
	width: 100%;
}
#ldrNav {
	float: left;
	/*
	margin-right: 10px;border: thin solid #FF6633;*/
}
#ldrContent {
	float: right;
	width: 70%;
	/*
	margin-left: 10px;border: thin solid #6633CC;*/
}
#ldrTst {
	width: 250px;
	height: 350px;
	float: left;
}
#ldrTst a {
	font: bold 12px Arial, Helvetica, sans-serif;
}
#ldrTst a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006600;
}
#eldrTst {
	/*width: 180px;
	position:absolute;bottom:100;*/
	width: 40%;
	float: left;
}
#eldrContent {
	float: right;
	text-align: left;
	width: 53%;
	/*
	margin-left: 10px;border: thin solid #6633CC;*/
}

/* Quote stuff */

.quoteArea {
	background-color: #fdfcab;
	padding: 10px 10px 10px 10px;
	font: 12px Arial, Helvetica, sans-serif;
}
.quoteAreaBld {
	background-color: #fdfcab;
	padding: 10px 10px 10px 10px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.quoter {
	font: italic bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0px 50px 0px 0px;
}
.quoterPlain {
	font: italic 12px Arial, Helvetica, sans-serif;
	text-align: left;
}
.letter1 {
width:800px; 	
	}
/* specific divs */
#announcement {
	padding: 0px 175px 0px 35px;  
	margin: 0px;
}

.rowWhite {
	background-color:#ddf38a;
}

.spkr {
	font: 11px bold Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 10px;
}

.spkrDt {
	font: 12px oblique bolder "Times New Roman", Times, serif;
	color: #000000;
	padding-left: 20px;
}

a.mpList, a.mpList:hover, a.mpList:visited, a.mpList.active {
	font: 14px bolder Arial, Helvetica, sans-serif;
	color: #42560b;
	text-decoration: none;
}
a.mpList:hover {
	color: #9900CC;
	text-decoration: underline;
}

a.mpListDwn, a.mpListDwn:hover, a.mpListDwn:visited, a.mpListDwn.active {
	font: 14px bold Arial, Helvetica, sans-serif;
	color: #42560b;
	text-decoration: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
a.mpListDwn:hover {
	color: #9900CC;
	text-decoration: underline;
}
#topSermon, #youthSermon{
padding: 0 0 0 20px;
}
dl dd {
	margin: 0px 0px 0px 20px;
}
#leftContentArea {
	width: 205px;
	background: #FFFFFF;
	float: left;
}
#rightContentArea {
	width: 300px;
	background: #FFFFFF;
	float: right;
	/*border: thin solid #0033CC;*/
}
#leftContentAreaLrg {
	width: 230px;
	float: left;
}

#formContentArea {
	width: 275px;
	/*background-color: #FCFC81;*/
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 0px;
	color: #000000;
	text-align: right;
	/*border: thin solid #006600;*/
}

#formContentTitleHead {
	padding: 3px;
	width: 275px;
	background: orange;
	/*border: thin solid #006600;*/
	font: bold 14px Arial, Helvetica, sans-serif;
}
#formCntntRowTitleHead {
	width: 200px;
	color: #000000;
	background-color: #fdfcab;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.firstcharacter { 
	float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }
.formCntFieldHead {
	width: 200px;
	padding: 3px 0px 0px 30px;
	text-align: left;
	font-weight: bold;
		/*border: thin solid #CC9900;
	float: right;*/
}
.formCntRowHd, .formCntRow {
	width: 280px;
	height: auto;
	display: block;
	/*background-color: #fdfcab;*/
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: left;
	/*border: thin solid #006699;*/
}
.formCntRow {
	width: 300px;
	background-color: #fdfcab;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.formCntRowOff {
	width: 300px;
	height: auto;
	display: block;
	background-color: #ddf38a;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: left;
		/*border: thin solid #FF3366;*/
}
.boldBlk {
	background-color: black;
	font: bold 18px "Arial" , serif;
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 10px 10px;
	width: 150px;	
	height: 20px;
	color: white;	
}
.boldRed {
	background-color: white;	
	font: bold 18px "Arial" , serif; 
	padding: 5px 5px 5px 5px ;
	margin: 50px 2px 2px 20px;	
	color: red;
	width: 150px;
	height: 20px;
}
.rightFloat {
	width: 150px;	
	height: 60px;
	float: right;background-color: #d9d284;
	padding: 5px 5px 5px 5px;
}
.leftFloat {
	width: 160px;	
	height: 60px;
	float: left;	
} 
.announcementCenter {
	text-align: center;
	width: 100%;
	height: 40px;	
	clear: both;
	padding: 5px 5px 5px 5px;	
}
#youthSermon {
text-align: right;
padding:0px 0px 10px 0px;

}