﻿body 
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	/*background-image: url(../Images/background.gif);*/
	/*background-image: url(../Images/backgroundSlice.gif); - best fit */
	/*background-position: center;*/
	/*background-repeat: repeat-y;*/
	/*background-color: #aed0ff; turquiosey*/

}

#divOuterMost
{
	/*margin-right: 40px;*/
}

#divBanner
{
	margin: 1px 0 0 0;
	padding: 1px 0 0 0;
	/*border: solid 1px blue;*/
	text-align: center;
	width: 100%;
	height: 135px;
	background-image: url(../Images/BlueGraduation.gif);
	/*background-image: url(../Images/LandGradient.gif); */
	/* background-position: center; doesnt work */
	background-repeat:repeat-x;
}

#divBannerPhotoLeft
{
	float: left;
	clear: right;
}

#divBannerPhotoRight
{
	float: right;
}

#divBannerBackground
{
	float: left;
	border: solid 1px black;
	width: 100%;
	height: 137px;
	background-image: url(../Images/slice31.gif);
	/* background-position: center; doesnt work */
	background-repeat:repeat-x;
}

#pBannerText
{
	/*padding-top:auto;*/
	/*margin-top: 30px;*/
	padding-top:40px;
	font-size:xx-large;
	font-weight:bolder;
	color: White;
}

#divNavBar
{
	min-height: 30px;
	width: 100%;
	margin: 2px 0 0 0;
	background-image: url(../Images/GreyGradVert.jpg);
	background-repeat: repeat-x;
	/*border: solid 1px black;*/
}

#divCTxtBar
{
	/*border: solid 1px red;*/
	margin: 1em 0 0 0;
	float: left;
	clear:right;
	width: 8em;
	/* width: 180px; /* to matches photobar - but doesnt scale v well*/
}

#divBreadcrumb
{
	font-size:x-small;
	color: #808080;
	padding-bottom: 0.5em;
}

#divPhoto
{
/*	Below needs a graduated grey image with width of 184px-job for Gimp
	background-image: url(../Images/GreyGradRhs.jpg);*/
	background-repeat: repeat-y;
	float:right;
	min-height: 325px;
	width:184px;
	margin: 1em 0 0 1em;
	background-color: #CECFD1;
/*	border: solid 1px grey;*/
}

#divMainContent
{
	/* border: solid 1px blue; */
	float: left;
	/*left:9em;*/
	width: 58%;
	/*max-width: 615px;
	width: 620px;*/
}

#divMiddleSection
{
	/*border: solid 1px black;*/
	/*position:absolute;*/
}

div#divOfficeContactInfo
{
	/*position: absolute;*/
	/*border: solid 1px green;*/
	background-image: url(../Images/GreyGradVertInverse.jpg);
	background-repeat: repeat-x;
	color: White;
	font-size:small;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.navBar
{
	/*StaticHoverStyle-BackColor:BlanchedAlmond;*/
	/*border: solid 1px black;*/
	/*margin-bottom:0.2em;*/
	width: 33%;
	float:right;
}


.navBarStaticHover, .navBarStaticItem, .navBarStaticSelected
{
	width:7em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-right: 0.1em;
	border: solid 1px #0046AE;
}

.navBarStaticHover
{
	background-color:#AAF9FD;
	border: solid 1px #0046AE;
}

.navCTxtStaticHover, .navCTxtStaticItem, .navCTxtStaticSelected, .navBarStaticHover, .navBarStaticItem, .navBarStaticSelected
{
	width:7.2em;
	/* width: 175px; /* Make similar size to photobar - trouble is when history is displayed, doesnt scale well */
	margin-top:0.1em;
	background-color:#6488C6;
	color:#FFFFFF;
	border: solid 1px #0046AE;
	padding: 1px 1px 1px 1px;
}

.navCTxtStaticHover, .navBarStaticHover
{
	background-color:#AAF9FD;
	color: Black;
}

/* Below need to go in main css*/
table.fields
{
}

th
{
	font-weight: bold;
	text-align: left;
}

.contact
{
	/*max-width:10em;
	width: 10em;*/
	/*min-height:10em;*/
	/*font-size:x-small;*/
}

.left, rightMargin
{
	float: left;
}

.rightMargin
{
	margin: 0.25em 0.25em 0.25em 0.25em;
}

.right
{
	float: right;
}

.clearer
{
	clear: both;
}

.centre
{
	text-align:center;
}
	

/* vvv Below Ought to be on css for Home page vvv */

#divNewsTicker
{
	width: 100%;
	padding-bottom: 2px;
	border-bottom: solid 1px black;
}

#divTickerLabel
{
	margin: 0.5em 1em 0 0;
}

#divWelcomeText
{
	float: left;
	width: 50%;
	margin: 0 0 0.5em 0;
}

#divSeasonPic
{
	margin:0.25em 0em 0em 0em;
	float: right;
}

#divParishPrayer
{
	float: left;
	width: 45%;
	margin: 2em 0 0 0;
	/*border: solid 1px grey;*/ /* Border doesnt appear in IE so may as well remove it */
	padding: 0.25em 0 0.25em 0.25em;
	background-color: #f0f0f0;
}

#divMagArticle
{
	float:right;
	width: 50%;
	/*border: solid 1px blue;*/
}


a.noUnderline
{
	text-decoration: none;
}

a:hover.noUnderline 
{
	color: red;
	text-decoration: none;
}

#divBibleSearch
{
	/*text-align: center;
	width: 25%;
	float:right;*/
	background-color: #273e73;
	/*margin: 1em 0em 0em 0em;
	padding: 0.25em 0em 0.25em 0em;*/
	margin: 2em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

#divBibleSearch a
{
	color: #FFFFFF;
	font-weight: bold;
}

#divUpComingEvent
{
	width: 100%;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


.textbox, .loginTextBox, .timeTextbox
{
	border: solid 1px gray;
	width: 100%;
}

.multiLineTextBox
{
	border: solid 1px gray;
	width: 100%;
	min-height: 10em;
}

#tblNewsItem, #tblEmailUs
{
	width: 100%;
/*	min-height: 10em;	*/
}

.loginTextBox
{
	width: 65%;
}

.timeTextbox
{
	width: 4em;
}

.dateTextBox
{
	width: 5em;
}

/* Magazine page */
#divArticle
{
	width:100%;
	overflow:auto; 
}