/* Start of CMSMS style sheet 'St Pauls Nav' */
/*----------------------------------------------------------------------------- 
 
Anthony Tramontana 
CSS  Navigation for St Pauls Church Site
-----------------------------------------------------------------------------*/

dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;

}



/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Horizontal menu for the CMS CSS Menu Module */

/* by Alexander Endresen */



#menu_vert {
	margin-left: 1px;
	margin-right: 1px;
	width:950px;
	background-color: #666633;
	height:33px;
}

/* The wrapper clears the floating elements of the menu */



/* Fix for Opera 8 */

.clearb { clear: both; }

#menuwrapper {   /* Fix for Opera 8 */  /*   overflow: hidden;  */ 
	background-color: #666633;
	border-bottom: 1px solid #C0C0C0;
	width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
	width: 200px; 
}

/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}

#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
}

#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%; 
	top: 0px; 
}

	

#primary-nav li {
	margin-left: -1px;
	float: left; 
}

#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	color: #E4E2BC;
}

#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
}

#primary-nav li li a { 
	border: 1px solid #C0C0C0;
}	

#primary-nav li, #primary-nav li.menuparent { 
	background-color: #666633; 
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #323323;
	color:#ccc; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { /* arrow for menuparents */
	background-image: url(uploads/images/arrow.gif); 
	background-position: center right;
	background-repeat: no-repeat; 
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh{
   	background-color: #787D00; 
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* 

just add #primary-nav li:hover ul ul,#primary-nav li.menuparenth ul ul ul, for fourth level */

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul{ 
	display: none; 

}

/* add #primary-nav ul ul ul li:hover ul,#primary-nav ul ul ul li.menuparenth ul,for fourth level */

#primary-nav li:hover ul, 

#primary-nav ul li:hover ul, 

#primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, 

#primary-nav ul li.menuparenth ul, 

#primary-nav ul ul li.menuparenth ul { 
   	display: block; 
}

/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
}

#primary-nav li li a { 
	height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */

/* Top Vertical Navigation: CSSMenu - Horizontal' */

#topNav{
   margin: 40px 0 0 2px ;
   padding: 0;
   list-style-type: none;
   background:#B5A187;
font-variant: small-caps;
}
#
topNav li {
   margin: 0px auto;
 
   
}
#topNav a {
  text-align:center;
text-decoration:none;
   background: #452E32;
   color: #FFFFFF;
   display: block;
   width: 175px;
   border: 6px solid #B5A187;
   border-top: 3px solid #B5A187;
   padding: 4px 0 4px 10px;
}
#topNav a:hover {
text-align:center;
text-decoration:none;
   background: #B5A187;
   color: #452E32;
   text-decoration: none;
   border-left: 5px solid #452E32;
border-right: 5px solid #452E32;
}

/* End of 'St Pauls Nav' */

/* Start of CMSMS style sheet 'St Pauls' */
/*----------------------------------------------------------------------------- 
 
Anthony Tramontana 
sytpauls.css
CSS for St Pauls Church Site

-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------- 
 COMMON STYLES
 -----------------------------------------------------------------------------*/


* {margin: 0; padding: 0;}

body {
        background: #ABA778 url(uploads/images/bg5.gif) repeat-x;
        background-size: 100%;
	color: #222;
	font: normal 72.5% Arial, helvetica;;
	
}
table{
        margin:10px ;

}
p{
        margin:10px auto;

}
a {color: #642;}
a:hover {color: #963;}
 

h1,h2,h3 {
	color: #7b7869; 
 
	

}

h1 {
   
      padding-left: 26px;
      font-family: "Times New Roman",Times,serif;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      font-size: 24px;
      line-height: normal;
      font-size-adjust: none;
      font-stretch: normal;
      -x-system-font: none;
     text-transform: uppercase;
     color: #7b7869;
  
 
}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em  }
h3 {font: bold 1.2em  }
h2 {
 	padding-left: 26px;
 	font: 20px "Times New Roman", Times, serif;
 	text-transform: uppercase;
 	color: #7b7869;
}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em ;}
ul,ol {
        padding: 2px 1.4em 1.2em;
}
/* ----------------------------------------------------------------------------- 
 BLOCKQUOTE
 -----------------------------------------------------------------------------*/
blockquote {
	/*background: url('uploads/images/quote.gif') no-repeat;*/
	background: url(uploads/images/parchmentc.jpg) no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding: 20px 96px 10px 56px;
	font-style: italic;
	color: #996;
	Height:200px;
}
.quote{
/*background: url('uploads/images/openquote.gif') no-repeat; */

}
.left p img{
padding:0;
background-color:none;
border:0;
}

/* ----------------------------------------------------------------------------- 
 LAYOUT
 -----------------------------------------------------------------------------*/
 
#wrapper {
	margin: 0 auto;
	width: 950px;
}
#container {
	border: 1px solid #996;
	background: #FBF9F4;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width:950px;
}

/* ----------------------------------------------------------------------------- 
 TITLE BAR
 -----------------------------------------------------------------------------*/
.title {
 background: url(uploads/images/title_bg4.gif) repeat-x;
	/* background: #3B3D3A; */
	border-top: 1px solid #996;
}
.title h1{
        font:  Times New Roman, Times, serif;
	color: #fff;
	font: normal 20px ;
	padding: 10px 0 10px 18px;
}
.title h2{
padding: 0px 0 8px 18px;
}
.title h1 a{
	color: #fff;
	font: normal 20px;
	padding: 10px 0 10px 18px;
}

.title img{
position: absolute; 
top: 6px; 
margin-left:850px;

}
/* ----------------------------------------------------------------------------- 
 MASTHEAD
 -----------------------------------------------------------------------------*/
.topNavContainer{
      margin:0px;
      padding:0;
       height:220px;
       float:left;
      
background: #B5A187 url(uploads/images/sunburst.gif) no-repeat;
       
}

.header {
	/*border-top:1px solid #663; 
	/*background: #DAD7C5 url(uploads/images/header.gif) repeat-x;*/
	/* background: url(uploads/images/window.gif) no-repeat; */
	height: 220px;
        float:right;
}
/*.header img{
 
border: 1px solid #663;
padding:6px;
       margin:30px;
border-right:3px solid #663;
border-bottom:3px solid #663;
}
*/
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
/* ----------------------------------------------------------------------------- 
 NAVIGTION
 -----------------------------------------------------------------------------*/
.navigation {
	background:#663 ; 
	height: 31px;
	border:1px solid #996; 
}
.navigation a {
	background: #663 url(uploads//nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em ;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}
/* ----------------------------------------------------------------------------- 
 BreadCrumb
 -----------------------------------------------------------------------------*/

/*

.breadcrumb{
float:left;
border-bottom:dotted 1px #663;
margin:0 10px 0 10px;
}

 #search{
float:right;
margin-right:20px;

}
*/


div#search {
	float: right;
	width:400px;     /* enough width for the search input box */
	text-align: right;
	padding: 0.6em 0 1.2em 0;
	margin: 0 1em;
	border:0px
	}

#search label{
	float:left;
	margin:10px 0 0 110px;

}

#search input{
	 
	margin:6px 0 0 5px;

}

div.breadcrumbs {
	padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
	font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
	margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
	border-bottom: 1px dotted #000;
}


 div.breadcrumbs span.lastitem { 
	font-weight:bold; 
} 




/* ----------------------------------------------------------------------------- 
 CONTENT
 -----------------------------------------------------------------------------*/
.main#two-columns {
	background: #FFF url(uploads/images/two-columns.gif) repeat-y;
} 
.welcome{
	background: url(uploads/images/bg.gif) repeat-x;
}

.main h1,h2,h3{
	border-bottom:dotted 1px #663;

}

.content img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;

}

#two-columns h2,h3{
 	background: url(uploads/images/header1.gif) no-repeat center left;
}

#two-columns h1{
 	background: url(uploads/images/header1.gif) no-repeat center left;
	padding-bottom:4px;
	padding-left:30px;
}


.left a img{

border: 1px solid #663;
padding:6px;
       
border-right:3px solid #663;
border-bottom:3px solid #663;
 
}

/* ----------------------------------------------------------------------------- 
 NEWS
 -----------------------------------------------------------------------------*/
.NewsSummaryPostdate{
	background: url(uploads/images/calendar.gif) no-repeat;
	height:30px;
        width:193px;
	padding:1px 0px 0 12px;
	font-weight:bold;
	font-size:11px;
	color: #fff; /* #963; */
	margin-top:6px;
}

.NewsSummarySummary{
	font-style: italic ;


}

#NewsPostDetailDate{
	background: url(uploads/images/calendar.gif) no-repeat;
	height:30px;
        width:193px;
	padding:1px 0px 0 12px;
	font-weight:bold;
	font-size:11px;
	color: #fff; /* #963; */
	margin-top:6px;

}

#NewsPostDetailTitle{
	padding-left:30px;
	margin-bottom:2px;
	text-decoration:none;
	border-bottom:dotted 0px #663;
}
hr#NewsPostDetailHorizRule{
	color: #fff;
	background-color: #fff; 
	border: 1px dotted #666633; 
	border-style: none none dotted;
	margin-bottom:2px; 
}

#NewsPostDetailSummary{
	margin:4px 0 4px 0;
	font-style: italic ;
	font-weight:normal;
	 
}

#NewsPostDetailCategory, #NewsPostDetailAuthor{
	 
	font: italic small-caps 900 12px arial;
	color:#666633;
}

#NewsPostDetailContent{
	margin:4px 0 4px 0;;


}
.NewsSummaryCategory,.NewsSummaryAuthor{
        color:#666633;
        font-variant:small-caps;
        margin-bottom:4px;
        margin-top:4px;
        padding:0;
        line-height:12px;
        font-size:11px;

}
/* ----------------------------------------------------------------------------- 
 FOOTER
 -----------------------------------------------------------------------------*/
.bottom {
	/*background: #DCDAC9 url(uploads/images/bottom.gif) no-repeat left bottom;*/
	border: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* ----------------------------------------------------------------------------- 
 COPYRIGHT
 -----------------------------------------------------------------------------*/
.footer {
	background: url(uploads/images/footer_bg2.gif) repeat-x;
	/*background: #332; */
	color: #EED;
	padding: 10px;
font: .88em Arial;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {

	color: #FFF;
	text-decoration: underline;
}

.footer span{
color: Fuchsia;
 font: .88em Arial, helvetica;
}
/* ----------------------------------------------------------------------------- 
 GALLERY
 -----------------------------------------------------------------------------*/
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* ----------------------------------------------------------------------------- 
COLUMNS
 -----------------------------------------------------------------------------*/

.col2 .left {width: 700px;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 250px;}
.col2 .right img{
 
border: 1px solid #663;
padding:6px;
       
border-right:3px solid #663;
border-bottom:3px solid #663;
}

.content {padding: 0 18px  020px;}
.left {float: left;}
.right {float: right; }
.right .content {padding: 0 18px 12px 12px;}

/* ----------------------------------------------------------------------------- 
 BLOCK LIST
 -----------------------------------------------------------------------------*/
ol li{
        border-bottom: #666633 dashed 1px;
        margin: 4px 0 4px 0;
        font-style:italic;
}
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}


/* ----------------------------------------------------------------------------- 
 MISC
 -----------------------------------------------------------------------------*/
 
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}



.roundedcornr_box_218093 {
   background: #ffffff url(uploads/images/roundedcornr_218093_grad.gif) repeat-x top left;
}
.roundedcornr_top_218093 div {
   background: url(uploads/images/roundedcornr_218093_tl.gif) no-repeat top left;
}
.roundedcornr_top_218093 {
   background: transparent url(uploads/images/roundedcornr_218093_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_218093 div {
   background: url(uploads/images/roundedcornr_218093_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_218093 {
   background: transparent url(uploads/images/roundedcornr_218093_br.gif) no-repeat bottom right;
}

.roundedcornr_top_218093 div, .roundedcornr_top_218093,
.roundedcornr_bottom_218093 div, .roundedcornr_bottom_218093 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_218093 { margin: 0 15px; }

/* End of 'St Pauls' */