/*
@font-face {
	font-family: "URW Bookman L";
	src: url(/static/stpaul/urw-bookman-l.eot);
	src: local("URW Bookman L"), url(/static/stpaul/urw-bookman-l.ttf) format("truetype");
}

@font-face {
	font-family: "URW Bookman L";
	src: url(/static/stpaul/urw-bookman-l-bold.eot);
	src: local("URW Bookman L"), url(/static/stpaul/urw-bookman-l-bold.ttf) format("truetype");
	font-weight: bold;
}
*/

body,html,ul,h1,div {
	margin: 0;
	padding: 0;
	border: 0;
}

body, h1, h2 {
	font-family: "URW Bookman L","Bookman Old Style","Serifa BT","itc bookman",georgia,palatino,"century schoolbook","times new roman",serif;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#container a { color: #d1a136; }
#navigation a { color: #513d18; }

body {
	background: #4B291C url(/static/stpaul/background.jpg) repeat-x 0 260px;
	font-size: 110%;
}

h1#title {
	position: relative;
	display: block;
	background: white url(/static/stpaul/stpaulHeader.jpg) center;
	height: 226px;
	color: transparent;
}

h1#title a {
	position: absolute;
	left: 600px;
	top: 140px;
	color: transparent;
	visibility: hidden;
}


/* Menu */
#navigation {
	position: absolute;
	background: transparent url(/static/stpaul/menuBar.png) repeat-x;
	width: 100%;
	height: 89px;
	top: 200px;
	left: 0;
	padding-top: 23px;
	z-index: 10;
}
#navigation ul {
	margin: 0 auto;
	width: 785px;
	color: #513d18;
	font-size: 20px;
	list-style:none;
    height: 41px;
}
#navigation a {
	display: block;
    padding-top: 10px;
    padding-left: 0.5em;
}
#navigation li, #navigation a {
	padding-right: 0.5em;
    height: 31px;
}
#navigation li ul li a {
	width: 14em;
	font-size: 95%;
}
#navigation li ul {
	width: 15em; /* integrated width for all of them */
}
#navigation li {
	float: left;
}
#navigation li ul {
	position: absolute;
	left: -999em;
    height: auto;
}
#navigation li.sfHover ul {
	left: auto;
}
#navigation ul ul li:hover {
	background-color: #E1B760;
}
#navigation li ul li {
	background: #D4AB57;
}
#navigation li ul li, #navigation li ul li a {
	padding-bottom: 10px;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/static/stpaul/menushadow.png') no-repeat bottom right;
	padding: 0 10px 10px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



#breadcrumbs {
	float: left;
	color: #d1a136; 
	width: 500px;
	background: #4B291C url(/static/stpaul/paper.jpg) repeat-x 0 -340px;
	padding: 8px 8px 4px 8px;
	margin: 0 -8px 4px -8px;
	font-size: 90%;
	font-family: freesans, helvetica, arial, sans-serif;
	text-transform: lowercase;
}

#breadcrumbs li {
	display: inline;
}

#container {
	margin: 0 auto;
	width: 841px;
}

#container2 {
	float: left;
	width: 785px;
	padding: 0 28px;
	background: transparent url(/static/stpaul/shadow.png) center repeat-y;
}

#body, #footer {
	float: left;
	width: 725px;
	padding: 1em 30px;
}

#body {
	background: #694737 url(/static/stpaul/paper.png) repeat-x 0 35px;
	padding-top: 75px;
	color: #dab258; 
}

#footer {
	color: #C19631;
	background: #644334;
	font-size: 75%;
}

#content { 
	float: left;
	width: 500px;
}

#content ul {
    margin-left: 30px;
}

#content, #sidebar {
	font-family: freesans, helvetica, arial, sans-serif;
}

.story img {
	cursor: pointer;
}

.story .attachments {
	float: right;
	padding: 8px;
	margin: 5px;
	width: 250px;
}
.story .attachments ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	text-indent: 0;
}
.story .attachments h3 {
	margin: 0;
}

.gallery img:hover, .story img:hover {
    border: 3px solid #6A4535;
}

.story .simple_overlay img:hover {
	border: none;
}

#sidebar {
	float:right;
	width: 210px;
	font-size: 80%;
}

#sidebar .module {
	background: #694737 url(/static/stpaul/paper.jpg) repeat-x 0 -220px;
	padding: 0px 8px 8px 8px;
	margin-bottom: 20px;
}
	
#body h1, #body h2, #body h1 a, #body h2 a { 
	color: #d1a136; 
	/*color: #dab258; */
	background: #694737 url(/static/stpaul/paper.jpg) repeat-x 0 -340px;
	text-decoration: none;
	margin-bottom: 2px;
	margin-top: 8px;
}
#body #content h2 a {
	width: 500px;
}
#body h1 a, #body h2 a {
	display: block;
	padding: 8px 8px 0px 8px;
	margin: -8px -8px 0px -8px;
}
#body h2 {
	font-size: 130%;
}

#body h1 a:hover, #body h2 a:hover {
	background: #4B291C url(/static/stpaul/paper.jpg) repeat-x 0 -420px;
	text-decoration: none;
}

#body a:hover {
	text-decoration: underline;
}

.story { margin-bottom: 2em; }

.story img, .story .gmap { float: right; clear: right; margin: 5px -8px 5px 5px; }
.gallery img, .story img, .story .gmap { border: 3px solid #845947; }

ul.rssFeed {
	list-style-type: none;
	margin-left: -8px;
	margin-right: -8px;
}

ul.rssFeed li a {
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	border-bottom: 1px solid #694737;
	border-top: 1px solid #996F5B;
}
ul.rssFeed li a:hover {
	background: #4B291C url(/static/stpaul/paper.jpg) repeat-x 0 -420px;
	text-decoration: none !important;
}

ul.rssFeed li img {
    margin: 0 auto;
    display: block;
    border: 29px solid #6E4D3E;
    width: 152px;
}

.ppy {
	float: right;
	clear: right;
}

.ppy ul {           /* hide everything if js deacitvated */
    height:         0px;
    width:          0px;
    padding:        0px;
    margin:         0px;
    overflow:       hidden;
}
.ppy-stage {
    background:     transparent no-repeat center center;  
}

.date {
	font-size: 80%;
}
.author {
	font-size: 80%;
	font-style: italic;
}

.gmap {
    float: right;
    margin-left: 4px;
}

.calendar-day {
    background: url(/static/stpaul/calendar-day.png);
    height: 73px;
    width: 78px;
    float: left;
    margin-right: 10px;
	font-family: "URW Bookman L","Bookman Old Style","Serifa BT","itc bookman",georgia,palatino,"century schoolbook","times new roman",serif;
    font-weight: bold;
}

.calendar-date, .calendar-month {
    width: 78px;
    text-align: center;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
}
.calendar-date {
    font-size: 45px;
    color: #964a52;
    line-height: 50px;
}

.calendar-month {
    color: #e1b760;
}

.calendar dd dl {
    width: 400px;
    float: left;
    text-align: left;
    margin-bottom: 1em;
}

.calendar dd dl dd {
    padding-bottom: 1em;
    margin-left: 0;
}

.calendar dd dl dd .time {
    font-style: italic;
    font-color: ;
	color: #caa248; 
}
.calendar dd dl dt {
    font-weight: bold;
    margin-bottom: 0.25em;
}
.calendar dl {
	margin-top: 0;
}

/* image overlays */

.simple_overlay { 
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.simple_overlay img {
    border: none;
    margin: 0;
    float: left;
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/static/stpaul/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/* AddToAny */
.share_and_bookmark { float: right; clear: both; }

/*****************/
/* Photo Gallery */
/*****************/

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#photo-gallery a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}


/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}
