body {
   font:95%/1.125em "Lucida Grande", "Trebuchet MS", Verdana, san-serif;
   text-align: center;
   background: #00476E;
   padding-bottom: 1em;
}

body#tinymce,
body.mceContentBody {
   background: #FFFFFF !important;
   text-align: left !important;	
}

a {
   text-decoration: none;   
}

a:hover {
   text-decoration: underline;   
}

/*Headings*/
h1,h2,h3,h4,h5,h6{font-family:Georgia, serif;letter-spacing:.1em;margin-bottom:1.5em}

#container{
   position: relative;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   background: #F9F6EB url(../images/bg/container.png) repeat-x left bottom;
   padding-bottom: 10px;
   margin-right: 8px;
}

#container #container-shadow-left-circle,
#container #container-shadow-right-circle {
   position: absolute;
   bottom: 0;
   height: 25px;
   width: 27px;
}

#container #container-shadow-left-circle {
   left: -9px;
   background: url(../images/bg/container-shadow-left-circle.png) no-repeat left top;
}

#container #container-shadow-right-circle {
   right: -9px;
   background: url(../images/bg/container-shadow-right-circle.png) no-repeat right top;
}

#wrap, #footer {
	width:58.5em;
   margin-left:auto;
   margin-right:auto;
}

#wrap {
   background: url(../images/bg/container-shadow-left.png) repeat-y left top;
   padding-left: 8px;
}

#wrap2 {
   background: url(../images/bg/container-shadow-right.png) repeat-y right top;
}

/*Hair*/
#hair{
   position:relative;
   background: #01476E url(../images/bg/hair.png) repeat-x left top;
   font-size:.7em;
   padding-top: .7em;
   padding-bottom: .7em;
   border-bottom: 1px solid #7FA2B6;
}

#hair a{
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFFFF;
}

#hair ul {
   text-align: right;
   margin-right: 1.2em;
}

#hair ul li {
   display: inline;
   margin-right: 1.2em;
}

/*head*/

#head {
   padding: 0 1.2em 0.8em;
   background: #FFFFFF url(../images/bg/head.png) repeat-x left bottom !important;
}

#head #logo {
   position: relative;
   left: 50px;
   top: -15px;
}

#head #logo-text {
   position: relative;
   top: -15px;
}

#head-nav{
   width: 100%;
   text-align: center;
   font: 0.75em Georgia, "Times New Roman", Times, serif;
   z-index: 9999;
}

#head-nav ul{
   z-index: 9999;
}

#head-nav ul li{
   float:left;
   position: relative;
   z-index: 1000;
   border-right: 1px solid #B2C3D5;
   height: 3em;
   line-height: 3em;
   padding-right: .8em;
   padding-left: .8em;
   font-weight: bold;
   text-transform: uppercase;
   color: #00476E;
   z-index: 9999;
   cursor: default
}

#head-nav ul li.wrap{
   line-height: 1.3em;
}

#head-nav ul li.end{
   border-right-style: none;
}

#head-nav li ul {
   position: absolute;
   left: -999em;
   text-align: left;
   width: 16em;
   background: #022951;
   filter:alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
   z-index: 9999;
}

#head-nav li:hover ul,
#head-nav li.sfHover ul {
	left: 0;
   top: 100%;
   z-index: 9999;
}

#head-nav li ul li {
   float:none;
   border-right: none;
   height: auto;
   line-height: 1.6em;
   font-weight: bold;
   font-size: .85em;
   padding: 0;
   z-index: 9999;
}

#head-nav li ul li a {
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   display: block;
   padding: 0.4em 0.8em;
   z-index: 9999;
}

#head-nav li ul li a:hover {
   text-decoration: underline; 
}

body#sub.about #head-nav li.nAboutUs {
   background: #A71A32 url(../images/bg/red-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.news #head-nav li.nNews {
   background: #544B35 url(../images/bg/dark-green-gradient.png) repeat-x left top;
   color: #FFFFFF;
   line-height: 1.5em;
}

body#sub.education #head-nav li.nEducation {
   background: #5B1C49 url(../images/bg/purple-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.outreach #head-nav li.nOutreach {
   background: #BE9B2F url(../images/bg/gold-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.giving #head-nav li.nGiving {
   background: #5A666F url(../images/bg/steel-gray-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.faith #head-nav li.nWorship {
   background: #51642D url(../images/bg/green-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.vocations #head-nav li.nVocations {
   background: #995123 url(../images/bg/rust-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.family #head-nav li.nFamilyLife {
   background: #296F81 url(../images/bg/teal-gradient.png) repeat-x left top;
   color: #FFFFFF;
}

body#sub.youth #head-nav li.nYouthMinistry {
   background: #CB5230 url(../images/bg/burnt-orange-gradient.png) repeat-x left top;
   color: #FFFFFF;
   line-height: 1.5em;
}

/*trunk*/

#trunk {
   padding: 0.5em 0.7em;
}

/* content */

#content{
   float:left;
   width:72.5%;
   font-size:0.875em;
   background: #FFF; 
}

body.vocations div.home #content {
	width: 100% !important;
}

body.vocations div.home div#voc-landing-tables {
	margin-top: 10px;
}

body.vocations div.home div#voc-landing-tables table {
	float: left !important;
   width: 30% !important;
   margin-right: 3% !important;
	display: inline !important;
   clear: right !important;
}

body.vocations div.home div.float-right-half {
	width: 40% !important;
}

#content h2 {
   text-transform: uppercase;
   color: #FFFFFF;
   padding: 0.6em 1.2em;
   margin: 0px;
   font: bold 1.05em Georgia, "Times New Roman", Times, serif;
   letter-spacing: 0em;
}

#content h3 {
   font-size: 1em;
   text-transform: uppercase;
   color: #5B1C49;
   padding: 0em;
   font-weight: bold;
   margin: .7em 0 .7em 0px;
}

#content h4 {
   font-size: .9em;
   text-transform: uppercase;
   color: #5B1C49;
   padding: 0.1em 0em;
   font-weight: bold;
   margin: 0.3em 0;
}

#content h5 {
   font-size: 0.8em;
   text-transform: capitalize;
   color: #5B1C49;
   padding: 0.1em 0em;
   font-weight: bold;
   margin: .9em 0 0.3em;
}

#content #news {
   padding: .8em;   
}

#content #news #welcome,
#content p.intro {
   margin-bottom: 1em;
   padding-bottom: 1em;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 1.4em;
   z-index: 3;
}

#content #news #welcome
{
   position: relative;
   border-bottom: 1px solid #E7B596;
}

#content #news #welcome .fleur
{
   position: absolute;
   bottom: -14px;
   left: 47.3%;
}

#content #news .news-item-quarter {
   float: left;
   width: 25%;
   border-right: 1px solid #E7B596;
   padding: 0px;
   position: relative;
}

#content #news .news-item-half {
   float: right;
   width: 46%;
}

#content #news .news-item-quarter p,
#content #news .news-item-half p {
   font-size: .8em;
   margin-right: 0.8em;
   margin-left: 0.8em;
}

dd.news-body p {
	line-height: 1.5em;
   margin-bottom: 1.5em;
}

#content a,
#sidebar a{
   font-weight: bold;
}

#content a:hover,
#sidebar a:hover{
   text-decoration: none;
}

#content table {
	width: 100%;
   color: black;
}

#content table {
   width: 100%;
   border-right: 1px solid #00476E;
   border-bottom: 1px solid #00476E;
   border-top: 1px solid #00476E;
   margin-bottom: 1em;
   margin-top: 1em;
}

#content table.noTableStyle {
	width: 96% !important;
	border: none !important;
	margin: 0;
	text-align: center;
}

#content table td {
   padding: .3em;
   border-left: 1px solid #00476E;
   border-top: 1px solid #00476E;
}

#content table.noTableStyle td {
   border: none !important;
   vertical-align: top !important;
}

#content table tr {
   padding: .3em;
   border-left: 1px solid #00476E;
}

#content table.noTableStyle tr {
   border: none !important;
   padding: 0 !important
}

#content table th{
   background: #00476E;
   font-weight: bold;
   font-variant: small-caps;
   color: #FFFFFF;
   padding: .3em;
}

#content table.noTableStyle th,
#content table.noTableStyle .highlight,
#content table.noTableStyle .tr-hover,
#content table.noTableStyle .tr-click,
#content table.noTableStyle .tr-heading {
   background: #FFF !important;
   color: #000 !important;
   border: none !important;
}

#content table .highlight {
   background: #F0FAFF;
}

#content table .tr-hover {
   background: #CAEEFF !important;
}

#content table .tr-click {
   background: #008ED2 !important;
   color: #FFFFFF;
}

#content table .tr-heading {
   background: #00476E !important;
   color: #FFFFFF;
}

/*Plain Table*/

#content table#plain {
	width: 100%;
   color: black;
   border: none !important;
}

#content table#plain td,
#content table#plain tr {
   border: none !important;
}

#content table#plain th,
#content table#plain .highlight,
#content table#plain .tr-hover,
#content table#plain .tr-click,
#content table#plain .tr-heading
{
   background: #FFF !important;
   color: #000 !important;
}

/*Sidebar*/

#sidebar{
   float:right;
   width: 27%;
   font-size:.7em;
   color: #4A6682;
   z-index: 2;
}

#sidebar h3{
   font-size: .9em;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFFFF; 
   padding: 0.6em 1.2em;
   margin: 0px;
}

#sidebar div.generic,
#sidebar #quicklinks,
#sidebar #find-parish,
#sidebar #calendar,
#sidebar #voc_calendar,
#sidebar #fishers_video,
#sidebar #podcast,
#sidebar #blue-ribbon,
#sidebar #information,
#sidebar div.information
{
   padding: 0.8em 0.8em 0.4em;
   overflow: hidden;
   background: white;
}

#sidebar div.generic ul,
#sidebar div.generic ol
{
   line-height: 1.6em;
   margin-left: 1em;
   padding-left: 1.3em;
   margin-bottom: 1.5em;
}

#sidebar div.generic ul
{
   list-style: square;   
}

#sidebar div.generic ol
{
   list-style: decimal;   
}

#sidebar a {
   border-bottom: 1px dotted #7793B0;
   text-decoration: none;
   color: #4A6682;
   font-size: .85em;
}

#sidebar a:hover {
   border-bottom: 1px solid #7793B0;
   text-decoration: none;
   color: #4A6682;
}

#sidebar form {
   text-align: center;	
}

#sidebar input, 
#sidebar select {
   font-size: .85em;	
}

#sidebar #quicklinks form,
#sidebar #information form {
   padding-bottom: .9em;
   margin-bottom: .9em;
}

#sidebar #quicklinks table td {
   text-align: center;
}

#sidebar #quicklinks input.submit {
   background: #51642D;
   color: #FFFFFF;
}

#sidebar #information input.submit {
   background: #01476E;
   color: #FFFFFF;
}

#sidebar table {
   width: 100%;
}

#sidebar #quicklinks a{
   color: #51642D;
   border-bottom-color: #51642D;
}

#sidebar #quicklinks a:hover{
   border-bottom-color: #51642D;
}

#sidebar #find-parish a{
   color: #BE9B2F;
   border-bottom-color: #BE9B2F;
}

#sidebar #find-parish a:hover{
   border-bottom-color: #BE9B2F;
}

#sidebar #find-parish input.submit {
   background: #BE9B2F;
   color: #FFFFFF;
}

#sidebar #find-parish p.help-text {
   text-align: center;
   padding-top: .5em;
   padding-bottom: 1em;
}

#screentype {
	text-align: center;
   margin-top: 1em;
}

#sidebar #feedback,
#sidebar #loader
{
	display: none;
}

#sidebar #calendar a,
#sidebar #voc_calendar a,
#sidebar #fishers_video a {
   color: #59656F;
   border-bottom-color: #59656F;
}

#sidebar #calendar a:hover,
#sidebar #voc_calendar a:hover,
#sidebar #fishers_video a:hover {
   border-bottom-color: #59656F;
}

#sidebar #calendar input.submit {
   background: #59656F;
   color: #FFFFFF;
}

#sidebar #podcast a{
   color: #5B1C49;
   border-bottom-color: #5B1C49;
   text-transform: uppercase;
}

#sidebar #podcast a:hover{
   border-bottom-color: #5B1C49;
}

#sidebar #podcast input.submit {
   background: #5B1C49;
   color: #FFFFFF;
}

#sidebar input#zip,
#sidebar input#query,
#sidebar input#query2 {
   width: 15.6em;
}

#sidebar #find-by-zip {
   margin-bottom: .5em;
}

#sidebar select#parish {
   width: 16.2em;
}

#sidebar input.submit {
   width: 2.5em;
}

#sidebar #calendar table {
   border-top: 1px solid #999;
   border-left: 1px solid #999;
   cursor: pointer;
}

#sidebar #calendar table td {
   background: #FFF;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   text-align: center;
   padding: 2px;
}

#sidebar #podcast {
   text-align: center;   
}

/* Footer */
#footer {
   text-align: left;
   color: #FFF
}

#footer p {
   padding: .4em;
   padding-left: 4em;
   font-size: 80%
}

#footer a {
   color: #FFF;
   border-bottom: 1px dotted #FFF;
}

#footer a:hover {
   border-bottom: 1px solid #FFF;
   text-decoration: none;
}

/* SUB PAGES CONTENT SIDEBAR AND CONTENT MAIN */
/*content main*/
#content #content-main {
   float: right;
   width: 70%;
   color: #B35713;
}

body.vocations div.home #content #content-main,
body.onecol #content #content-main {
   width: 77% !important;
}

body.onecol div#content
{
	width: 100%;
}

body.onecol div#content p,
body.twocol div#content p,
body.threecol div#content p,
#content #content-main p, 

body.onecol div#content ul,
body.twocol div#content ul,
body.threecol div#content ul,
#content #content-main ul,

body.onecol div#content ol, 
body.twocol div#content ol,
body.threecol div#content ol,
#content #content-main ol, 
#content #content-main address {
	margin-bottom: 1.3em;
	text-align: left;
}

body.onecol div#content ul,
body.twocol div#content ul,
body.threecol div#content ul,

body.onecol div#content ol,
body.twocol div#content ol,
body.threecol div#content ol,
#content #content-main ul,
#content #content-main ol {
   margin-left: 1.3em;
   padding-left: 1.3em;	
}

body.onecol div#content ul li,
body.twocol div#content ul li,
body.threecol div#content ul li,
#content #content-main ul li,

body.onecol div#content ol li,
body.twocol div#content ol li,
body.threecol div#content ol li,
#content #content-main ol li {
   margin-top: .8em;	
}

body.onecol div#content ul,
body.twocol div#content ul,
body.threecol div#content ul,
#content #content-main ul {
   list-style: square;   
}

body.onecol div#content ol,
body.twocol div#content ol,
body.threecol div#content ol,
#content #content-main ol {
   list-style: decimal;   
}

#content #content-main address {
   font-style: italic;    
}

.float-left-half,
.float-right-half {
   font-size: .85em;
}

.float-left-half,
.float-right-half {
   width: 48%;
}
.float-left-half {
   float: left;	
}
.float-right-half {
   float: right;	
}


/*content sidebar*/
#content #content-sidebar {
   float: left;
   width: 29%;
   font-size:.7em;
   border-top: 1px solid #FFFFFF;
}

body.vocations div.home #content #content-sidebar,
body.onecol #content #content-sidebar {
   width: 22% !important;
}

#content #content-sidebar ul {
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 0 !important;
   margin-top: 0 !important;
   padding-left: 0 !important;
   list-style: none !important;
}

#content #content-sidebar ul li ul {
   margin-left: 0;
   margin-right: 0;
   border-bottom: 1px solid #FFFFFF;
   margin-top: 1px;
}

#content #content-sidebar ul li a {
   text-transform: uppercase;
   padding: 0.5em 1em 0.5em 1.3em;
   display: block;
   font-weight: bold;
   font-size: 1.1em;
   border: none !important;
}

#content #content-sidebar ul li a:hover {
   text-decoration: underline;   
}

#content #content-sidebar ul li ul li {
   border-top: 1px solid #FFFFFF;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   margin-top: 0 !important;
}

#content #content-sidebar ul li ul li a {
   text-transform: capitalize;
   color: #666666;
   display: block;
   padding: .1em 2em .1em 3em;
   border: none !important;
}

/*gradients*/
.red {
   background: #A71A32 url(../images/bg/red-gradient.png) repeat-x left top;
}

.dark-green {
   background: #544B35 url(../images/bg/dark-green-gradient.png) repeat-x left top;
}

.purple {
   background: #5B1C49 url(../images/bg/purple-gradient.png) repeat-x left top;   
}

.gold {
   background: #BE9B2F url(../images/bg/gold-gradient.png) repeat-x left top;   
}

.steel-gray {
   background: #5A666F url(../images/bg/steel-gray-gradient.png) repeat-x left top;   
}

.green {
   background: #51642D url(../images/bg/green-gradient.png) repeat-x left top;   
}

.rust {
   background: #995123 url(../images/bg/rust-gradient.png) repeat-x left top;
}

.teal {
   background: #296F81 url(../images/bg/teal-gradient.png) repeat-x left top;
}

.burnt-orange {
   background: #CB5230 url(../images/bg/burnt-orange-gradient.png) repeat-x left top;
}

.blue {
	background: #01476E url(../images/bg/blue-gradient.png) repeat-x left top;
}

/*#home*/
#home #content {
   color: #80451E;
   width:72.1%;
}

#home #content a.more {
   background: url(../images/arrow-red.gif) no-repeat right .3em;
}

#home #content a{
   color: #5B3115;
   border-bottom: 1px dotted #5B3115;
}

#home #content a:hover{
   border-bottom: 1px solid #5B3115;
}

body.onecol div#content a,
body.twocol div#content a,
body.threecol div#content a,
#sub #content-main a{
   color: #5B3115;
   border-bottom: 1px dotted #5B3115;
}

body.onecol div#content a:hover,
body.twocol div#content a:hover,
body.threecol div#content a:hover,
#sub #content-main a:hover{
   border-bottom: 1px solid #5B3115;
}

#content #content-sidebar ul {
	background: #F2E6DC;
}

#content #content-sidebar ul li a {
   color: #5B1C49;
}

#content #content-sidebar ul li ul li:hover {
   background: #ECDBCC;
}

/*Skin*/

div.wrap {
   padding-bottom: 2.5em;
}

div.beige-shadow-left-circle {
   padding-left: 12px;
   background: url(../images/bg/beige-shadow-left-wrap-circle-long.png) no-repeat left bottom;
}

div.beige-shadow-right-circle {
   padding-right: 12px;
   background: url(../images/bg/beige-shadow-right-wrap-circle-long.png) no-repeat right bottom;
}

#head div.beige-shadow-left-circle,
#head div.beige-shadow-right-circle {
   position: absolute;
   bottom: 5px;
   height: 22px;
   width: 25px;
}

#head div.beige-shadow-left-circle {
   left: 0;
   padding-left: 0;
   background: url(../images/bg/beige-shadow-left-circle.png) no-repeat left top;
}

#head div.beige-shadow-right-circle {
   right: 0;
   padding-right: 0;
   background: url(../images/bg/beige-shadow-right-circle.png) no-repeat right top;
}

div.outer1 {
   background: url(../images/bg/wrap-shadow-left.png) repeat-y left top;
}

div.outer2 {
   background: url(../images/bg/wrap-shadow-right.png) repeat-y right top;
}

/*misc*/
.center{
   text-align:center;
   margin-right: auto;
   margin-left: auto;
}
.bg-beige {
   background: #B9B5AE !important;
}
.clear{clear:both}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.float-left{
   float:left;
   margin-bottom:0.5em;
   margin-right:1em
}
.hide{position: absolute; left: -999em;}
abbr,acronym{border-bottom:1px dotted #CCC;cursor:help}
del,.strike{color:#5E667D;text-decoration:line-through}
em{font-style:italic}
form fieldset{border:none}
ins{font-style:italic;text-decoration:none}
.right{text-align:right}
strong{font-weight:700}
a.more {
   padding-right: 12px;   
}
.lightText {
   color: #999;
}
.darkText {
   color: #000;   
}
.grayCell {
   background: #E6E6E6 !important;
}

.pad {
   padding: 0.6em 1em 0.6em 0.6em;
}
.pad-bottom-1em {
	padding-bottom: 1em;
}
.static {
	position: static !important;
}
.relative {
	position: relative !important;
}
img.fleur-long {
	margin-top: 1em;
   margin-bottom: -.8em;
}
#content-main img.fleur-long {
	margin-top: -1em;
   margin-bottom: 1em;
}

#news-list {
   padding: 1em;	
}

#news-list dt.news-headline {
   font: bold 1.3em Georgia, "Times New Roman", Times, serif;
   margin-bottom: .5em;
   color: #544B35;
}

#news-list dt.news-headline span {
   display: block;
   font: .7em Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
	margin-top: .7em;
}

#news-list a {
   color: #544B35;
	border-bottom: 1px dotted #544B35;
}

#news-list a:hover {
	border-bottom: 1px solid #544B35;
}

#news-list dd.news-body {
   margin-bottom: 2em;
}

