/*Author: Alexander Leich
Copyright: St. John's Lutheran Church, Merrick*/

/* GENERAL DEFINITIONS */

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
font,
img,
small,
ol,
ul,
li,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;

  font: 12pt Arial, sans-serif;
  color: #000;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
body {
  background-color: #f5f2ea;
  /*background-image:url("images/background2.jpg");*/
  background-repeat: repeat-x;
}

a:link,
a:link > h2 {
  color: blue;
  text-decoration: underline;
}

/* BANNER DEFINITIONS */

#banner {
  background-color: #133d01;
  /*background-image:url("images/tile.png");
	background-repeat:repeat-tile;*/
  width: 100%;
  height: 65px;
  margin: auto;
}
#banner ul {
  color: #fff;
  width: 950px;
  margin: auto;
  padding: 15px 25px;
}
#banner ul li {
  list-style: none;
  display: inline;
  padding: 10px 10px;
  margin: 0px;
  color: #fff;
}
#heroTitle {
  color: #fff;
  font-size: 20pt;
  font-weight: bold;
  text-decoration: none;
}
#banner ul li:first-child {
  padding-left: 0px;
}
/* NAVIGATION DEFINITIONS */

#nav {
  color: #fff;
  background-color: #cf372c;
  background-image: url('images/navbar_g.png');
  width: 100%;
  height: 35px;
  margin: auto;
}
#nav ul {
  width: 950px;
  margin: auto;
  padding: 5px 25px;
}
#nav ul li {
  list-style: none;
  display: inline;
  padding: 10px 5px;
  margin: 0px;
  color: #fff;
}
#nav ul li:first-child {
  padding-left: 0px;
}
#nav ul li a:link {
  font-size: 10pt;
  color: #fff;
}
#nav ul li a:visited {
  font-size: 10pt;
  color: #fff;
}
#nav ul li a:hover {
  font-size: 10pt;
  color: #ff9c00;
}
#nav ul li a:active {
  font-size: 10pt;
  color: #fff;
}
a:focus {
  outline: none;
}

/* CONTENT DEFINITIONS */

#container {
  background-color: #fff;
  width: 100%;
  margin: auto;
  min-height: 750px;
  border-top: 1px solid #c7bca2;
  border-bottom: 1px solid #c7bca2;
}
.content {
  width: 950px;
  margin: auto;
  margin-top: 0px;
  padding: 10px 25px;
}
.content ul {
  margin: 0px;
}
.content ul li {
  color: #534741;
  margin-left: 25px;
  padding: 5px 0px;
  list-style: none;
  border: none;
}
.content ul li:last-child {
  border: none;
}
.content ul li a:focus {
  outline: none;
}
.content table {
  padding: 0px;
  border-spacing: 15px;
}
#maincontent {
  height: 530px;
}
#mainphoto img {
  border: 9px solid #f5f2ea;
  outline: 1px solid #c7bca2;
}
#leftcontent {
  width: 430px;
  height: 480px;
  float: left;
  padding-right: 25px;
  border-right: 1px dotted #c7bca2;
  margin-top: 10px;
}
#rightcontent {
  width: 450px;
  height: 500px;
  float: right;
}

/* FOOTER DEFINITIONS */

#footer {
  color: #534741;
  font-size: 10pt;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 25px;
  text-align: center;
}
#footer a:link {
  color: #534741;
  font-size: 10pt;
  font-weight: bold;
}
#footer a:visited {
  color: #534741;
  font-size: 10pt;
  font-weight: bold;
}
#footer a:hover {
  color: #ff9c00;
  font-size: 10pt;
  font-weight: bold;
}
#footer a:active {
  color: #534741;
  font-size: 10pt;
  font-weight: bold;
}
#footer span {
  color: #534741;
  font-size: 10pt;
  font-style: normal;
}
#address {
  float: left;
}
#phone {
  float: right;
}

/* ADDITIONAL DEFINITIONS */

h1 {
  color: #000;
  font-size: 30pt;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
}
h2 {
  margin-bottom: 5px;
  color: #000;
  font-size: 14pt;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
}
h3 {
  color: #000;
  text-decoration: none;
  font-style: normal;
  margin-top: 20px;
  margin-bottom: 25px;
}
h4 {
  color: #000;
  text-decoration: none;
  font-style: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-weight: bold;
}
h5 {
  color: #000;
  text-decoration: none;
  font-size: 10pt;
  font-style: normal;
  margin-top: 20px;
  margin-bottom: 25px;
}
em {
  color: #000;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
}
p {
  line-height: 25px;
}
span {
  font-style: italic;
}
small {
  color: #fff;
  font-size: 12pt;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

hr {
  border: 0px;
  color: #c7bca2;
  background-color: #c7bca2;
  height: 1px;
  width: 950px;
}