body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color: #333333;
	background-color: #3c3b0e;
}
/* breakout box */
.box {
	width: 200px;
	height:auto;
	float:right;
	margin: 10px;
	padding: 10px;
	border: 1px solid rgb(60 59 14);
	background-color: #d1cf6d;
}
p, td {
	font-size:10pt;
	color: #333333;
}

.hp_reus p, .hp_reus td, .hp_reus a, .hp_reus a:link {
	background-color: transparent;
	font-size:8pt;
}
.hp_reus h4 {
	padding:2px 0px;
}
h1 {
	font-size:18pt;
	color:#615E16;

}
#rightColumn h1 {
margin: 1em 0 0; }
h2 {
	font-size:14pt;
	color:#615E16;

}
h3 {
	font-size:12pt;
	color:#615E16;
}
h3.srvcs { 
margin: 0pt; 
padding: 0px 0px 0px 20px; 
background-color: transparent; 
color: #454545;
}
h4 {
	font-size:10pt;
	color:#615E16;

}
a img {
	border:0;
}
div.cal {
	background-color:#fef5cd;
}
/* link definitions */
/* links in body and default */
a, a:link {
	font-size:10pt;
	text-decoration: none;
	color:#b87400;
}
a:visited {
	font-size:10pt;
	text-decoration: none;
	color:#b87400;
}
a:hover {
	font-size:10pt;
	color: #b87400;
}
/* links in top nav */
a:link#navA {
	font-size:10pt;
	text-decoration: none;
	color:#ffffff;
}
a:visited#navA {
	font-size:10pt;
	text-decoration: none;
	color:#99ccff;
}
a:hover#navA {
	font-size:10pt;
	color: #D1CF6D;
}
/* links in eyebrow */
a:link#eyebrow {
	font-size:x-small;
	color: #666666;
	text-decoration:none;
}
a:visited#eyebrow {
	font-size:x-small;
	color: #666666;
	text-decoration:none;
}
a:hover#eyebrow {
	font-size:x-small;
	color: #615E16;
	text-decoration:none;
}
/* links in left nav */
a:link#navB {
	font-size:10pt;
	text-decoration: none;
	color:#092273;
}
a:visited#navB {
	font-size:10pt;
	text-decoration: none;
	color:#092273;
}
a:hover#navB {
	font-size:10pt;
	color: #615E16;
}
/* link in footer */
a:link#navfooter {
	font-size: x-small;
	text-decoration: none;
	color:#666666;
}
a:visited#navfooter {
	font-size: x-small;
	text-decoration: none;
	color:#666666;
}
a:hover#navfooter {
	font-size: x-small;
	color: #615E16;
}
#wrapper {
	width: 987px;
	margin: 0 auto;
}
#header {
	background: transparent url(http://www.catholiccharities-md.org/assets/images/bgheader.gif) left no-repeat;
	text-align:right;
	height:80px;
	vertical-align:top;
}
#utilityNav {
	padding:14px 20px 5px;
}
#utilityNav, #utilityNav a {
	color:#999999;
	font-size:8pt;
}
#searchForm {
	margin:0 20px 0;
	padding:0;
}
#searchForm input {
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
}
#searchForm .submitBtn {
	font-size:9pt;
	background:#FFFFFF;
	color:#999999;
	border:none;
	padding:5px;
	margin:0;
}


/* interior nav */
#navbar {position: relative; z-index: 100;}
#mainNav {
	background: url(/assets/images/bg-main-nav.png);
	list-style:none;
	margin:0;
	padding:0;
	width: 987px;
	height:60px;

}
#mainNav li {
	display:inline;
	padding:0px;
	margin:0;
	line-height:32px;
	position: relative;
	z-index: 100;
}
#mainNav li a {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:37px;
	padding-right:37px;
	letter-spacing:0.002em;
	
}
#mainNav li a:hover {
	color:#8E9CC9;
}
#mainNav li.first a {
	padding-left:25px;
}
#mainNav li.last a {
	padding-right:2px;
}
#mainNav li a#advocacy, #mainNav li a#news {position: relative; top: 2px;}
#mainNav li a#career, #mainNav li a#about { position: relative; top: 4px;}
#mainNav li a#volunteer { position: relative; top: 5px; }
#content {width: 987px; display: block; min-height: 375px; margin-top: -32px; clear: both; background: #FAF9E7;
}
#leftColumn {
	background: #faf8e6 url(http://www.catholiccharities-md.org/assets/images/bg-leftcolumn.jpg)  no-repeat;
	width: 204px;
	min-height: 350px;
	float: left;
	padding: 32px 0 0;
		border-right: 1px solid #fff;
}
#leftColumnServices {
	background:#faf8e6 url(http://www.catholiccharities-md.org/assets/images/bg-leftcolumn-srvc.jpg) no-repeat;
	width:204px;
	min-height: 350px;
	float: left;
	padding: 22px 0 0;
	border-right: 1px solid #fff;
}
#quickSelect {
	margin:0;
	padding:0 0 0 20px;
	font-size:8pt;
	color:#454545;
}
#quickSelect select {
	width:170px;
	font-size:8pt;
	color:#454545;
	font-style:italic;
}
#quickSelect option {
	font-size:8pt;
	color:#454545;
}
#leftNav {
	margin:0;
	padding:15px 20px;
	width:164px;
	list-style:none;
}
#leftNav a {
	color:#092273;
	font-weight:bold;
	font-size:9pt;
	line-height:24px;
}
div.programAddress {
	padding-left: 15px;
	font-size: 8pt;
}
#rightColumn {
	background-color:#faf8e6;
	padding:32px 20px 16px;
	width: 742px;
	float: left;
}
#topline {display: block; clear: both; }
#breadcrumbs {
	color:#615e16;
	font-size:8pt;
	font-style:italic;
	width:594px;
	float:left;
}
#breadcrumbs a {
	text-decoration:underline;
	color:#615e16;
	font-size:8pt;
}
#pageHeading h1 {
	margin:0;
	padding:5px 0;
}
div.subhead {
	color:#615e16;
	font-size:10pt;
}
div#printShare {
	float:right;
	width:auto;
}
#printShare a img {
	border:none;
}
/* Footer style */
#footer {
	color: #666666;
	text-align: center;
	background: transparent url(http://www.catholiccharities-md.org/assets/images/bg-footer.png) bottom left no-repeat;
	height:50px;
	vertical-align:top;
	padding-top:16px;
	font-size:8pt;
	display: block;
}
:first-child+html #footer { 
padding-top: 27px;
height: 39px;
}
#footerHome {
	color: #666666;
	text-align: center;
	background:#3C3B0E url(http://www.catholiccharities-md.org/assets/images/bg-footer-home.png) top left no-repeat;
	height:64px;
	padding-top:12px;
	font-size:8pt;
	display: block;
}
:first-child+html #footerHome {padding-top: 23px; }

/* Homepage Styles */

.clear {
	clear:both;
}
.top {
	position: relative;
	margin-top: -32px;
	padding: 32px 0 0 0;
	height: 340px;
	background: #F6F5E0;
	width: 987px;
}
.top h4 {
	color:#092273;
	font-size:10pt;
	background-color:transparent;
}
.top #subscriberSection {
	float:left;
	width:145px;
	font-size:9pt;
	padding:10px 20px;
}
.top #subscriberSection h4, .top #donateSection h4 {
	padding:5px 0px;
	margin:0px;
}

/*
#mainPhoto h1, #mainPhoto h2, #mainPhoto h3, #mainPhoto h4 {
	background:none;
}
.light h1, .light h2, .light h3, .light h4 {
	color: #FFFFFF;
}
.dark h1, .dark h2, .dark h3, .dark h4 {
	color: #000000;
}
.light p {
	color: #FFFFFF;
}
.dark p {
	color: #000000;
}
#rotatePhotoLight, #rotatePhotoDark {
	float:left;
	width:584px;
*width:614px;
	height:315px;
*height:320px;
}
#rotatePhotoDark {
	color: #ffffff;
}
.top #rotatePhotoLight h1 {
	color:#333333;
	background-color:transparent;
	padding:3px 3px 5px;
	margin:0px;
}
.top #rotatePhotoLight a {
	color:#092273;
}
.top #rotatePhotoDark h1 {
	color:#FFFFFF;
	background-color:transparent;
	padding:3px 3px 5px;
	margin:0px;
}
.top #rotatePhotoDark a {
	color: #FFFFFF;
}
.top #mainPhoto h1 {
color:#333333;
background-color:transparent;
padding:0px 0px 5px;
margin:0px;
}
.top #mainPhoto a {
color:#092273;
}*/

.top #donateSection {
	float:left;
	width:145px;
	font-size:9pt;
	padding:10px 20px 0px;
}
.bottom {
	background: url(http://www.catholiccharities-md.org/assets/images/bg-bottom.png) 0 0 repeat-y;
	min-height: 200px;
}
.bottom #getInvolved, .bottom #careers {
	float:left;
	width:275px;
	min-height:241px;
	padding:10px 25px 0px;
	color:#615e16;
}
.bottom #careers {
	width:277px;
}
.bottom #getInvolved h3, .bottom #careers h3 {
	color:#615e16;
	border-bottom:1px solid #615e16;
	background-color:transparent;
	padding-bottom:5px;
	font-family: Helvetica, Arial, san-serif;
	font-weight:bold;
	font-size:12pt;
}

.bottom #newsEvents {
float:left;
	width:285px;
	color:#ffffff;
	font-size:9pt;
	padding:10px 25px 0px;
}
.bottom #newsEvents h3 {
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	background-color:transparent;
	padding-bottom:5px;
	font-family: Helvetica, Arial, san-serif;
	font-weight:bold;
	font-size:12pt;
}
.bottom #newsEvents p {
	color:#ffffff;
}
.bottom #newsEvents a {
	color:#ffffff;
}
/*CMS Section Nav 
# means ID. . means class.
left nav is the top level item and includes the other things on the same line. a is the link text. They use the ID here to pull in the content. 
Use example <div class="linksetuSubMenu-1">

*/

#leftNav .navigationItem {
	padding-top:3px;
	padding-bottom:3px;
}
#leftNav .navigationItemLabel {
	padding-bottom:4px;
	padding-top:20px;
	border-bottom:#000000 solid 1px;
}
#leftNav .linksetSubMenu-1 .navigationItem a {
	color:#092273;
	font-weight:bold;
	font-size:10pt;
	/* The margin and border specs below do not seem to work. */
margin-bottom:12pt;
	border-bottom:thin;
	line-height:normal;
	height:auto;
}
/* this is where CQ changed the nav style */
#leftNav .linksetSubMenu-2 .navigationItem a {
	color:#092273;
	font-weight:normal;
	font-size:8pt;
	margin-left:10px;
	line-height:normal;
}
#leftNav .linksetSubMenu-3 .navigationItem a {
	color:#092273;
	font-weight:normal;
	font-size:7pt;
	margin-left: 15px;
	line-height:normal;
}
#leftNav .linksetSubMenu-4 .navigationItem a {
	color:#092273;
	font-size:6pt;
	margin-left: 20px;
	font-weight: normal;
	line-height:normal;
}
/* end CMS Section Nav */

div.imageCaption {
	float:right;
	padding-left: 8px;
	padding-bottom: 8px;
}
div.relatedContentSide {
	float: right;
	width: 296px;
	padding-left:8px;
	padding-bottom: 8px;
}
div.relatedContentBottom {
}
.logo {
	display:block;
	width:285px;
	height:45px;
	position: absolute;
	top:20px;
	left:25px;
}

div.no-p {
	padding-left: 15px;
	font-size: 8pt;
}
div.no-p p {
	padding: 0px;
	margin:0px;
	font-size: 8pt;
}
div.no-p p a {
	font-size: 8pt;
}
.imageCaption {
	overflow:hidden;
}
/*homepage slides */
.top .bot{	position: absolute; left: 0; bottom: 0; z-index: 13; display: block; width: 987px; height:19px; background: transparent url(http://www.catholiccharities-md.org/assets/images/bg-top-bottom.png) left top no-repeat; }
#mainPhoto { position: relative; z-index: 10; 	float: left;	margin: -21px 2px 0; width: 613px; height: 360px; overflow: hidden;}
ul#slideshow, ul#slideshow li { position: absolute; list-style: none; margin: 0; padding: 0; }
ul#slideshow li {display: none; }
ul#slideshow li.first {display: block; }
ul#slideshow li a,ul#slideshow li img {position: relative; z-index: 10; }
ul#slideshow li img {border: 0; padding: 0;}
ul#slideshow li span { position: absolute; bottom: 0px; left: 0; display: block; width: 553px; padding: 7px 50px 15px 10px; background: #3c3b0e; color: #fff; z-index: 900; opacity: .9; filter: alpha(opacity = 90); font-size: .9em; }
#slidenav { position: absolute; right: 10px; bottom: 15px; z-index: 55; color: #fff;}
#slidenav a {padding: 0 3px; margin: 0 1px; color: #fff; font-weight: bold;  background: #3c3b0e; }
#slidenav a.activeSlide { background: #D1CF6C; color: #000;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}