/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: url(http://stpaulgrantpark.org/images/bgimages/rotate.php) repeat center top;
	color: #000000;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;

}
#container {
	width: 760px;
	margin: 0 auto;
	padding: 0px 0;
	border-style: solid;
	border-color:#336699;
	border-width:1px;

	
}

/* Banner */

#banner {
	background: url(http://stpaulgrantpark.org/images/bannertest.png) no-repeat left top;
	margin-top: 50px;
	margin: 0 auto;
	width: 760px;
	height: 90px;
	border-bottom-color: #336699;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	<![if IE 6]>
	filter: alpha(opacity = 75);
	<![endif]-->


	

}

#banner_background {
     width: 760px;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     height: 90px;
}

#container2 {
	width: 740px;
	height: 1500px;
			}
			
#containerinterest {
	width: 740px;
	height: 1800px;
			}
			
#containerindex {
	padding-top: 20px;
	width: 760px;
	height: 600px;
			}

#containertour {
	width: 740px;
	height: 750px;
			}

#container3 {
	width: 740px;
	height: auto;
			}
#container4 {
	width: 740px;
	height:1000px;
			}
#containerabout {
	width: 740px;
	height: 1550px;
	}
#containerheadline {
	width: 100%;
	height: 140px;
	}
#containerministries {
	width: 740px;
	height: 1360px;
}

#containerministries {
	width: 740px;
	height: 1360px;
}
#containerweddings {
	width: 770px;
	height: 1280px;
}
#containerresources {
	width: 740px;
	height: 1060px;
}



#containervbs {
	width: 760px;
	height: 1160px;
}
#containerbig {
	width: 760px;
	height: 2000px;
}

#outerrim {
	height:20px;
	width: 860px;
	margin: 0 auto;
	padding: 0px 0;
	
}




/* Header */


/* Menu */
#border {
border-style: solid;
border-color: #006699;
border-width: 1px;
width: 760px;
}
#headermessage {
	width: 750px;
	margin: 0 auto;
	height: 30px;
	margin-top: 5px;
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#headermessage ul {
	margin: 0 0 0 260px;
	padding: 0;
	list-style: none;
	padding-top: 1px;
	}

#headermessage2 {
	width: 750px;
	margin: 0 auto;
	height: 20px;
	margin-top: 5px;
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#headermessage2 ul {
	margin: 0 0 0 260px;
	padding: 0;
	list-style: none;
	padding-top: 1px;
	}



#neighbormenu {
	width: 760px;
	margin: 0 auto;
	height: 15px;
	}
#neighbormenu ul {
	margin: 0 0 0 100px;
	padding: 0;
	list-style: none;
	padding-top: 20px;
	

}

#neighbormenu li {
	display: inline;
	
}

#neighbormenu a {
	display: block;
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 15px 0px 15px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

#neighbormenu a:hover {
	margin: 0 0px 0 0;
	padding: 2px 12px 2px 12px;
	color: #336698;
}

#neighbormenu .current_page_item a {
	background: none;
	margin: 0 3px 0 0;
	padding: 0px 20px 0px 20px;
	color: #336698;
}

#menu {
	width: 760px;
	height: 15px;
	margin: 0 auto;
	padding-top: 1px;
}

#menu ul {
	margin: 0 0 0 100px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin: 0 3px 0 10px;
	padding: 2px 7px 2px 7px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
}

#menu a:hover {
	margin: 0 3px 0 0;
	padding: 2px 8px 2px 8px;
	color: #336698;
}

#menu .current_page_item a {
	background: none;
	margin: 0 0px 0 0;
	padding: 2px 5px 2px 5px;
	color: #336698;
}

#resources {display: table;
			float: left;
			overflow: hidden;
			height: 1210px;
			width: 67%;}


.resources a {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 20px 20px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.resources {
	margin: 0 auto;
	margin-top: 10px;
	filter:alpha(opacity=100);
	opacity: 1;
	}
.resources ul {
	margin: 0 0 0 0px;
	list-style: none;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	

}

.resources li {
	display: inline;
}


#resources h2 {
padding: 10px 0px 20px 100px;
	height: auto;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	font-style:underline;
	}

.resourcesvert a {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 60px 0px 10px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.resourcesvert ul {
	margin: 0 0 0 0px;
	list-style: none;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.resourcesvert {
	margin: 0 auto;
	margin-top: 10px;
	filter:alpha(opacity=100);
	opacity: 1;
	}

.resourcesvert li {
	display: inline;
}






#photogallery {display: table;
			#position: relative;
			overflow: hidden;
			height: auto;
			width: 100%;
			filter: alpha(opacity = 75);
}

.photogallery {
	margin: 0 auto;
	margin-top: 10px;
	filter:alpha(opacity=100);
	opacity: 1;
	}
.photogallery ul {
	margin: 0 0 0 0px;
	list-style: none;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	

}

.photogallery li {
	display: inline;
}


#photogallery h2 {
padding: 10px 0px 20px 100px;
	height: auto;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	font-style:underline;
	}

.photogallery a {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 20px 20px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.photogallery span {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 20px 20px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}


.photogalleryvert a {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 70px 0px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.photogalleryvert ul {
	margin: 0 0 0 0px;
	list-style: none;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

.photogalleryvert {
	margin: 0 auto;
	margin-top: 10px;
	filter:alpha(opacity=100);
	opacity: 1;
	}

.photogalleryvert li {
	display: inline;
}

.photogalleryvert span {
	float: left;
	margin: 0 1px 0 3px;
	padding: 0px 20px 20px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

/* Content */

.v-outer {
			display: table;
			#position: relative;
			overflow: hidden;
			height: 100px;
			width: 100%;
		}
 


#content {
	float: left;
	width: 30%;
	border-style: solid;
border-color: #006699;
border-width: 1px;
}

/* Main Content */

.main {
	float: left;
	width: 63%;
	padding: 0px 11px 11px 11px;
	

}

.main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main ul ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}



.main ul ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
}

.main ul li ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
	height: auto;
}
.main li ul {
}

.main li li {
	margin: 0;
	border: none;
}

.main a {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.main li h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	font-weight: bold;
	}
.main h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 14px;
	font-weight: bold;
	}

.main p {
	padding: 0 10px;
}

.headerpackage {
	width: 99%;
	}
	
.headerleft {
	float: left;
	width: 47%;
	padding: 0px 11px 11px 11px;
	color:#330066

}
.headerright {
	float: right;
	width: 47%;
	padding: 0px 11px 11px 11px;
	color:#330066

}
.headercenteronly {

	width: 95%;
	padding: 5px 5px 11px 11px;
	color:#330066
	}
.left {
	float: left;
	width: 32%;
	padding: 0px 11px 11px 11px;
	color:#330066

}

.left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.left ul ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}



.left ul ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
}

.left ul li ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
	height: auto;
}
.left li ul {
}

.left li li {
	margin: 0;
	border: none;
}

.left li h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	font-weight: bold;
	}
.left h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 14px;
	font-weight: bold;
	}

.left p {
	padding: 0 10px;
}

.middle {
	float: left;
	width: 32%;
	padding: 0px 11px 11px 11px;
	color:#330099
}

.middle ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.middle ul ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}



.middle ul ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
}

.middle ul li ul li {
	margin-bottom: 10px;
	border: 1px solid #336699;
	height: auto;
}
.middle li ul {
}

.middle li li {
	margin: 0;
	border: none;
}

.middle li h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 10px;
	font-weight: bold;
	}

.middle h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	font-weight: bold;
	}


.middle p {
	padding: 0 10px;
}

.right {
	float: left;
	width: 27%;
	padding: 0px 11px 11px 11px;
	color:#336666;
	font-size: 13px;
}

.rightsmalltext {
	color:336666;
	font-size: 7pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	}
	
.righttext {
	color:336666;
	}
	
.right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.right ul ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;

}



.right ul ul li {
	margin-bottom: 10px;
	
}

.right ul li ul li {
	margin-bottom: 10px;
	
}
.right li ul {
}

.right li li {
	margin: 0;
	border: none;
}

.right li h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	font-weight: bold;
	}
.right h2 {
	height: auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	font-weight: bold;
	}
.right p {
	padding: 0 10px;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#searchform br {
	display: none;
}

#s {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 18px;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 24px;
	border: none;
	background: #A49D3C;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* Footer */

#footer {
	border-top: 1px solid #C8C8C8;
	height: 100px;
}

#footer p {
	margin: 0;
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #000000;
}

#footer a {
	color: #000000;
}

<!-- from St. Paul>
b {
	font-weight: bold;
	}

.text {
	font-size: 9pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
	}
	
.boldtext {
	font-size: 9pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	}
	
.formtext {
	font-size: 12pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #33333;
	font-weight: bold;
	}
	
.tableheader {
	font-size: 10pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
	}
.boxheader {
	font-size: 10pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
	background-color:#ecece2;
	border-bottom-color:336699;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom: 2px;}	
	
.footer {
	font-size: 8pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
	}
	
.morelink {
	font-size: 8pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
	}
td.blueline {
	border-bottom-style: solid;
	border-bottom-color:#000000;
	border-bottom-width: 1px;
	}
.smalltext {
	font-size: 7pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #333333;
	}
	
.smallbluetext {
	font-size: 7pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #336699;
	}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
		
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

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

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/close_red.png) no-repeat; }
	#lbClose.green { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(http://stpaulgrantpark.org/js/lytebox_v3.22/images/pause_gold.png) no-repeat; }
	
#lightboxes {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    overflow: hidden;}

    #lightboxes li {
    width: 100%;
    height: 9999px;
    position: relative;
    background: rgba(0,0,0,.5);}

    #lightboxes .box {
    position: absolute;
    width: 400px;
    height: 400px;
    left: 50%;
    top: 50px;
    border: 10px solid #999;
    margin-left: -230px;
    background-color: #fff;
    padding: 20px;}

    #lightboxes h3 {
    font-weight: normal;
    font-size: 1.8461em;
    margin: 0 0 0.4583em 0;}

    #lightboxes a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #ddd;
    text-decoration: none;
    font-weight: bold;
    color: #999;
    font-size: 1.2em;}

    #lightboxes a.close:hover {
    background-color: #999;
    color: #fff;}

    #lightboxes #close {
    background-color: transparent;
    z-index: -1;}
    </style>

    <!--[if IE]>
    <style type="text/css">
    html {
    overflow-y: auto;}

    #lightboxes {
    position: relative;}

    #lightboxes .ie-bg {
    background: #000;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=75);}
    </style>
    <![endif]-->
	
	/* $Id: lightbox_alt.css,v 1.1.4.18 2008/08/15 10:09:54 snpower Exp $ */
/**
 * Based on a design created by Nicolas Borda:
 * http://www.ipwa.net/assets/myslimbox/
 */

#lightbox {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  min-width: 240px;
  overflow: hidden;
}

#imageContainer, #frameContainer, #modalContainer {
  padding: 10px;
}

#modalContainer {
  line-height: 1em;
  overflow: auto;
}

#loading {
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: 45%;
  *left: 0%;
}

#hoverNav {
  z-index: 10;
}

#imageData>#hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 45px;
  height: 45px;
  display: block;
}

#prevLink {
  left: 0;
  float: left;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/prev_alt.gif) left 15% no-repeat;
}

#nextLink {
  right: 0;
  float: right;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/next_alt.gif) right 15% no-repeat;
}

#prevLink:hover, #prevLink:visited:hover {
  background-position: right 15%;
}

#nextLink:hover, #nextLink:visited:hover {
  background-position: left 15%;
}

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

#imageData {
  padding: 0 10px;
}

#imageData #imageDetails {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#imageData #caption {
  font-weight: bold;
}

#imageData #numberDisplay {
  display: block;
  padding-bottom: 1.0em;
}

#imageData #node_link_text {
  display: block;
  padding-bottom: 1.0em;
}

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

#overlay_default {
  opacity: 0.6;
}

#overlay_macff2 {
  background: transparent url(http://stpaulgrantpark.org/js/lightbox2/images/overlay.png) repeat;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html>body .clearfix {
  display: inline;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}


/* Image location mod */
#bottomNavClose {
  display: block;
  z-index: 200;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/close.gif) left no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 26px;
  width: 26px;
}

#bottomNavClose:hover {
  background-position: right;
}

#loadingLink {
  display: block;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/loading.gif) no-repeat;
  width: 32px;
  height: 32px;
}

#bottomNavZoom {
  display: block;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/expand.gif) no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  bottom: 25px;
  right: 5px;
}

#bottomNavZoomOut {
  display: block;
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/contract.gif) no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  bottom: 25px;
  right: 5px;
}

#lightshowPlay {
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/play.png) no-repeat;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  height: 20px;
  width: 20px;
}

#lightshowPause {
  background: url(http://stpaulgrantpark.org/js/lightbox2/images/pause.png) no-repeat;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  height: 20px;
  width: 20px;
}

.lightbox_hide_image {
  display: none;
}
