@charset "UTF-8";
/* Savannah Cathedral Stylesheet and images Copyright 2008, eMarketSouth */

body
{
	margin: 0 auto;
	padding: 0;
	color: #333;
	background: #585756 url("./themes/site_themes/default/bg.gif") repeat;
	font-size: 80%;
        clear: left;
}

 h1, h2, h3 {
font-family: georgia, times new roman, times, serif;
color: #330000;
}

h6 {
font-family: georgia, times new roman, times, serif;
color: #666666;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
color: #330000;
}

p {
font-family: georgia, times new roman, times, serif;
color: #330000;
}

ol {
	margin-bottom: 10px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

.auctionentry {
margin: 0 0 20px 0;
border-bottom:1px solid #B79D7E;
padding: 0 0 10px 0;
}
.rightmargin{
margin-right:35px;
}
ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; color: #663300; }
a:hover { background-color: transparent; color: #CC3300; }
a:visited { background-color: transparent; color: #663333; }

#stations{height:700px;}

*{margin:0; padding:0;}

body{text-align:center; font:14px/1.5em Georgia, "Times New Roman", Times, serif; background:#232131 url(images/cathedral_images/body_bg.gif) top left repeat-x;}

.separate{clear:both; height:1px;}

#banner{height:50px;}

#container{width:908px; margin:0 auto; background:url(images/cathedral_images/container_bg.jpg) top center repeat-y; border-bottom:7px solid #100d12;}

/* CONTENT AND STYLES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#content{margin:15px 25px; text-align:left;}

#content2{margin:1px 25px; text-align:left; text-align: justify;}
  
	.threeCol{float:left; width:250px; margin-right:25px;}

        .threeCol h4{display:block; font-size:16px; border-bottom:1px solid #b79d7e; color:#2f1b08; padding-bottom:4px; margin-bottom:7px;}
        
        .threeCol ul{margin-left:12px; padding-left:15px;}
        .threeCol li{list-style-type:circle;}

	#content #contentLeft{}
	
	#content #contentRight{}

/* CONTENT INNER AND STYLES -=-=-=-=-=-=-=-=-=-=-=-=- */	

        #contentLeft {margin: 10em 0 0 0;}

#contentInner{margin:0 4px; text-align:left; background:url(images/cathedral_images/content_inner_bg.jpg) top center no-repeat;}

	#contentInner #contentCenter{text-align:center;}

#contentInner #contentLeft{float:left; width:390px; margin-left:30px;} /* contentLeft */ 

	html>body #contentInner #contentLeft{width:420px;}
	
	#contentInner h1{margin: 0 0 12px 0; padding:0 0 10px; border-bottom:1px solid #b79d7e; color:#2f1b08;line-height:1.2em;}

	#contentInner #contentLeft h1{margin:45px 0 12px 0; padding:0 0 10px; border-bottom:1px solid #b79d7e; color:#2f1b08;line-height:1.2em;}
	
	#contentInner #contentLeft h3{margin:25px 0 12px 0; padding:0 0 10px; border-bottom:1px solid #b79d7e; color:#2f1b08;}
	
	#contentInner #contentRight{width:450px; float:right;} /* contentRight */
	
	#contentInner .home{width:420px; height:152px; display:block;margin-left:-10px;}
	
	#contentInner .sidebar{margin-left:35px;}
		
		#contentInner .sidebar h2, #contentInner .sidebar h3{padding:15px 0 10px; display:block; margin:0 35px 10px 0; border-bottom:1px solid #b79d7e; color:#2f1b08;}
	
		#contentInner .sidebar li{margin-left:15px; margin-top:-7px; list-style-type:circle;}
		
			html>body #contentInner .sidebar li{margin-top:7px;}
		
		#contentInner .sidebar li a{color:#2f1b08;}
	
#feature{background:url(images/cathedral_images/banner_bg.jpg) top left no-repeat; height:603px;}

	#feature object{float:right;margin:0; padding:0; border:none;}
	
	#feature .featureArticle{float:left; width:440px; _width:400px; height:350px; overflow:auto; text-align:left; margin-top:170px; margin-left:25px;}
        
        #feature .featureArticle h1{margin:10px 10px 7px 0; padding-bottom:10px; border-bottom:1px solid #b79d7e; line-height:1.2em;}

        #feature .featureArticle p{padding:7px 0; margin-right:10px;}
	
#featurePhoto{height:252px; width:450px; position:relative;}

	#featurePhoto .photoFrame{position:absolute; overflow:hidden; width:352px; height:184px; top:34px; left:48px;}

	#featurePhoto img{width:353px;}
	
	#contentCenter #featurePhoto{float:right;}
			
/* FOOTER AND FOOTER INNER STYLES -=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
	
#footer{clear:both; border-bottom:2px solid #b79d7e; width:900px; margin:0 auto; padding:21px 0;}

	#footerInner{clear:both; border-bottom:2px solid #b79d7e; width:900px; margin:0 auto; padding:21px 0; background:url(images/cathedral_images/footer_inner_bg.jpg) bottom center no-repeat; min-height:35px;}
#footnote {
                font-family: arial, verdana, helvetica neue, san serif;
                color: #663366;
	        font-size: 90%;
                text-align: center;
                font-weight: lighter;
                margin-bottom: 50px;
}

	
	
/* UPPERNAV AND STYLES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.menu {width:900px; height:32px; font-size:2em; position:relative; z-index:100; background-color: #000000; font-color:#ffffcc;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:900px; w\idth:900px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:150px;}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu li {float:left;width:150px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {text-transform: uppercase; display:block;font-size:14px;text-decoration:none; color:#ffffcc; width:144px; height:30px; border-width:1px 0 1px 1px; background: url(images/cathedral_images/nav_bg_small.jpg); padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: url(images/cathedral_images/nag_ng_down.jpg) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: url(images/cathedral_images/nav_bg_small.jpg) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background: url(images/cathedral_images/nav_bg_small.jpg) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: url(images/cathedral_images/nav_bg_small.jpg);}
/* style the third level hover */
.menu ul ul ul a:hover {background: url(images/cathedral_images/nav_bg_small.jpg);}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: url(images/cathedral_images/nav_bg_small.jpg); color:#ffffcc; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffcc; background:#693c13;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffcc;background:#693c13;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
		
/* CHURCH CALENDAR AND STYLES -=-=-=-=-=-=-=-=-=-=-=-=-*/

.calendarBG{width:800px; margin:25px auto;}

.calendarHeader{}
	
	.calendarHeader th{font-size:25px; padding:10px 0; border-bottom:1px solid #b79d7e; color:#2f1b08; }
	.calendarHeader th .calendarMonthLinks{font-size:16px; color:#2f1b08; }
	.calendarHeader th .calendarMonthLinks a{text-decoration:none; background-color:#b79d7e; padding:2px 7px; color:#2f1b08;}
	.calendarHeader th .calendarMonthLinks a:hover{background-color:#2f1b08; padding:2px 7px; color:#b79d7e;}

.calendarDayHeading{padding:5px; font-weight:bold; background-color:#2f1b08; color:#b79d7e; }

.calendarBlank{color:#b79d7e;  border:1px solid #b79d7e;}

.calendarCell{padding:5px; border:1px solid #b79d7e; width:100px; text-align:left;}

.calendarToday{background-color:#2f1b08; color:#b79d7e;}	
	
		
/* OTHER CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.staffPhoto{float:left; padding:0; margin:0 15px 0 0; width:150px; border:1px solid #2f1b08;}
	.staffPhoto p, .staffPhoto img{margin:0; padding:0;}