/* Hinchcliffe Systems CSS File   */
/* based on St Thomas à Becket Church, Framfield CSS File   */
/* Revised 18 March 2011 */
/* Active revision 6 April 2011 */ 
/* tested in Firefox 4, Chrome 10, Safari and IE 9 */   
/* revision to posted class - right align 10.04.2011 */

/*

/*
IMPORTANT: current colours are
Colours from Kuler
green: #7D9100
lightgreen : #C9DE55
cream: #FFFF9D
cyan: #ACEBAE
grey: #354242
also use pure white: #FFFFFF --- default white 
and pure black #000000 --- default black

*/
   
/* Overall body section */

body {
	width: 960px; 
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFFF;
	behavior: url(PIE.htc);
}

/* main container is master */

#master {
	width: 960px;
	text-align: left;
	background-image:url(../images/gifs/background.gif);
	background-repeat:repeat;
	overflow: hidden; 	
	clear: both; 
	}

/* Header section */

#headerleft {
	float: left;
	font: 28px Verdana, Arial, Helvetica, Chicago, Sans-serif, cursive;
	font-weight: bold;
	color: #354242;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	width: 435px;
	margin: 0px;
	height: 100px;
	background-color: #C9DE55;
}

#header
#hinlogo {
	float: left;
/*	font: 8px Verdana, Arial, Helvetica, Chicago, Sans-serif, cursive;
	font-weight: normal;
	font-color: white;  
 	text-decoration: none;
	text-align: center; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	vertical-align:text-top;
	width: 360px; /* now contains flash logo */
	height: 100px;
	font-color: #FFFF33;  
	}

.container { position:relative;
}
.container video {
    position:relative;
    z-index:0;
}
.overlay {
    position:absolute;
    top:0;
    left:460; /*Position of yellow text*/
    z-index:1;
	font: 19px Verdana, Arial, Helvetica, Chicago, Sans-serif, cursive;
	font-weight: bold;
    text-align: center;
    line-height: 50px;
    color: yellow;    
}

#headerright {
	 position:relative;
    z-index:0;
	float: right;
	font: 12px Verdana, Arial, Helvetica, Chicago, Sans-serif, cursive;
	font-weight: bold;
	font-color: black;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-decoration: none;
	text-align: center;
	width: 165px; /* now contains date */
	height: 100px;
 	background-color: #C9DE55;
	   z-index:0;
	   top:0;
 /* #7D9100; */
	}

/* Menubar section */

#menumain {
	float: left;
	width: 960px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px;
	background-color: #C9DE55; /* light green */
	text-align: center; 
	height: 30px;
	}

/* Scripture section */

#scripture {
	float: left;
	width: 960px;
	background-color: #C9DE55; /* light green */
	text-align: center; 
	height: 30px;
	}

/* Navigation section */

#nav {
	float: left;
	width: 77%;
	background-color: #C9DE55; 
	text-align: left; 
	height: 55px;
	}

/* Resize section */

#resizer {
	float: right;
	width: 23%;
	color: black;
	background-color: #C9DE55; 
	text-align: left;
	height: 55px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	}

/* Main Section */

#main {
	color: #000;
	width: 960px;
	height: auto;
	text-align: left;
	background-image:url(../images/gifs/background.jpg);
}

#main_left {
	float: left;
	width: 200px;
	text-align: left;
	margin-right: 10px;
}

#main_middle
 {
	float:left;
	width: 550px; /* 530 */
/*	background-color: #FFFFFF; */
}

#main_middle2
 {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #888;
	padding: 10px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}

#main_right {
	width: 160px;
	background-color: #7D9100; 
	float: right;
}

#footer {
	border-top: 4px solid #7D9100;
	margin-left: 0px;
	height: 55px;
	text-align: center;
	font-size:10px;
	clear:both;
}	

#gotop {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	border-radius: 6px 0 0 6px;
	-ie-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	color: #333333;
	overflow: hidden;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 10px;
	position: fixed;
	right: 0;
	text-decoration: none;
	top: 300px;
	z-index: 100000;
}

img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

/* style hr to match footer */

hr {
	border-top: 2px solid #7D9100;
}

div#container {
	margin: 0px auto;
	width: 970px;
	position: relative;
	text-align: left;
}

.pixels {
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.point {
	font-size:12pt;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}

.em {
	font-size:1em;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}

.percentage {
	font-size:100%;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}

.undefined {
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
#changeFont {
	position:absolute;
	top:10px;
	right:10px;
	background-color:#333333;
	padding:5px;
}
.increaseFont, .decreaseFont, .resetFont {
	color:#CCCCCC;
	font-size:14px;
	float:left;
	margin:10px;
}

/* Header section */
div#headerbar {
	width: 970px;
	height: 60px;
	background-color: #6FF;
	background-repeat: no-repeat;
	margin: 0px auto;
}
div#headerbar2 {
	position: relative;
	width: 970px;
	height: 10px;
	text-align: center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px auto;
}
div#headerbar3 {
	position: relative;
	width: 970px;
	height: 21px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	margin: 0px auto;
}
div#headerbar img#backicon {
	border:0;
	width: 41px;
	height: 12px;
	position: absolute;
	top: 8px;
	right: 7px;
}


/* Menu bar section */
div#menubar {
	position: relative;
	width: 970px;
	height: 81px;
	background-color: #FFFFFF;
}
div#menubar img#logo {
	border:0;
	width: 318px;
	height: 72px;
	position: absolute;
	top: 2px;
	left: 20px;
}
div#menubar img#thought {
	border:0;
	width: 145px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 5px;
}
div#menubar div#menu {
	position: absolute;
	top: 60px;
	left: 360px;
	height: 13px;
	width: 610px;
	text-align: center;
}
div#menubar div#menu table {
}
div#menubar div#menu td {
	font-size: 11px;
	padding: 0 11px;
}
div#menubar div#menu img {
	border: 0;
	height: 16px;
}


/* Content section */
div#contentbar {
	position: relative;
	width: 970px;
	height: 380px;
	background-color: #FFFFFF;
}
div#contentbar div#circles {
	position: absolute;
	left: 0;
	top: 0;
	width: 346px;
	height: 348px;
	background-color: #93D4D4;
	background-image: url(../images/main_circles.gif);
	background-repeat: no-repeat;
}
div#contentbar img#sitemap {
	border:0;
	width: 49px;
	height: 13px;
	position: absolute;
	top: 330px;
	left: 4px;
}
div#contentbar img#knowingchrist {
	border:0;
	width: 154px;
	height: 67px;
	position: absolute;
	top: 35px;
	left: 20px;
}
div#contentbar div#content {
	position: absolute;
	left: 360px;
	top: 20px;
	width: 600px;
	height: 350px;
	background-color: #FFFFFF;
	font-size: 12px;
	overflow: auto;
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #009999;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #F2F2F2;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
}
div#contentbar div#content h1 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
div#contentbar div#content h2 {
	text-align: center;
	font-size: 15px;
	color: #009999;
	font-style: italic;
	font-weight: normal;
	line-height: 25px;
}
div#contentbar div#content a:link, div#contentbar div#content a:visited {
	color: #009999;
	text-decoration: none;
}
div#contentbar div#content a:hover {
	text-decoration: underline;
}

/* homepagse styles from tabhome 18.03.2011 */

div#homepage_top_bar {
	background-color: #93D4D4;
	position: relative;
	height: 10px;
	padding: 0px;
	font-size: 0px;
	border: 0px;
	width: 960px;
	margin: 0px auto;
}
div#homepage_top_bar img {
	position: absolute;
	top: 0px;
	left: 183px;
	margin: 0px;
}


table#homepage_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.homepage_column {
	vertical-align: top;
}

div.homepage_column_content {
	padding: 10px 3px;
	font-size: 13px;
}

div.homepage_column_content h3 {
	background-color: #BBBBBB;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 1px 1px;	
}
div.homepage_column_content p {
	margin: 0 0 10px 0;
	font-size: 13px;
}
div.homepage_column_content p {
	margin: 0 0 10px 0;
}
div.homepage_column_content a:link, div.homepage_column_content a:visited {
	color: #336699;
}

/* end import */

/* Footer section */
div#footerbar {
	position: center;
	/* position: relative; */
	width: 970px;
	height: 39px;
	text-align: center;
	font-size: 10px;
	color: #999999;
	padding-top: 3px;
}
div#footerbar a {
	color: #999999;
	text-decoration: none;
}
div#footerbar img#karoo {
	border:0;
	width: 44px;
	height: 18px;
	margin-top: 2px;
}
div#footerbar img#erwd {
	border:0;
	width: 57px;
	height: 15px;
	margin-top: 2px;
}


/* RSS Feed */
span.rss_description {
	font-size: 10px;
	color: #666666;
	font-style: italic;	
	text-decoration: none;
}
a.rss_item {
	display: block;
	font-size: 11px;
	color: #009999;
	font-weight: bold;
	font-style: normal;	
	width: 260px;
	text-decoration: none;
	margin-bottom: 3px;
}
a.rss_item:hover {
	background-color: #F7F7F7;
	text-decoration: none;
}
a	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	}

a:link {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	}

a:visited {
	color: #3366FF;
	text-decoration: none;
	}

a:hover{
	color: #3366FF;
	text-decoration: underline;
	}
a.big	{
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	}

a.big:link {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	}

a.big:visited {
	color: #3366FF;
	text-decoration: none;
	}

a.big:hover{
	color: #3366FF;
	text-decoration: underline;
	}

ul {margin-top: 5px; margin-bottom: 5px}
/* unordered lists */
ul li { list-style: url("../images/gifs/list_orangebox.gif") square; margin-left: -5px}
ul li li { list-style: url("../images/gifs/list_orangedisc.gif") circle; margin-left: -10px} 
ul li li li { list-style: url("../images/gifs/list_redtriangle.gif") square; margin-left: -20px}
/*ul	{ 	list-style-type: none;	}*/


.button
{background-color:#6FF;color:#ffffff;font-family:Arial;font-size:14px;}
.sizer
{background-color:#6FF;color:#ffffff;font-family:Arial;font-size:10px;}

.main1 {font: 13px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:bold; color:#336633; text-decoration: none; } 
.main4 {font: 15px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:bold; color: #FF0000;  text-decoration: none; } 
.main5a {font: 11px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; color: #DF0000;  text-decoration: none; } 
.main5b {font: 10px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; color: #DF0000;  text-decoration: none; } 
.main5c {font: 9px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; color: #DF0000;  text-decoration: none; } 
.purple {font: 10px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; background-color: #CCCCFF;  text-decoration: none; } 
.posted {font: 16px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; color: #CC33CC; text-decoration: none; text-align:right;
} 
/* revised 10.04.2011 .posted {font: 16px Comic Sans MS,Chicago, Sans-serif, cursive; font-weight:normal; font-color :#CC33CC background-color: #CCCCFF;  text-decoration: none; } */

/* variable body text according to 0 1 2 4 5 style sheet -- suggest this remains as LAST entry in this stylesheet */
.varbody {font: 16px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000000;  text-decoration: none; } /* assume text-align: left */ 
.varbodyc {font: 16px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000000;  text-decoration: none; text-align: center }
.varbodyr {font: 16px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000000;  text-decoration: none; text-align: right }
.varbodyj {font: 16px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000000;  text-decoration: none; text-align: justify }
.varbody2 {font: 10px "Arial Narrow", Arial, sans-serif;font-stretch: condensed;color: #000000;  text-decoration: none; }
.varbody0 {font: 12px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000000;  text-decoration: none; } /* assume text-align: left */ 
.varbody16 {font: 16px Verdana, Arial,  Helvetica, sans-serif; font-weight:normal; color: #000080;  text-decoration: none; } /* assume text-align: left */