/* This first part of the stylesheet is for large-scale formatting */

body {text-align: center;
       margin-top: 2px;
	   background-attachment: fixed;
	   background-repeat: repeat;
	   background-color: #57106D;
}

.left {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 239px;
}
.right {
  float: right;
  padding: 0px 20px 0px 10px;
  width: 300px;
  text-align:left;
}

.middle {
  padding:0px;
  top: 10px;
  width: 347px;
  margin-left: 249px;
  margin-right: 300px;
}

.bottom {
  padding-top: 10px;
  text-align: center;
  clear: both;
  color: #57106D;
  background: url(../pictures/white_footer.png);
  width: 872px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
.largeWhiteFooter {
  padding-top: 10px;
  padding-left:20px;
  padding-right:50px;
  clear: both;
  color: #57106D;
  background: url(../pictures/supportFooter.png);
  width: 650px;
  height: 249px;
  margin-left: 240px;
  margin-bottom: 0px;
  background-repeat:no-repeat;
}
#container {
	background-color: #57106D;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 943px;
	visibility: visible;
	display: inline-block;
}	
#main {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #57106D;
	background: url(../pictures/bg_middle.jpg);
	width: 929px;
	padding-left: 14px;
	padding-top: 0px;
	display: inline-block;
}
#footer {
	color:#FFFFFF;
	text-align: center;
	background-color: #57106D;
	background: url(../pictures/footer_middle.jpg);
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	display: inline-block;
}

#middlecontinuation {
  display:block;
  top: 10px;
  width: 390px;
  margin-left: 239px;
  margin-right: 300px;
}
#whitebg {
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  text-align: left;
  color: #57106D;
  background: url(../pictures/whitebg.png);
  background-repeat:repeat-x;
}
#purplebg {
  text-align: left;
  padding-top:10px;
  padding-left:20px;
  padding-bottom:10px;
  color:#FFFF00;
  background: url(../pictures/purplebg.png);
  background-repeat:repeat-x;
}
#notebookbg {
  background-repeat:no-repeat;
  width:508px;
  text-align: left;
  padding-top:10px;
  padding-left:70px;
  padding-right:10px;
  padding-bottom:10px;
  color:#57106D;
  background: url(../pictures/notebookbg.jpg);
}
#whitepanel {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 252px;
  padding-left: 7px;
  margin-right: 380px;
  background-repeat:no-repeat;
  text-align: left;
  color: #57106D;
  background: url(../pictures/white_panel.png);
  width: 258px;
  height: 389px;
}

#indent {
  padding-left:10px;
  margin-left: 249px;
  margin-right:20px;
}
#right380px{
  float: right;
  margin: 0px 20px 0px 10px;
  width: 382px;
  text-align:left;
}
#smallnotebookbg {
  margin-top:30px;
  margin-left:20px;
  width:140px;
  height: 253px;
  text-align: left;
  padding-top:20px;
  padding-left:55px;
  padding-right:10px;
  padding-bottom:10px;
  color:#57106D;
  background: url(../pictures/smallnotebookbg.jpg);
  background-repeat:no-repeat;
}
#righttext {
  display:block;
  float:right;
  text-align:left;
  padding:0px;
  margin:0px;
}
#rightpadding80px {
  padding-right:80px;
}
/* This next portion of the style sheet is for the left navigation buttons */
#navlist{position:relative;}
#navlist div{
	margin:0;
	padding:0;
	position:absolute;
}
#navlist span, #navlist a{height:35px;display:block;}
#buttonHome{
	top:0;
	left:0px;
	width:242px;
	background:url('../pictures/button_home.png') 0 0;}
#buttonHome a:hover, #buttonHome a:focus{background: url('../pictures/button_home.png') 0 -35px;}
#buttonHomeCurrent{
	top:0;
	left:0px;
	width:242px;
	background: url('../pictures/button_home.png') 0 -35px;}

#buttonWhatisloveinc{
	top:35px;
	left:0px;
	width:242px;
	background:url('../pictures/button_whatisloveinc.png') 0 0;}
#buttonWhatisloveinc a:hover, #buttonWhatisloveinc a:focus{background: url('../pictures/button_whatisloveinc.png') 0 -35px;}
#buttonWhatisloveincCurrent{
	top:0;
	left:0px;
	width:242px;
	background: url('../pictures/button_whatisloveinc.png') 0 -35px;}

#buttonWaystosupportus{
	top:70px;
	left:0px;
	width:242px;
	background:url('../pictures/button_waystosupportus.png') 0 0;}
#buttonWaystosupportus a:hover, #buttonWaystosupportus a:focus{background: url('../pictures/button_waystosupportus.png') 0 -35px;}
#buttonWaystosupportusCurrent{
	top:70px;
	left:0px;
	width:242px;
	background: url('../pictures/button_waystosupportus.png') 0 -35px;}

#buttonWaystovolunteer{
	top:105px;
	left:0px;
	width:242px;
	background:url('../pictures/button_waystovolunteer.png') 0 0;}
#buttonWaystovolunteer a:hover, #buttonWaystovolunteer a:focus{background: url('../pictures/button_waystovolunteer.png') 0 -35px;}
#buttonWaystovolunteerCurrent{
	top:105px;
	left:0px;
	width:242px;
	background: url('../pictures/button_waystovolunteer.png') 0 -35px;}

#buttonEvents{
	top:140px;
	left:0px;
	width:242px;
	background:url('../pictures/button_events.png') 0 0;}
#buttonEvents a:hover, #buttonEvents a:focus{background: url('../pictures/button_events.png') 0 -35px;}
#buttonEventsCurrent{
	top:140px;
	left:0px;
	width:242px;
	background: url('../pictures/button_events.png') 0 -35px;}

#buttonGapministries{
	top:175px;
	left:0px;
	width:242px;
	background:url('../pictures/button_gapministries.png') 0 0;}
#buttonGapministries a:hover, #buttonGapministries a:focus{background: url('../pictures/button_gapministries.png') 0 -35px;}
#buttonGapministriesCurrent{
	top:175px;
	left:0px;
	width:242px;
	background: url('../pictures/button_gapministries.png') 0 -35px;}

#buttonLovestories{
	top:210px;
	left:0px;
	width:242px;
	background:url('../pictures/button_lovestories.png') 0 0;}
#buttonLovestories a:hover, #buttonLovestories a:focus{background: url('../pictures/button_lovestories.png') 0 -35px;}
#buttonLovestoriesCurrent{
	top:210px;
	left:0px;
	width:242px;
	background: url('../pictures/button_lovestories.png') 0 -35px;}

#buttonLinks{
	top:245px;
	left:0px;
	width:242px;
	background:url('../pictures/button_links.png') 0 0;}
#buttonLinks a:hover, #buttonLinks a:focus{background: url('../pictures/button_links.png') 0 -35px;}
#buttonLinksCurrent{
	top:245px;
	left:0px;
	width:242px;
	background: url('../pictures/button_links.png') 0 -35px;}

#buttonContactus{
	top:280px;
	left:0px;
	width:242px;
	background:url('../pictures/button_contactus.png') 0 0;}
#buttonContactus a:hover, #buttonContactus a:focus{background: url('../pictures/button_contactus.png') 0 -35px;}
#buttonContactusCurrent{
	top:280px;
	left:0px;
	width:242px;
	background: url('../pictures/button_contactus.png') 0 -35px;}

/* This next portion of the stylesheet is for text and image appearance and alignment */

a.footer:link, a.footer:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
}
a.footer:hover, a.footer:active, a.footer:focus {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 10pt;
}

span.footertext {
	color:#FFFFFF;
	font-family:"Times New Roman", Georgia, Serif;
	text-decoration:none;
	font-size: 10pt;
}
span.footertitle {
	color:#F6CCFF;
	font-family:"Times New Roman", Georgia, Serif;
	text-decoration:none;
	font-size: 10pt;
}
span.yellow {
	color:#FFFF66;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
}
span.header {
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
}
span.yellowItalic {
	color:#FFFF66;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}
span.white {
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 14px;
}
a.whiteLink:link, a.whiteLink:visited{
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
a.whiteLink:hover, a.whiteLink:focus, a.whiteLink:active{
	color:#CCCCCC;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
a.purple:link, a.purple:visited, a.purple:active {
  color: #57106D;
  text-decoration:underline;
  font-family:"Times New Roman", Times, serif;
  font-size:16px;
  font-weight: bold;
}
a.purple:hover, a.purple:focus{
  color: #660099;
  text-decoration:underline;
  font-family:"Times New Roman", Times, serif;
  font-size:16px;
  font-weight: bold;
}
a.yellowHeader:link, a.yellowHeader:visited, a.yellowHeader:active {
	color:#FFFF66;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	text-decoration:underline;
}
a.yellowHeader:hover, a.yellowHeader:focus{
	color:#FFFF00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	text-decoration:underline;
}
span.shadow {
text-shadow : 0.2em 0.2em;
}
span.bold {
	font-weight:bold;
}

span.indent {
	padding-left: 10px;
}
span.underline {
	text-decoration: underline;
}
span.italic {
	font-style: italic;
}
span.bold {
	font-weight: bold; 
}
span.size14 {
  font-size:14px;
}

div.center {
	text-align:center;
	margin:0px;
	padding:0px;
}

span.whitepanelcurrent {
  color: #660099;
  text-decoration:underline;
  font-family:"Times New Roman", Times, serif;
  font-size:16px;
	font-weight: bold;
}
img.leftalign {
	float: left;
}
img.rightalign {
	float: right;
}