/* ******************************************** */
/* CSS Document - "css-joppachurch-index-stylesheet.css" for joppachurch.brabston.net Index Page - 04 Jul 2016 - RAB */
/* ******************************************** */
/* Start IExplorer Compatible Javascript Warning*/
#warning {position:relative;
 top:0px;
  width:98%;
   height:95px;
    background-color:#C0C0C0;
	 margin-top:2px;
	 margin-left:auto;
	 margin-right:auto;
	  padding:1px;
	   border-bottom:solid 4px red;
	   border-radius: 10px 10px 10px 10px;
	   }
#warning h4 {
color:#FF0000;
}

article, aside, figure, footer, header, hgroup, menu, nav, section {
 display:block;
 }

/* End IExplorer Compatible Javascript Warning*/

* {
	margin: 0;
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

body {
	max-width: 1200px;
	margin: 0 auto;
	color: #fefefe;
	background: #6699CC;
	font-family: arial, tahoma, verdana, serif;
	font-style: normal;
	font-weight: normal;
	text-shadow: 1px 1px 1px #010101;
	padding-left: 5px;
}

div.main {
width:100%;
background: #24486b;
float: left;
box-shadow: -5px -5px 10px 5px #010101 inset
}


div.main img {
border: solid #000000 1px;
margin: .2% 1%;
max-width: 85%;
border-radius: 10px 10px 10px 10px;
box-shadow: -4px -4px 4px 4px #010101	
}

header {
width: 100%;
/* I changed this 07 Jul 2014 - RAB     background: #336799; */
background-image:url(SiteCommonIconInfoPhoto/Backgrounds/wood-texture-background.jpg);
float: left;
border-radius: 20px 20px 0 0;
box-shadow: -5px -5px 10px 5px #010101 inset
}

header h1 {
font-size: 24px;
color: #efefef;
float: left;
margin: 5% 10%
}

header h2 {
font-size: 32px;
color: #efefef;
float: left;
margin: 5% 10%
}

header img {
float: none;
/* padding: 5% 0 5% 12%; */

}

/*--- Start Trim around shadowed images borders I created Aug 16, 2014 - RAB ---*/
img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}
/*--- End Trim around images borders I created Aug 16, 2014 - RAB ---*/

/*--- Start of Centering image in header I created Jul 17, 2014 - RAB ---*/
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	float: none;
/* padding: 5% 0 5% 12%; */
border: none;
max-width: 80%
border-radius: 10px 10px 10px 10px;
box-shadow: 2px 2px 6px 6px #010101
}
/*--- End of Centering image in header I created Jul 17, 2014 - RAB ---*/

/*  Start Vertical navbar  */
nav {
width: 24%;
padding: 1% 1%;
/* float: left; I removed this 6/22/2014 - RAB */
/* I changed this 07 Jul 2014 - RAB     background: #336799; */
background-image:url(SiteCommonIconInfoPhoto/Backgrounds/wood-texture-background.jpg);
border-radius: 10px;
box-shadow: -5px -5px 10px #010101 inset
}

nav h2 {
font-size: 22px;
color:#009900;
margin: 2% 0;
text-align: center
}

nav p {
font-size: 16px;
margin: 2% 0;
text-align: center;
text-indent: 0
}

nav p a {
margin-left:0px;
padding-left:0;
color:#000000;
/* I made color change--> color: #fefefe; */
font-size:medium;
/* I made--> font-weight: 500; */
line-height: 150%;
text-decoration: none
}

nav p a:hover {
color: #009900;
text-decoration: underline
}

a {
	font-size: 18px;
	color: #000000;
}
a:visited {
	color: #FFCC00;
}
a:hover {
	color: #009900;
}
/*  End Vertical navbar  */

/*  Instead of single solid line,  double line 20160706 */
hr {
  border: 0;
  border-top: 3px double #8c8c8c;
}
/*  End double line  */

div.content {
width: 65%;
padding: 0 0 0 4%;
float: right
}

div.content p {
font-size: 16px;
margin: 2% 0;
text-align: justify;
text-indent: 16px
}

div.content h1 {
font-size: 24px;
margin: 2% 0;
text-align: center
}

div.content h2 {
font-size:smaller;
text-align: center
}

div.content img {
border: solid #000000 1px;
margin: .2% 1%;
max-width: 85%;
border-radius: 10px 10px 10px 10px;
box-shadow: 2px 2px 10px #010101
}

div.content1 {
display:block;
    margin-left: auto;
    margin-right: auto;
	float: none;
	text-align:center;
/* padding: 5% 0 5% 12%; */
border: none;
max-width: 80%

}

/* display: block;
text-align:center;
border: none;
max-width: 80%
} */

footer {
width: 100%;
background: #009900;
float: left;
border-radius: 0 0 20px 20px;
box-shadow: -5px -5px 10px #010101 inset
}

footer p {
color: #efefef;
font-size: 12px;
text-align: center;
padding: .5% 0%
}

footer a {
color: #efefef;
font-size: 12px;
}

/*--- Start of Styles I created - RAB ---*/
.style1 {font-size: 12px}
.style2 {color: #000000}
.style3 {
	color: #009900;
	font-weight: bold;
	font-style: italic;
	}
.style4 {
text-align:center;
font-size:x-small;
	color: #0000FF;
}
.style5 {color: #009900}
.style6 {font-size: 12px}
.style7 {color: #FF6600}
.style8 {font-size: small}
/*--- End of Styles I created - RAB ---*/

/*--- Start of Table Styles I created Jul 13, 2014 - RAB ---*/
table{
border:15px #2F4F4F;
border-style: groove;
width:98%;
margin-left:0;
margin-right:auto;
    table-layout: fixed;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:15px;
	text-align:center;
	vertical-align:top;
	background:#009900;
	box-shadow: 2px 2px 10px #010101 inset;
}

th, td {
background-color:#C58917;
    text-align: center;
	width:auto;
    border: 8px grey;
	border-style: groove;
    overflow: hidden;
}
/*--- End of Table Styles I created Jul 13, 2014 - RAB ---*/