/*
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;
	border-top: 3px solid #C8C8C8;
	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;
	background:#F2F2F2;

	
}

/* 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]-->


	

}

#bannerxeno {
	background: url(http://stpaulgrantpark.org/images/bannertest.png) no-repeat left top;
	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: 5px;
	width: 760px;
				}

#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: 1380px;
}
#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;
	}

#headermessagexeno {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#headermessagexeno ul {
	
	list-style: none;
	
	}


#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;
}
#neighbormenuxeno {
	margin: 0 auto;
	
	}
#neighbormenuxeno ul {
	padding: 0;
	list-style: none;
	

}

#neighbormenuxeno li {
	display: inline;
	
}

#neighbormenuxeno a {

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

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

#neighbormenuxeno .current_page_item a {
	background: none;
		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;
}
#menuxeno {}

#menuxeno ul {
	margin: 0 0 0 0;
	list-style: none;
}

#menuxeno li {
	display: inline;
}

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

#menuxeno a:hover {
	padding: 2px 8px 2px 8px;
	color: #336698;
}

#menuxeno .current_page_item a {
	background: none;
	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 0px 11px;
	font-color:#330066;
	font-size: 13px;

}

.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: 13px;
	font-weight: bold;
	}

.left p {
	padding: 0 10px;
}

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

.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: 13px;
	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;
}



/* Footer */

#footer {

	height: 40px;
}

#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;
	}



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}