DIV#HtmlContentOuter 
{
	text-align: left;
	z-index: -1;
}
DIV#HtmlContentInner 
{
	width: 800px; 
	height: 515px;
	background: white; 
	/* border: solid 1 black; */
	z-index: -1;
}
DIV#Menu
{
	background: transparent; 
	position: absolute;
	top: 8px;
	left: 15px;
	z-index: 10;
}
DIV.SubMenuOurChurch
{
	background: transparent;
	position: absolute;
	top: 28px;
	left: 72px;
	z-index: 10;
}
DIV.SubMenuAboutUs
{
	background: transparent;
	position: absolute;
	top: 28px;
	left: 243px;
	z-index: 10;
}
DIV.SubMenuContactUs
{
	background: transparent; 
	position: absolute;
	top: 28px;
	left: 487px;
	z-index: 10;
}
DIV#Logo
{
	background: white; 
	position: absolute;
	top: 90px;
	left: 420px;
	z-index: 0;
}
DIV#Copyright
{
	background: white; 
	position: absolute;
	top: 490px;
	left: 500px;
	z-index: 0;
}
DIV#ColouredBar
{
	background: transparent; 
	position: absolute;
	top: 165px;
	left: 300px;
	z-index: 0;
}
DIV#Flash
{
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 0;
}
DIV#TopOfCross
{
	position:absolute;
	top:53px;
	left:0px;
	width:129px;
	height:70px;
	z-index:0;
}
DIV#LoginBox
{
	background: white; 
	position: absolute;
	top: 250px;
	left: 430px;
	overflow: hidden;
	z-index: 1;
}
DIV#MaroonSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #B21B6C;
	border-left: 1px solid #B21B6C;
	z-index: 2;
}
DIV#MaroonSurroundBottom
{
	width: 290px;
	height: 190px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #B21B6C;
	border-right: 1px solid #B21B6C;
	z-index: 1;
}
DIV#PurpleSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom:  1px solid #821789;
	border-left:  1px solid #821789;
	z-index: 2;
}
DIV#PurpleSurroundBottom
{
	width: 290px;
	height: 200px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #821789;
	border-right: 1px solid #821789;
	z-index: 1;
}
DIV#GreenSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #B3DD11;
	border-left: 1px solid #B3DD11;
	z-index: 2;
}
DIV#GreenSurroundBottom
{
	width: 290px;
	height: 200px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #B3DD11;
	border-right: 1px solid #B3DD11;
	z-index: 1;
}
DIV#NavyBlueSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #273C83;
	border-left: 1px solid #273C83;
	z-index: 2;
}
DIV#NavyBlueSurroundBottom
{
	width: 290px;
	height: 200px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #273C83;
	border-right: 1px solid #273C83;
	z-index: 1;
}
DIV#YellowSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #F2F100;
	border-left: 1px solid #F2F100;
	z-index: 2;
}
DIV#YellowSurroundBottom
{
	width: 290px;
	height: 200px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #F2F100;
	border-right: 1px solid #F2F100;
	z-index: 1;
}
DIV#PinkSurroundTop
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	width: 340px;
	height: 25px;
	top: 220px;
	left: 370px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #F0027E;
	border-left: 1px solid #F0027E;
	z-index: 2;
}
DIV#PinkSurroundBottom
{
	width: 290px;
	height: 200px;
	top: 250px;
	left: 430px;
	position: absolute;
	overflow: hidden;
	background: white; 
	border-bottom: 1px solid #F0027E;
	border-right: 1px solid #F0027E;
	z-index: 1;
}
DIV#PageContent
{
	width: 275px;
	height: 170px;
	background: white; 
	position: relative;
	top: 14px;
	left: 0px;
	overflow: auto;
	z-index: 2;
}
DIV#StainedGlassPanel
{
	width: 275px;
	height: 195px;
	background: white; 
	position: relative;
	top: 5px;
	left: 0px;
	overflow: auto;
	text-align: center;
	z-index: 2;
}
DIV#StainedGlassDetail
{
	width: 275px;
	height: 165px;
	position: relative;
	overflow: auto;
	z-index: 2;
}
DIV#StainedGlassPageList
{
	width: 275px;
	height: 30px;
	position: relative;
	overflow: hidden;
	text-align: left;
	z-index: 3;
}
DIV#AdminHeader
{
	background: white; 
	position:absolute;
	top:40px;
	left:40px;
}
DIV#AdminLeft
{
	width:390px;
	background: white; 
	position:absolute;
	top:80px;
	left:10px;
}
DIV#AdminRight
{
	width:390px;
	background: white; 
	position:absolute;
	top:80px;
	left:400px;
}
DIV#AdminFooter
{
	background: white; 
	position:absolute;
	top:400px;
	left:330px;
}
BODY
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	z-index: 10;
}
P
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
P.Indent
{
	margin-left: 1.5em;
}
P.SmallGreyText
{
	font-size: 7pt;
	color: #989898;
}
TABLE.NormalTable tr td
{
	width: 240px;
	padding-bottom: 10px;
	text-align:left;
}
TABLE.NormalListTable tr td
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
TABLE.Service
{
	margin-bottom: 5px;
}
TABLE.NewsletterTable tr td
{
	width: 240px;
	padding-bottom:5px;
	text-align:left;
}
UL
{
	FONT-SIZE: 9pt;
	padding-bottom: 0px;
}
LI
{
	FONT-SIZE: 9pt;
	padding-bottom: 5px;
}

INPUT
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    border: #000000 1px solid;
}
INPUT.FixedWidth
{
	WIDTH: 50pt;
	FONT-WEIGHT: 500;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    border: #000000 1px solid;
}
TEXTAREA 
{
	background-color: white;
	border: black 1px solid;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-size: 9pt;
	font-weight: normal
} 
H1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
H2
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
A
{
    COLOR: #989898;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
}
A.SmallGreyLink
{
	COLOR: #989898;
	FONT-SIZE: 7pt;
}
A:link { text-decoration:none; color:#989898; }
A:visited { text-decoration:none; color:#989898; }
A:hover { text-decoration:none; color:black; }
A:active { text-decoration:none; color:black; } 

/* start of menu specific styles */
A:link.Menu { text-decoration:none; font-size:10pt; font-weight:bold; color:#989898; }
A:visited.Menu { text-decoration:none; font-size:10pt; font-weight:bold; color:#989898; }

A:link.MenuHomeOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#B21B6C; }
A:visited.MenuHomeOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#B21B6C; }
A:hover.MenuHome { text-decoration:none; font-size:10pt; font-weight:bold; color:#B21B6C; }
A:active.MenuHome { text-decoration:none; font-size:10pt; font-weight:bold; color:#B21B6C; } 

A:link.MenuOurChurchOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#821789; }
A:visited.MenuOurChurchOn { text-decoration:none; font-size:10pt; font-weight:bold; color: #821789; }
A:hover.MenuOurChurch { text-decoration:none; font-size:10pt; font-weight:bold; color:#821789; }
A:active.MenuOurChurch { text-decoration:none; font-size:10pt; font-weight:bold; color: #821789; }

A:link.MenuAboutUsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#B3DD11; }
A:visited.MenuAboutUsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#B3DD11; } 
A:hover.MenuAboutUs { text-decoration:none; font-size:10pt; font-weight:bold; color:#B3DD11; }
A:active.MenuAboutUs { text-decoration:none; font-size:10pt; font-weight:bold; color:#B3DD11; } 

A:link.MenuWhatsOnOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#273C83; }
A:visited.MenuWhatsOnOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#273C83; } 
A:hover.MenuWhatsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#273C83; }
A:active.MenuWhatsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#273C83; } 

A:link.MenuNewsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#F2F100; }
A:visited.MenuNewsOn { text-decoration:none; font-size:10pt; font-weight:bold; color: #F2F100; } 
A:hover.MenuNews { text-decoration:none; font-size:10pt; font-weight:bold; color:#F2F100; }
A:active.MenuNews { text-decoration:none; font-size:10pt; font-weight:bold; color: #F2F100; } 

A:link.MenuContactUsOn { text-decoration:none; font-size:10pt; font-weight:bold; color:#F0027E; }
A:visited.MenuContactUsOn { text-decoration:none; font-size:10pt; font-weight:bold; color: #F0027E; } 
A:hover.MenuContactUs { text-decoration:none; font-size:10pt; font-weight:bold; color:#F0027E; }
A:active.MenuContactUs { text-decoration:none; font-size:10pt; font-weight:bold; color: #F0027E; } 

A.SubMenu { text-decoration:none; font-size:8pt; color:#989898; }

A:link.SubMenuOn { text-decoration:none; font-size:8pt; color:black; }
A:visited.SubMenuOn { text-decoration:none; font-size:8pt; color:black; }
A.SubMenuOn { text-decoration:none; font-size:8pt; color:black; }

A:link.Yellow { text-decoration:none; font-size:8pt; font-weight:normal; color:#F2F100; }
A:visited.Yellow { text-decoration:none; font-size:8pt; font-weight:normal; color: #F2F100; } 
A:hover.Yellow { text-decoration:none; font-size:8pt; font-weight:normal; color:#989898; }
A:active.Yellow { text-decoration:none; font-size:8pt; font-weight:normal; color: #F2F100; } 

A:link.Green { text-decoration:none; font-size:8pt; font-weight:normal; color:#B3DD11; }
A:visited.Green { text-decoration:none; font-size:8pt; font-weight:normal; color: #B3DD11; } 
A:hover.Green { text-decoration:none; font-size:8pt; font-weight:normal; color:#989898; }
A:active.Green { text-decoration:none; font-size:8pt; font-weight:normal; color: #B3DD11; } 

TD.MenuSpacer { width: 10px; }
/* end of menu specific styles */

.MaroonBold { color:#B21B6C; font-weight:bold; }
.PinkBold { color:#F0027E; font-weight:bold; }

.CenteredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; } /* usage: <p class="CenteredImage"><img></p> */