BODY {  
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10pt;
color: #333333;
background-color: #3c3b0e;
}

/* breakout box */
.box {
	width: 150px;
	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{ 
    background-color: transparent;
	font-size:8pt;
}

.hp_reus h4{ 
    padding:2px 0px;
}

h1 {
font-size:18pt;
color:#b80606;

}
h2 {
font-size:14pt;
color:#b80606;
}

h3 {
font-size:12pt;
color:#b80606;
}

h4 {
font-size:10pt;
color:#b80606;
}

a img {border:0;}
div.cal {
	background-color:#fef5cd;
}

/* link definitions */
/* links in body and default */
a:link {font-size:10pt; text-decoration: none; color:#69b9ea;}
a:visited {font-size:10pt; text-decoration: none; color:#f69838;}
a:hover {font-size:10pt; color: #cc4736;}

/* 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;}

#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;
}

/* homepage nav */
#mainNavHome {
list-style:none;
width:987px;
margin:0; 
padding:0;
margin-top:8px; 
margin-bottom:20px; 
}

#mainNavHome li{ display:inline; padding:0px; margin:0; }

#mainNavHome li a{ 
font-size:14px;
color:#FFFFFF;
font-weight:bold;

padding-left:37px;
padding-right:37px;
padding-bottom:10px;
padding-top:10px;
letter-spacing:0.002em;

}
#mainNavHome li a:hover{ 
color:#8E9CC9;
}

#mainNavHome li.first a{ padding-left:25px;}
#mainNavHome li.last a{ padding-right:2px;}


/*
#mainNavHome {
background:url(http://www.catholiccharities-md.org/assets/images/mainnavhome.png);
height:50px;
padding:0;
margin:0;
list-style:none;
width:987px;
}

#mainNavHome li {display:inline;}
#mainNavHome a {
float:left; 
display:block;
text-indent:-999em;
width:61px;
*width:140px;
}


#mainNavHome a:hover {background-image:url(http://www.catholiccharities-md.org/assets/images/mainnavhomehover.png);}

a#services {padding:10px 40px;}
a#advocacy {padding:10px 40px;}
a#volunteer {padding:10px 40px;}
a#career {padding:10px 40px;}
a#about {padding:10px 40px;}
a#news {padding:10px 40px;}
a#giving {padding:10px 40px;}
 
a#services:hover {background-position:0px 0px;}
a#advocacy:hover {
background-position:-141px 0px;
*background-position:-140px 0px;
}

a#career:hover {
background-position:-282px 0px;
*background-position:-280px 0px;
}

a#volunteer:hover {
background-position:-423px 0px;
*background-position:-420px 0px;
}

a#about:hover {
background-position:-564px 0px;
*background-position:-560px 0px;
}

a#news:hover {
background-position:-705px 0px;
*background-position:-700px 0px;
}
a#giving:hover {
background-position:-846px 0px;
*background-position:-840px 0px;
}

*/


/* interior nav */
#mainNav {
BACKGROUND: url(http://www.catholiccharities-md.org/assets/images/mainnav2.png);
list-style:none;
margin:0; 
padding:0;
WIDTH: 987px; 
height:50px;
}

#mainNav li{ display:inline; padding:0px; margin:0; line-height:32px;}

#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;}


#leftColumn {
	background:#dfeff9;

	VERTICAL-ALIGN: top; 
	WIDTH: 204px
}

#leftColumnServices {
	background:#dfeff9;

width:204px;
vertical-align:top;
}

#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 {
	color:#092273;
margin:0;
padding:15px 20px;
width:164px;
*width:204px;
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:#ffffff;
padding:16px 20px;
vertical-align:top;
width: 775px;
}

#breadcrumbs  {
color:#f69838;
font-size:8pt;
font-style:italic;
width:594px;
float:left;
}
#breadcrumbs a {
text-decoration:underline;
color:#f69838;
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 {
font-size: smaller;
color: #666666;
text-align: center; 
background:#FAF8E6 url(http://www.catholiccharities-md.org/assets/images/bgfooter.gif);
height:64px;
vertical-align:top;
padding-top:34px;
font-size:8pt;
}

#footerHome {
font-size: smaller;
color: #666666;
text-align: center; 
background:#FAF8E6 url(http://www.catholiccharities-md.org/assets/images/bgfooterhome.gif);
height:64px;
vertical-align:top;
padding-top:28px;
font-size:8pt;
}
#footer a {
font-size:8pt;
}

/* Homepage Styles */

.clear {clear:both;}
.top{

}

.top h4 {
color:#092273;
font-size:10pt;
background-color:transparent;
}

.top #subscriberSection {
float:left;
width:148px;
*width:188px;
font-size:9pt;
padding:10px 20px;
}
.top #subscriberSection h4,
.top #donateSection h4 {
padding:5px 0px;
margin:0px;
}

/*.top #mainPhoto {
float:left;
width:584px;
*width:614px;
height:315px;
*height:320px;
padding:5px 15px 0px;
}*/

#mainPhoto{
float:left;
width:600px;
height:331px;
margin-top:0px; 

padding-top:10px;
padding-left:10px;
padding-left:10px;

}

#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;
*width:185px;
font-size:9pt;
padding:10px 20px;
}
.bottom{
background: url(http://www.catholiccharities-md.org/assets/images/bottom_bg.gif);
}
.bottom #getInvolved,
.bottom #careers {
background-color:#d1cf6d;
float:left;
width:275px;
*width:325px;
min-height:241px;
*height:238px;
padding:10px 25px 0px;
color:#615e16;
}

.bottom #careers {
width:277px;
*width:327px;
}

.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 #getInvolved p,
.bottom #careers p {
background-color:#d1cf6d;
}

.bottom #newsEvents {
background-color:#b87400;
float:left;
width:285px;
*width:335px;
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 {
background-color:#b87400;
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; }

#rotate-img{
background:transparent url(http://www.catholiccharities-md.org/assets/rev-hp/blank.jpg) no-repeat center 80px;
}


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;
}