
/***  DISCIPLES.CSS  ***/

body#gra
	{
	color: #111;
	background: #EFEFEF;
	margin: 0; padding: 0;
	}

body#blu
	{
	color: #111;
	margin: 0; padding: 0;
	background-color: #E4E4FC;
	background-image: url(patch-bike_blu.gif);
	background-repeat: no-repeat;
	background-position: 6 14;
	}

body#wht
	{
	color: #111;
	background-color: #FFF;
	background-image: url(patch-bike_wht.gif);
	background-repeat: no-repeat;
	background-position: 6 14;
	margin: 0; padding: 0;
	}

#wrap	{
	width: 88%;
	margin: 0; padding: 12px 0 0 0;
	border: 0px solid #ff0033;
	}

#container 
	{
	font-family: Arial, Helvetica, sans-serif;
	background: #E4E4FC url(patch-bike_blu.gif) no-repeat;
	border: 1px solid #BBB;
	text-align: center;
	padding: 8px 0;

	/* The box is 640px wide and 460px high
	To get it to centre vertically, it is positioned absolutely 50% from the top
	but it is given a negative top margin that is exactly half of its height, -2400px  
	To get it to centre horizontally, it is positioned 50% from the left 
	and has a negative left margin that is exactly half of its width, -350px  */

	position: absolute;
	top: 50%;
	left: 50%;
	width: 680px;
	height: 460px;
	margin-left: -340px;
	margin-top: -230px;
	}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 32px;
	color: #424277;
	padding-left: 60px;
	}
.tagline {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color:#7879A9;
	}

a:link, a:visited 
	{
	color: #000;
	text-decoration: none;
	}

a:hover 
	{
	color: #0070A6;
	text-decoration: none;
	}
br.br1 {
	line-height: 10px;
	}



/** *****  BEGIN DISCIPLE-SPECIFIC  ***** **/

/* - - - S I D E B A R   S E T U P - - - */

#menu {
	position: absolute;
	top: 170; left: 18;
	width: 160px;
	background-color: #F1F1FE;
	text-align: center;
	margin: 0; 
	padding: 4px 0 8px 0;
	border: 1px solid #BBB;
	}
#menutxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	line-height: 180%;
	color: #000; 
	padding: 0;
	}
#menu a:hover { 
	color: #0070A6;
	}

#menu2 {
	position: absolute;
	top: 170; left: 18;
	width: 140px;
	background-color: #F1F1FE;
	text-align: center;
	margin: 0; 
	padding: 4px 0 8px 0;
	border: 1px solid #BBB;
	}
#menu2txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	line-height: 180%;
	color: #000; 
	padding: 0;
	}
#menu2 a:hover { 
	color: #0070A6;
	}

/* - - - B R I E F   S E T U P - - - */

.brief1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: normal;
	line-height: 135%; 
	text-align: left;
	color: #000;
	}

hr {
	border: 0;
	color: #BBB;  /* IE  */
	background-color: #BBB;  /* Mozilla */
	height: 1px;
	align: center;
	}
hr.hr1 {
	width: 96%;
	}
hr.hr2 {
	width: 50%;
	}

#aboutUsBrief,
#servicesBrief,
#calendarBrief {
	visibility: hidden;
	position: absolute; 
	top: 115; left: 48%;
	width: 280px;

	top: 170; left: 64%;
	width: 200px;

	text-align: left;
	padding: 6px 8px 6px 8px;
	background-color: #F1F1FE;
	border: 1px solid #9F9F9F;
	}

#contactUsBrief {
	visibility: hidden;
	position: absolute;
	top: 170; left: 70%; 
	}
#cell1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}

#contactUsForm {
	visibility: hidden;
	z-index: 1;
	}

.transformInfo {
	visibility: visible;
	}

/* - - - C O N T E X T   S E T U P - - - */

#rightside {
	position: relative;
	width: 60% !important;
	width: 88%;
	height: 68% !important;
	height: 72%;
	text-align: center;
	margin: 10px 0 0 220px; 
	padding: 0;
	border: 0px solid #BBB;
	}
.trdmrk {
	position: absolute;
	bottom: 12 !important; 
	bottom: 0; 
	left: 0;
	font-size: 9px;
	color: #999;
	text-align: left;
	}

#bibverse {
	position: absolute; width: 94%;
	bottom: 0; left: 14;
	margin: 0; padding: 0 0 6px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-size: 13px; 
	line-height: 130%;
	text-align: left;
	color:#222;
	border: 0px solid #BBB;
	}

.bibcite {
	font-family: arial, sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	color:#7879A9;
	}

#biker {
	position: absolute; left: -140; bottom: 8;
	z-index: 1; visibility: visible;
	}

#prayer {
	position:absolute; 
	left: 80% !important; 
	left: 76%;
	bottom: 8;
	z-index: 1; visibility: hidden;
	}


/* ---  M E S S A G E  --- */

#theMessage {
	width: 530px;
	margin: 8px 0 28px 0;
	border: 1px solid #BBB;
	background-color: #F1F1FE;
	text-align: center;
	}

.mainTitle {
	width: 530px;
	font-family: arial, san-serif;
	font-size: 24px; 
	font-weight: bold;
	color: #960000; 
	text-align: center;
	border: 0px solid green;
	}

.mainTitleb {
	width: 530px;
	font-family: arial, san-serif;
	font-size: 18px; 
	font-weight: bold; 
	line-height: 24px;
	color: #960000;  
	text-align: center;
	border: 0px solid green;
	}

.messageStyle1 p,
.messageStyle1 ul,
td.messageStyle1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	margin: 12px 16px;
	text-align: left;
	}

.messageStyle1 ul {
	margin-left: 32px !important;
	margin-left: 54px;
	}
.messageStyle1 ul li {
	padding-left: 6px;
	}

.thequote p {
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #960000;
	margin: 12px 16px;
	text-align: left;
	}

.bibref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	}

#br1 {
	line-height:10px;
	}


/* ---  E V E N T S  (new tags)  --- */

#calwrap {
	position: absolute;
 	top: 40px; left: 24%;
	padding: 2px 12px 12px 12px;
	background-color: #F1F1FE;
	border: 1px solid #999;
	text-align: center;
	margin-bottom: 20px;
	}
#calwrap h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	}

#calendar {
	margin: 0; padding: 0;
	background-color: #FFF;
	border: 1px solid #999;
	border-collapse: collapse;
	}

#toc {
	position: absolute;
	top: 340px; left: 8px;
	width: 160px;
	padding: 0;	margin: 0;
	border: 1px solid #999;
	}

.wheel, .wheel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	color: #FFF;
	background-color: #000;
	}
.wheel a:hover {
	color: #0070A6;
	text-decoration: none;
	}

td.monthyr {
	width: 80px;
	text-align: right;
	valign: top;
	padding: 6px 6px 0 0;
	border-bottom: 1px solid #999;
	}
.monthyr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	}

td.date {
	background-color: #96B6D6;
	padding: 0 6px;
	border-bottom: 1px solid #888;
	text-align: center;
	}
.date {
	width: 60px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	}

td.event {
	width: 100%;
	padding: 4px 0 4px 8px;
	border-bottom: 1px solid #999;
	}
.event, .event a {
	color: #000;
	font-family: Arial;
	font-size: 15px;
	}
.event a {
	border-bottom: 1px solid #BBB;
	text-decoration: none;
	margin-left: 12px;
	}
.event a:hover {
	color: #0070A6;
	border-bottom: 1px solid #0070A6;
	text-decoration: none;
	}


/* ---  E V E N T S  (old tags)  --- */

 .styleOne
 {
 background-color: #000;
 color: #ffffff;
 font-family: Comic Sans MS;
 font-size: 14px;
 }

 .styleTwo
 {
 color: #000000;
 font-family: Comic Sans MS;
 font-size: 16px;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;
 }

/***
 .styleThree
 {
 color: #000000;
 font-family: courier;
 font-size: 16px;
 background-color: yellow;
 }
***/

 .styleFour
 {
 color: #000000;
 font-family: Comic Sans MS;
 font-size: 16px;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;
 background-color: #96B6D6;
 }

 .styleFive
 {
 color: #000000;
 font-family: Arial;
 font-size: 16px;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;
 }

 .styleSix
 {
 color: #000000;
 font-family: Arial;
 font-size: 12px;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;
 }

 .styleSeven
 {
 background-color: #dfdfdf;
 color: #000000;
 font-family: Arial;
 font-size: 12px;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;
 }
