/* CSS Document */
/* --------------------- UNUSED? ---------------------- */
#framepage h2 {
  margin : 0px;
  font-size : 18px;
}
/*// -- Dropdowns -- 
.menu {
  position : relative;
  display : block;
}

.submenu {
  padding : 0px;
  margin : 0px;
  background-color: black;
  display : none;
  position : absolute;
  top : 20px;
  left : 0px;
}

.activesubmenu {
  padding : 0px;
  margin : 0px;
  background-color: black;
  display : block;
  position : absolute;
  left : 0px;
}

// ---- Email Signup ---- 
#emailform {
  margin : 0px;
  padding : 0px;
}

#emailinput_cell {
  padding : 0px;
  margin : 0px;
  height : 57px;
  text-align : center;
  vertical-align : bottom;
  position : relative;
}

.joinemail {
  display : inline;
  position : absolute;
  top : -20px;
  left : 75px;
}

.joinemailactive {
  display : none;
  position : absolute;
  top : -20px;
  left : 75px;
}

#emailsubmit_cell {
  padding : 0px;
  margin : 0px;
  height : 43px;
  text-align : center;
  vertical-align : top;
}

.submitbutton {
  padding : 2px;
  display : none;
}

.submitbuttonactive {
  padding : 2px;
  display : inline;
}

.email {
  vertical-align : middle;
  text-align : center;
  height : 100px;
  width : 205px;
  background-image : url('images/buttons/Join email list.gif');
  background-position : center center;
  background-repeat : no-repeat;
}

.emailactive {
  vertical-align : middle;
  text-align : center;
  height : 100px;
  width : 205px;
}

.emailinput {
  background: transparent;
  border : 0px;
  padding : 2px;
  color: black;
  width: 154px;
  text-align : center;
}

.emailinputactive {
  background: black;
  border: 2px solid white;
  color: white;
  width: 154px;
  text-align : center;
}
*/
/* --------------------- General ---------------------- */
/* class for scripture quotations - forms a blockquote of sorts */
.verse {
  margin: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5%;
  margin-right: 5%;
  font-style: italic;
  border: 1px solid black;
}

/* class for anything to be floated left */
.fl {
  float: left;
}
/* class for anything to be floated right */
.fr {
  float: right;
}
.cb {
  clear: both;
}
* {
    -moz-box-sizing: border-box;
}

td, table, div, p, img {
	margin : 0px;
	padding : 0px;
}

a {
/* properties of links within pages */
  text-decoration : none;
  font-weight : bold;
  color : black;
}
a:hover {
/* changes to links in pages when moused over */
  text-decoration : underline;
}

h1 {
/* properties for text in each sections title */
/*  font-family : monospace;*/
/* list of fonts in prioritized order.  will display first font on list that is supported by browser.
  last font listed should be: serif, sans-serif, cursive, fantasy OR monospace as these are supported by all browsers. */
  font-weight : bold; /* bold OR normal OR bolder OR lighter */
  text-decoration : underline; /* underline OR none OR overline OR line-through OR blink */
  font-variant : small-caps; /* small-caps OR normal */
  font-style : normal; /* normal OR italic OR oblique */
  font-size : 24px;
  margin-bottom : 0px;
  padding-bottom : 0px;
}

/* Generic box format (calendar, event details) */
.box {
	margin : 0px;
	padding : 0px;
	z-index : 1;
	position : relative;
	text-align : left;
}
.box-t {
  height : 22px;
  width : 100%;
  background : #333333;
  position : relative;
}
.box-t input, select {
  background-color: #333333;
  color: white;
  border: 0px;
}
.box-tl, .box-tr, .box-bl, .box-br {
  height: 8px;
  width: 8px;
  font-size: 0px;
  position: relative;
  z-index: 2;
}
.box-tl {
  background-image: url(images/box-tl.gif);
  float: left;
}
.box-tr {
  background-image: url(images/box-tr.gif);
  float: right;
}
.content {
  overflow: auto;
  border: 2px solid #333333;
  background-color: #d0d0ce;
}
.subcontent {
  border-bottom: 2px solid #333333;
  margin-left: 6px;
  margin-right: 6px;
}

.box h2, h4 {
	margin : 0px;
	padding : 0px;
  background: #333333;  
/*  font-family : monospace;*/
/* list of fonts in prioritized order.  will display first font on list that is supported by browser.
  last font listed should be: serif, sans-serif, cursive, fantasy OR monospace as these are supported by all browsers. */
  font-weight : normal; /* bold OR normal OR bolder OR lighter */
  text-decoration : none; /* underline OR none OR overline OR line-through OR blink */
  font-variant : small-caps; /* small-caps OR normal */
  font-style : normal; /* normal OR italic OR oblique */
  font-size : 16px;
  height : 22px;
  line-height : 22px;
  color : white;
  margin-bottom : 0px;
  padding-bottom : 0px;
}
.box h4 {
  text-align: left;
  width : 10%;
}
.box h2 {
  text-align: center;
  width : 100%;
}
.box h3
{
	margin : 0px;
	padding : 0px;
  text-align: left;
/*  font-family : monospace;*/
/* list of fonts in prioritized order.  will display first font on list that is supported by browser.
  last font listed should be: serif, sans-serif, cursive, fantasy OR monospace as these are supported by all browsers. */
  font-weight : bold; /* bold OR normal OR bolder OR lighter */
  text-decoration : none; /* underline OR none OR overline OR line-through OR blink */
  font-variant : normal; /* small-caps OR normal */
  font-style : normal; /* normal OR italic OR oblique */
  font-size : 14px;
  margin-bottom : 0px;
  padding-bottom : 0px;
}

/* ----------------------- resources.php ----------------- */
#resources .content {
  height: 445px;
}
/* ----------------------- events.php ----------------- */
#eventsummary {
  width : 235px;
}
#eventbar img {
  border: 0px;
}
#eventbar {
  margin-bottom: 15px;
  width : 730px;
}
#eventbanner {
  float: right;
  margin-left: 12px;
}
html>body #eventbanner {
  margin-left: 15px;
}

/* ------------------------ home.php ---------------------- */
#new_about {
  position: relative;
  float: left;
  height : 131px;
  width : 730px;
}
#new_about .content {
  padding: 5px;
  height: 109px;
  background-color: #d0d0ce;
}
#new_feed {
  position: relative;
  float: left;
  height : 320px;
  width : 357px;
  margin-top: 15px;
}
#new_feed .content {
  padding: 5px;
  height: 298px;
  background-color: #d0d0ce;
}
#new_newsfeed {
  position: relative;
  float : right;
  height : 320px;
  width : 357px;
  margin-top: 15px;
}
#new_newsfeed .content {
  padding: 5px;
  height: 298px;
  background-color: #d0d0ce;
}
#prevbanner {
  position: absolute;
  top: 0px;
  left: 0px;
}
#nextbanner {
  position: absolute;
  top: 0px;
  left: 465px;
}
#banner, #newsfeed {
  position: relative;
  float : left;
  height : 250px;
  width : 480px;
}
.bannerbutton {
  z-index: 2;
}
.bannerbuttonhidden {
  z-index: 0;
}
#bannerimg {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
}
#newsfeed .content {
  padding: 5px;
  height: 228px;
  background-color: #d0d0ce;
}
.feedlist a {
  line-height: 175%;
}
#calendar {
  background-image: url("../images/Calendar Background.jpg");
  height : 250px;
  width : 235px;
  float : right;
}
#calendar .content {
  height: 228px;
  background-color: transparent;
}
/* Collapsed/expanded content for Calendar */
.collapsed:hover, .expanded:hover {
  color: blue;
}
.collapsed, .expanded {
  cursor: pointer;
  border-bottom: 2px solid #333333;
  margin-left: 6px;
  margin-right: 6px;
}
.expanded h3 {
  text-decoration: underline;
}
.collapsed h3 {
  text-decoration: none;
}
.collapsed div {
  display: none;
}
.expanded div {
  display: inline;
}
.collapsed div hr, .expanded div hr {
  width : 80%;
  color : #333333;
  background-color : #333333;
  height :  0px;
  border : none;
  margin : 4px;
  line-height : 8px;
  margin-left : 10%;
}

#feed {
  clear: both;
  float: left;
  height : 201px;
  width : 406px;
  margin-top: 15px;
}
#feed .content {
  padding: 5px;
  height: 179px;
  background-color: #d0d0ce;
}

#buttons {
  float : right;
  height : 232px;
  width : 324px;
}
#buttons img {
  float : right;
  border : 0;
  margin-left : 15px;
  margin-top : 15px;
}
.l {
  margin-left: 0px;
  width: 93px;
  height: 93px;
}

#login {
  float: right;
}
#login a {
  font-weight: normal;
  font-size : 16px;
  height: 100%;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 30px;
  color: white;
}
#login a:hover {
  text-decoration: none;
}

/* --------------------- Main Page ----------------------- */
#homepage {
  background-color : #272d3b;
  background-image : url(images/Background.jpg);
  background-position : center top;
  background-repeat : repeat-x;
  margin : 0px;
/*  overflow: hidden;*/
}
#thepage {
  width : 760px;
  height : 647px;
}
#topbar {
  background-image: url("images/Wheat Sky Top.jpg");
  background-repeat : no-repeat;
  background-position : center center;
  background-attachment : scroll;
  background-color : black;
  text-align : right;
  vertical-align : bottom;
  width : 100%;
  height : 120px;
  position : relative;
  padding : 0px;
  margin : 0px;
}

#links {
  position : relative;
  top : 100px;
  height : 20px;
  width : 100%;
}
#links a {
/* properties of main page menu links */
  font-size : 16px;
  font-weight: normal;
  line-height: 20px;
}
.link {
  height: 100%;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
}
#rightlinks {
  float: right;
}
#leftlinks {
  float : left;
}
#links, .link {
  background-image: url(images/Button.GIF);
  background-repeat: repeat-x;
}
.link:hover {
  text-decoration: none;
  background-image: url(images/ButtonDep.GIF);
}

#theframe {
	width : 100%;
	height : 497px;
  background-color : #a1a1a1;
}

#bottombar {
  width : 100%;
  height : 30px;
  background-repeat : no-repeat;
  background-position : center top;
  background-attachment : scroll;
  background-color : black;
	background-image : url("images/Bottom Bar.gif");
}

/* ------------------------ All Pages ----------------------- */
#framepage {
/* properties for main text of pages */
  font-family : "Times New Roman", times, serif;
  text-align : justify; /* justify OR left OR center OR right */
  font-weight : normal;
  text-decoration : none;
  font-size : 14px;
  color : black;
/* properties for layout of pages */
  margin : 0px;
  padding : 0px;
  padding-top : 15px;
  padding-bottom : 15px;
  padding-left : 15px;
  padding-right : 15px;
/* properties for background of pages */
  background-color : #a1a1a1;
  background-repeat : no-repeat;
  background-position : center top;
  background-attachment : scroll;
  overflow: hidden;
}

/* ----------------------- Map ------------------------- */
.hiddenform {
  display : none;
  color : black;
}
.visibleform {
  display : block;
  color : black;
}
#directionsform {
  font-weight : bold;
}
#directionsforminput {
  background: transparent;
  border : 2px solid black;
  color: black;
  font-weight : bold;
  width: 154px;
  text-align : left;
}
#directionsformsubmit {
  background: transparent;
  border : 2px solid black;
  font-weight : bold;
  color: black;
}

/* ----------------------- Photo viewer ---------------------------- */
.caption {
  background : #000;
  color : #fff;
  border: 1px solid #fff;
}

/* ----------------------- Page editor ------------------------- */
.buttons {
  background: #ccc;
  border: 1px solid #ccc;
  margin: 1px;
  float:left;
}
.raise  {
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-bottom: 1px solid buttonshadow;
  border-right: 1px solid buttonshadow;
  background: #ccc;
  margin:1px;
  float:left;
}
.press {
  border-top: 1px solid buttonshadow;
  border-left: 1px solid buttonshadow;
  border-bottom: 1px solid buttonhighlight;
  border-right: 1px solid buttonhighlight;
  background: #ccc;
  margin:1px;
  float:left;
}  
#toolbar {
  margin: 0px;
  width: 354px;
  padding: 0px;
  height: 24px;
  background: #ccc;
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-bottom: 1px solid buttonshadow;
  border-right: 1px solid buttonshadow;
  text-align: center;
  color: black;
  font-size: 0px;
}
#toolbar img {
  width: 18px;
  height:18px;
  margin: 0px;
  padding: 0px;
}
#toolbar2 {
  margin: 0px;
  width: 354px;
  padding: 0px;
  height: 54px;
  background: #ccc;
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-bottom: 1px solid buttonshadow;
  border-right: 1px solid buttonshadow;
  text-align:center;
  color : black;
}