html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	}

/* changed final margin from 250px to 190px */
/* changed min-width from 555px to 575px */
/* changed min-width from 575px to 800px */
div#content {
	margin: 40px 25px 25px 190px;
	color: #000; 
	font: 14px Verdana, sans-serif; 
	padding: 10px;
	border: 2px solid #CCB092;
	width: 900px;
	}

h1 {
	background: #94B1CE;
	color: #024;
	margin: -9px -9px 0.5em;
	padding: 15px 10px 5px;
	font: bold 25px/25px Arial, sans-serif;
	text-align: right;
	}

h3 {
	margin-bottom: 0.25em;
	}

h4 {
	margin-bottom: 0.25em;
	}

h5 {
	color: #8F7B66;
	margin-bottom: 1em;
	font: bold 12px/12px Arial, sans-serif;
	border: solid #CCB092;
	border-width: 0 0 1px 0;
	}

p {
	margin: 0 1em 1em;
	}

p.faq {
	margin: 0;
	font-weight: bold;
	}

ul {
	list-style-position: inside;
	}

blockquote {
	margin: 5px 5% 0 5%;
	}


/* added to help with contribute */
p.text {
	color: #000; 
	font: 14px Verdana, sans-serif; 
	margin: 0 1em 1em;
	text-align: left;
	}
/* end addition */

hr {width: 95%;
	border: none 0; 
	border-top: 1px solid #E5D6C8;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

a:link {
	color: #004080;
	background: transparent;
	text-decoration: none;
	}

a:visited {
	color: #004080;
	background: transparent;
	text-decoration: none;
	}

a:link:hover {
	color: #024;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #024; 
}

a:visited:hover {
	color: #024;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #024; 
	}

/* unused
a.dot {
	border-bottom: 1px dotted blue; 
}
*/

div#links {
	background: #94B1CE;
	color: #FFF;
	margin: -11px -9px 0.5em;
	padding: 5px 10px 5px;
	font: bold 10px/10px Arial, sans-serif;
	text-align: center;
	}

div#links a:link {
	color: #024;
	background: transparent;
	text-decoration: none;
	}

div#links a:visited {
	color: #024;
	background: transparent;
	text-decoration: none;
	}

div#links a:link:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
	}

div#links a:visited:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
	}

div#links2 {
	background: #FFF;
	color: #024;
	margin: -4px -9px 0.5em;
	padding: 5px 10px 5px;
	font: bold 10px/10px Arial, sans-serif;
	text-align: center;
	border-bottom: 1px solid #94B1CE;
	}

div#links2 a:link {
	color: #024;
	background: transparent;
	text-decoration: none;
	}

div#links2 a:visited {
	color: #024;
	background: transparent;
	text-decoration: none;
	}

div#links2 a:link:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
	}

div#links2 a:visited:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
	}

body {
	background: transparent url(images/ppc_sanctuary.jpg) 0 0 no-repeat fixed;
	}

div#content {
	background: #FFF;
	}

div.pullquote {
	float: right;
	width: 160px;
	color: #024;
	border: solid #bf8a61;
	border-width: 2px 0;
	font: bold 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 2px; margin: 1px 7px;
	}
	
div.pullquotestewardship {
	float: right;
	width: 300px;
	color: #024;
	border: solid #bf8a61;
	border-width: 2px 0;
	font: bold 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 2px; margin: 1px 7px;
	}
	
div.pullquotestewardship2 {
	float: center;
	width: 98%;
	height: 103px;
	color: #024;
	border: solid #bf8a61;
	border-width: 2px 0;
	font: bold 1em Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	padding: 3px 2px; margin: 1px 7px;
	}
	
div.pullquotestewardship3 {
	width: 500px;
	color: #024;
	border: solid #bf8a61;
	border-width: 2px 0 0 0;
	font: bold 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 2px; margin: 1px 7px;
	}
	
div.infobox {
	float: right;
	width: 150px;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 1.5em 0 0 1.5em;
	padding: 8px;
	font-size: 80%;
	}
	
div.infobox2 {
	float: right;
	width: 150px;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 0.3em 0 0 1.5em;
	padding: 8px;
	font-size: 80%;
	}
	
div.photobox {
	float: right;
	width: 250px;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 1.5em 0 0 1.5em;
	padding: 8px;
	font-size: 80%;
	}
	
div.photobox2 {
	float: right;
	width: 250px;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 0.3em 0 0 1.5em;
	padding: 8px;
	font-size: 80%;
	}
	
div.photobox400 {
	float: right;
	width: 416px;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 1.5em 0 0 1.5em;
	padding: 8px;
	font-size: 80%;
	}
	
div.footer {
	text-align: center;
	font: normal 70% Arial, Herlvetica, Verdana, sans-serif;
	margin: 1.5em 1em 1em 1em;
	border: solid #CCB092;
	border-width: 1px 0 0 0;
	padding: 3px 0 0 0;
	}
	
div.updated {
	text-align: left;
	font: normal 70% Arial, Herlvetica, Verdana, sans-serif;
	margin: 1.5em 1em 1em 1em;
	padding: 3px 0 12px 0;
	}
	
div.caption {
	float: right;
	text-align: left;
	width: 137px;
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 2px;
	margin: 1px 7px;
	}

div.sitemap2 {
	margin-bottom: 0.5em;
	}

#sitemap ul {
	list-style: disc;
	margin-left: 0.3em;
	padding-left: 1em;
	margin-top: 0;
	margin-bottom: 0.3em;
	}

#sitemap li {
	margin-bottom: 0.5em;
	}

#sitemap ul ul{
	list-style: disc;
	margin-top: 0;
	}

#sitemap li.first {
	border: solid #E9E5DD;
	border-width: 1px 0 0 0;
	}


	
/***********************************************/
/* positioning divs for multicolumn format     */
/***********************************************/ 

#content1 {
float: left;
padding: 10px 0 0 0;
width: 80%;
}

#content1-padding {
text-align: left;
padding: 0 25px 0 0;
border-right: 1px solid #cccccc;
}

#sidebar {
float: right;
padding: 10px 0 0 0;
width: 20%;
}

#sidebar-padding {
text-align: left;
padding: 0 0 0 10px;
}

#sidebar p {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 12pt;
	margin: 0 0 1em 0;
	}

#sidebar p.last {
	border: solid #E9E5DD;
	border-width: 0 0 1px 0;
	}


#sidebar div.infobox {
	width: 88%;
	border: 2px solid #8F7B66;
	background: #CCC3AF;
	text-align: left;
	margin: 8px;
	padding: 8px;
	font-size: 80%;
	}
	
#sidebar div.infoboxC {
	width: 88%;
	border: 1px solid #8F7B66;
	background: #FFFFFF;
	text-align: left;
	margin: 8px 8px 8px 0;
	padding: 8px;
	font-size: 80%;
	}
	
#sidebar strong {
	font-size: 14px;
	}

#sidebar b {
	font-size: 14px;
	}

#sidebar .moreinfo {
	font-size: 11px;
	}
	
#sidebar .accent {
	font-weight: bold;
	}

#sidebar h5 {
	color: #8F7B66;
	margin-bottom: 1em;
	font: bold 12px/12px Arial, sans-serif;
	border: solid #CCB092;
	border-width: 0 0 1px 0;
	}

	
/***********************************************/


.photocaption {
	font: bold 12px/12px Arial, sans-serif;
	}

.highlight {
	padding: 0 2px 0 10px;
	border: 2px solid red;
	}	
	

.calitem {
	margin: 0 1em;
	padding: 3px 0 0 0;
	text-indent: -6.5em;
	margin-left: 7.5em;
	}

.caldate {
	font: bold 14px Arial, sans-serif;
	text-align: left;
	color: #000;
	margin-left: 0;
	margin-bottom: 0;
	padding: 12px 0 1px 0;
	border: solid #CCB092;
	border-width: 0 0 1px 0;
	}

.bar {
	color: #024;
	}

.moreinfo {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	}

.agate {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	}
	
.topic {
	font: 14px Verdana, sans-serif; 
	font-style: normal;
	font-weight: bold;
	color: #000; 
	margin: 0 1em 1em;
	}

.kicker {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 12px 0 0 0;
	}

.infoboxhead {
	font-weight: bold;
	text-decoration: underline;
	}

.credit {
	font: bold 66% Arial, Herlvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	}

.smaller {
	font-size: 60%;
	}

.underscore {
	text-decoration: underline;
	}

.backtotop {
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	margin: -1em 9px .5em 0;
	}
	
.backtotop2 {
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	margin: -1em 9px -1em 0;
	}
	
dl.tricollist {
	width: 29%;
	text-align: left;
	padding: 0 10px;
	float: left;
	}

.tricollist dt {
	font-weight: bold;
	}

.tricollist dd {
	margin: 0;
	padding: 0;
	}

table {
	margin: 0 1em 1em;
	}

table.inside {
	margin: 0;
	}

th {
	text-align: left;
	vertical-align: top;
	}
	
td {
	text-align: left;
	vertical-align: top;
	}

td.label {
	background-color: #CCC5BD;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	}

td.highlight {
	padding: 2px;
	background-color: #E5D6C8;
	}

td.rule {
	padding: 0;
	height: 1px;
	background-color: #E5D6C8;
	}

/* Vistabox table */

#vistabox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	float: right;
	text-align: left;
	margin: 0 5px 10px 10px;
	}

#vistabox th {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border: 0;
	background: #024;
	padding: 5px;
	}

#vistabox td {
	font-weight: normal;
	color: #000000;
	border: 0;
	padding: 5px;
	}

#vistabox tbody tr {
	background: #F4EEDC;
	}

#vistabox td.rule {
	padding: 0;
	height: 1px;
	background-color: #CCB092;
	}

/* end */

/* infobox to replicate vistabox */

ul.infobox { 
	float: right;
	width: 150px;
	margin: 5px 0 10px 5px;
	padding: 5px;
	background: #fff;
	}

li.infohead a:link {
	color: #fff;
	}

li.infohead a:visited {
	color: #fff;
	}

li.infohead a:link:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff; 
	}

li.infohead a:visited:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff; 
	}

li.infohead { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	background: #004080;	    /* Content, padding will be PPC blue */
	margin: 0;
	padding: 4px 4px 4px 5px;
	list-style: none	     /* no glyphs before a list item */
      }

li.infotext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background: #F4EEDC;
	padding: 5px;
	margin: 0;
 	list-style: none	     /* no glyphs before a list item */
    }

ul.photobox { 
	float: right;
	width: 255px;
	margin: 0 0 0 10px;
	padding: 0;
	background: #fff;
	}

ul.photobox400 { 
	float: right;
	width: 416px;
	margin: 0 0 0 10px;
	padding: 0;
	background: #fff;
	}

li.photohead a:link {
	color: #fff;
	}

li.photohead a:visited {
	color: #fff;
	}

li.photohead a:link:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff; 
	}

li.photohead a:visited:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff; 
	}

li.photohead { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background: #004080;	    /* Content, padding will be PPC blue */
	margin: 0;
	padding: 4px 4px 4px 10px;
	list-style: none	     /* no glyphs before a list item */
      }

li.phototext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background: #F4EEDC;
	padding: 10px;
	margin: 0;
 	list-style: none	     /* no glyphs before a list item */
    }

/* stewardship quotes */

ul.quotebox { 
	float: left;
	width: 96%;
	margin: 10px 0 5px 15px;
	padding: 5px;
	border-top: 1px dashed #004080;
	}

li.quotecaps { 
	font-family: georgia, times new roman, serif;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	color: #004080;
	margin: 0;
	padding: 0;
	list-style: none	     /* no glyphs before a list item */
      }

li.quotetext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #004080;
	padding: 0;
	margin: 0;
 	list-style: none	     /* no glyphs before a list item */
    }

li.quotecredit {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-align: right;
	color: #94B1CE;
	padding: 5px 0 25px 0;
	margin: 0;
 	list-style: none	     /* no glyphs before a list item */
    }

/* end */

input.box {
	background-color: #F4EEDC;
	border: 1px solid;
	border-top-color: #DDC9B6;
	border-left-color: #DDC9B6;
	border-right-color: #CCB092;
	border-bottom-color: #CCB092;
	}

textarea.box {
	background-color: #F4EEDC;
	border: 1px solid;
	border-top-color: #DDC9B6;
	border-left-color: #DDC9B6;
	border-right-color: #CCB092;
	border-bottom-color: #CCB092;
	}

/* floating elements */
.float-audio {
float: right;
width: 250px;
margin: 0 15px 10px 15px;
padding-bottom: 6px;
border-bottom: 1px solid #CCB092;
}


/* hidden elements */

.hidden {
	display: none;	
	}


/* hidding print-only elements */

.printlogo {
	display: none;	
	}

div.url {
	display: none;	
	}


/* Back to Top coding: to actually be fixed, this element's stacking
context must be relative to the root element. */

.fixed {
	position: fixed;
	left: 20px;
	top: 10px;
	color: white;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}

.fixed a {
	color: white;
	}

.fixed a:link:hover {
	color: white;
	background: transparent;
	text-decoration: underline;
	}

/* google cse styling */
#SearchResults iframe { 
        width: 100%; 
        height: 1000px; 
} 


/***********************************************/
/* Lightbox styles */
/***********************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(scriptsource/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(scriptsource/js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/***********************************************/
/* Photo gallery styles */
/***********************************************/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery a {
	text-decoration: none;
}



/***********************************************/
/* highlight options for primary links menu */
/***********************************************/

#home .home, #aboutus .aboutus, #worship .worship, #children .children, #youth .youth, #adultstudies .adultstudies, #fellowship .fellowship, #music .music, #concerts .concerts, #missions .missions, #preschool .preschool, #contactus .contactus, #search .search
{ 
color: #FFF !important;
text-decoration: none;
}

/* highlight options for secondary links menu */

/* aboutus submenu */
#aboutus2 .aboutus2, #staff .staff, #elders .elders, #deacons .deacons, #membership .membership, #volunteering .volunteering, #foundation .foundation, #memorialgarden .memorialgarden, #pastoralcare .pastoralcare, #congregationalcare .congregationalcare
{ 
text-decoration: underline !important;
}

/* worship submenu */
#worship2 .worship2, #lectionary .lectionary, #sermons .sermons, #sermonarchive .sermonarchive, #prayerchain .prayerchain
{ 
text-decoration: underline !important;
}

/* children submenu */
#children2 .children2, #childcare .childcare, #clubwed .clubwed, #youth2 .youth2, #boyscouts .boyscouts, #baptism .baptism
{ 
text-decoration: underline !important;
}

/* contactus submenu */
#contactus2 .contactus2, #stafflisting .stafflisting, #sermonsuggestions .sermonsuggestions, #vistascontributions .vistascontributions
{ 
text-decoration: underline !important;
}

/* adultstudies submenu */
#adultstudies2 .adultstudies2, #fall2006 .fall2006, #spring2007 .spring2007, #womensbible .womensbible, #pinnacletheologicalcenter .pinnacletheologicalcenter, #womensgroup .womensgroup
{ 
text-decoration: underline !important;
}

/* fellowship submenu */
#fellowshipopportunities .fellowshipopportunities, #amigos .amigos
{ 
text-decoration: underline !important;
}

/* music submenu */
#adultmusic .adultmusic, #ensembles2 .ensembles2, #performances .performances, #pinnacleconcertseries .pinnacleconcertseries, #timeoutforarts .timeoutforarts, #choirnewsletter .choirnewsletter
{ 
text-decoration: underline !important;
}

/* missions submenu */
#missions2 .missions2
{ 
text-decoration: underline !important;
}

/* preschool submenu */
#preschool2 .preschool2, #pps-philosophy .pps-philosophy, #pps-environment .pps-environment, #pps-registration .pps-registration, #pps-faq .pps-faq, #pps-newsletters .pps-newsletters, #pps-extendedday .pps-extendedday, #pps-tallulah .pps-tallulah, #pps-calendar .pps-calendar, #pps-community .pps-community, #pps-workshops .pps-workshops, #pps-summer .pps-summer
{ 
text-decoration: underline !important;
}

/* photo gallery submenu */
#photogallery2 .photogallery2, #governor .governor, #confirmation .confirmation, #takemamatomexico .takemamatomexico, #choirsunday .choirsunday, #youthsunday .youthsunday, #eggstravaganza .eggstravaganza, #fatsunday .fatsunday, #christmaseve .christmaseve, #christmascelebration .christmascelebration, #fallroundup .fallroundup, #familycamping .familycamping, #phantom .phantom, #labyrinth .labyrinth
{ 
text-decoration: underline !important;
}