/* CSS Document - Blue theme */

/** The font and background color for the webpage */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #C69C6D;
}

/** The headers */
h1, h2, h3, h4, h5, h6 {
	color: #007236;
}

/** No border around images */
img {
	border: 0px;
}

img.icenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/** Main header where the logo is located */
#mainHeader {
	position: absolute;
	background: #448CCB; /** background color */
	top: 0; /** align to top of page */
	left: 0; /** align to left of page */
	width: 100%; /** header is same size as browser */
	border-bottom: 6px #FFFFFF solid; /** border-width color style */
}

/** Use class="center" to make headers, text, images centered */
.center {
	text-align: center;
}

/** class="emphasis" to make text bold and green */
.emphasis {
	color: #007236;
	font-weight: bold;
}

/** Secondary heading where church picture appears */
.heading {
	width: 910px; /** width of div box */
	padding: 0px;
	margin-left: auto; /** centered between left & right margins */
	margin-right: auto;
	background: #C8DDFC; /** background color of div box */
	border-width: 6px;
	border-color: #FFFFFF;
	border-style: solid;
	border-top-style: none; /** no border on top of div box */
}

/** For normal divs (anything not the logo header or picture header */
.body {
	width: 900px;
	padding: 5px; /** margin inside div, for text */
	margin-left: auto; /** centered between left & right margins */
	margin-right: auto;
	background: #C8DDFC; /** background color of div box */
	border-width: 6px;
	border-color: #FFFFFF;
	border-style: solid;
	border-top-style: none; /** no border on top of div */
}

/** Put an image on the left side of the page */
.leftFloat {
	/**width: 200px;*/
	float: left;
	padding-right: 5px;
}

/** Put an image on the right side of the page */
.rightFloat {
	/**width: 200px;*/
	float: right;
	padding-left: 5px;
}

/** Table cell */
td{
	vertical-align: top; /** text aligns to top of cell */
}

/** Table cell for the church picture & secondary navigation */
td.nav{
	margin: -5;
	padding: -5;
	border-left: solid 6px #FFFFFF;
}

/** Indent text (bulleted list without the bullets) */
ul.indented{
	list-style-type: none;
}

/** Needed to push the rest of the webpage below the logo and navigation div */
#topspacer{
	height: 140px;
}

/** Link - link appearance */
a {font-weight:bold;
}

/** Link - hover the mouse over it */
a:hover {
	color: #007236;
}

/** Link - after visited */
a:visited {
	color: #001F56;
}


/** Following css based on http://bloggerstop.net/2009/03/new-multi-level-drop-down-menu.html
This is only for the navigation bar */
ul.menu{
	list-style:none; 
	margin:0;
	padding:0;
}

ul.menu * {
	margin:0;
	padding:0;
}

ul.menu a {
	display:block;
	color:#000;
	text-decoration:none;
}

ul.menu li {
	position:relative;
	float:left;
	margin-right:2px;
}

ul.menu ul {
	position:absolute;
	top:26px; left:0;
	background:#d1d1d1;
	display:none;
	opacity:0;
	list-style:none;
}

ul.menu ul li {
	position:relative;
	border:1px solid #aaa;
	border-top:none;
	width:148px;
	margin:0;
}

ul.menu ul li a {
	display:block;
	padding:3px 7px 5px;
	background-color:#d1d1d1;
}

ul.menu ul li a:hover {
	background-color:#c5c5c5;
}

ul.menu ul ul {
	left:148px;
	top:-1px;
}

ul.menu .menulink {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/header.gif);
	width:134px;
}

ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(images/header_over.gif);
	color: #007236;
}

ul.menu .sub {
	background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;
}

ul.menu .topline {
	border-top:1px solid #aaa;
}