/*
  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
  The styles here DO NOT define colors on the site.  Color attributes should
  be separated from the style definition, and placed in the colors.css
  stylesheet in the /Resources/PageElements/* resource galleries.
  
  Styles with background-images should have the graphic file in the
  /Resources/PageElements/* resource galleries, and then the style itself
  needs to be set in this function:
    CatholicHealthCareWeb.Framework.corehtml.HTMLBeginning._SetColorSchemeStyles().
  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* BEGIN GLOBAL STYLES */
  *       { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
  html    { height:100%; }
  BODY    { margin:0px 0px 0px 0px; height:100%; width:100%; }
  TABLE, TR, TD, TBODY, table, tr, td, tbody { padding:0px; margin:0px 0px 0px 0px; border:none; border-collapse:collapse; vertical-align:top; }
  p,P     { margin-top:0px; margin-bottom:12px; }
  ul,UL   { padding-left:0px; margin:0px 0px 0px 20px; list-style:disc none outside;}
  a,A     { text-decoration:none; cursor:pointer; }
  a:hover,A:hover { text-decoration:underline; }

  .RadEContent, .RadEContentBordered { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px!important; background-color:#e6e6e6!important; }
  .RadEContentBordered table td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px!important; }
/* END GLOBAL STYLES */


/* BEGIN GENERIC STYLES */
  .blockit              { display:block; }
  .blockitandaddmargin  { display:block; margin-bottom:10px; }
  .boldit               { font-weight:bold; }
  .borderit             { border:solid 1px #000000; } 
  .notextdecoration     { text-decoration:none; }
  .underlineit          { text-decoration:underline; }
  .cursorit             { cursor:pointer; }
  .italicizeit          { font-style:italic; }
  .centerit             { text-align:center; width:100%; }
  .floatitleft          { float:left; }
  .floatitright         { float:right; }
  .maxsizeit            { height:100%; width:100%;}
  .maxheightit          { height:100%; }
  .maxwidthit           { width:100%; }
  .leftalignit          { text-align:left; }
  .rightalignit         { text-align:right; }
  .centeralignit        { text-align:center; }
  .middlealignit        { vertical-align:middle; }
  .clearitleft					{ clear:left;}
  .clearitright					{ clear:right;}
  .clearitboth					{ clear:both;}
  .add20pxPaddingRight	{ padding-right:20px;}  
  .add01pxPaddingBtm    { padding-bottom:1px;}
  .nowrapit							{ white-space:nowrap;}
/* END GENERIC STYLES */

/* BEGIN OUTER CONTAINERS */
  .userwidth            { width:976px; }
  .pagecontainer        { border:3px solid; }
  .maincontainer        { width:750px; }
  .headercontainer      { height:85px; }
/* END OUTER CONTAINERS */

/* BEGIN PAGE BACKGROUND AND FRAME */
  .pageframecontainer     { margin:0px auto 0px auto; }
  .pageframeleft          { background-repeat:repeat-y; width:21px; background-position:right; }
  .pageframeright         { background-repeat:repeat-y; width:21px; background-position:left; }
  .pageframebtm           { background-repeat:repeat-x; height:20px; background-position:top; }
/* END PAGE BACKGROUND AND FRAME */

/* BEGIN STYLES IN CONTENT*/
  .pagecontentcontainer   { margin:0px 14px 0px 24px; }
  .simplecontentcontainer { margin:0px -14px 0px -24px; }  /* override margins from pagecontentcontainer */
  .mainleftpadding        { padding-left:22px; }

  .rightpanel           { width:219px; border-left:1px solid; }
  .rightpaneltop        { height:117px; background:no-repeat; border-bottom:1px solid; vertical-align:bottom; }
  .rightpanelbtm        { background:repeat-x 0% top; vertical-align:top; height:498px; }
  .rightcontent         { margin-top:11px; margin-bottom:11px; }
  
  .spanishlinkcontainer { text-align:center; padding-bottom:35px; }
  
  .searchcontainer      { height:43px; padding:0px 0px 5px 10px; }
  .searchinput          { font-family:Verdana; font-size:11px; border:1px solid; padding:3px 2px 3px 2px; }
  .searchinputcell      { vertical-align:bottom; padding-right:4px; }

  .txtsizecontainer     { height:32px; margin-top:-6px; }
  .txtsizelabel         { padding:7px 5px 0px 15px; }
  .txtsizelabel       * { font-family:Tahoma; font-size:11px; }
  .optionscontainer     { text-align:right; margin-right:20px; }
    
  .linkseparator        { padding-left:4px; padding-right:4px; }
  .pagetitle            { display:block; margin-top:12px; margin-bottom:12px; font-weight:bold; }

  #dhtmltooltip         { position:absolute; width:140px; border:1px solid; padding:2px; visibility:hidden; z-index:100; }
/* END STYLES IN CONTENT*/

/* BEGIN RADEDITOR CSSCLASS LIST 
   Styles that are available on the RADEditor CSS Class tool that have a specific font
   should be defined in each of the sized stylesheets:  normal.css, bigger1.css, bigger2.css.
   Don't define those here.  The only ones listed here should not have specific font-sizes.
*/
  div.contenthr         { height:1px; margin:5px 0 5px 0; background:url(../images/dottedline.gif) repeat-x center; }
  .onenhalfspace        { line-height:150%; }
  .doublespace          { line-height:200%; }
  .imageright           { clear:left; float:right; padding:2px 0px 2px 8px; }
  .imageleft            { clear:right; float:left; padding:2px 8px 2px 0px; }
/* END RADEDITOR CSSCLASS LIST */

/* BEGIN RADEDITOR SNIPPET STYLES */
/* END RADEDITOR SNIPPET STYLES */


/* BEGIN MAIN MENU */
  .menucontainer        { height:22px; background:repeat-x 0% top; border-bottom:1px solid; padding-top:10px; }
  .menucontainer *      { font-size:11px; font-weight:bold; font-family:tahoma; cursor:pointer; }
  .menusubitem          { font-weight:bold; font-family:tahoma; cursor:pointer; height:13px; width:180px; background-repeat:repeat-x; background-position:top; padding:7px 13px 7px 13px; border-bottom:1px solid; }
  .menutopseparator     { cursor:default; width:2px; height:11px; }
  .menupopup            { width:206px; }
/* END MAIN MENU */


/* BEGIN FOOTER */
  .footercontainer      { height:58px; border-top:1px solid; padding-left:18px; }
  .footerchalogo        { padding-left:12px; padding-right:20px; padding-bottom:10px; vertical-align:bottom; }
  .footerlinks          { padding-bottom:10px; vertical-align:bottom; }
  .footerlinks *        { font-size:10px; }
/* END FOOTER */

/* BEGIN LEFT NAVIGATION */  
  .leftnavcontainer     { font-size:11px; line-height:13px; margin-left:-15px; margin-right:16px; }
  div.leftnavhr         { height:1px; margin:5px -6px 6px -6px; }
  .leftnavheader        { font-size:11px; line-height:15px; font-weight:bold; vertical-align:middle; }

  a.leftnav             { font-size:11px; line-height:13px; font-weight:bold; }
  a.leftnavplain        { font-size:11px; line-height:13px; font-weight:normal; }
  a.leftnavboldselected { font-size:11px; line-height:13px; font-weight:bold; }

  ul.leftnavlist        { font-size:11px; line-height:13px; margin:0px 5px 0px 17px; padding:0px; list-style-type:none; list-style-position:outside; list-style-image:none;}
  ul.leftnavlist li     { font-size:11px; line-height:13px; margin:7px 0px 0px 0px; padding:0px; list-style-type:none; list-style-position:outside;  }
  li.leftnavselected    { font-size:11px; line-height:13px; font-weight:normal; }
  li.leftnavselected a  { font-size:11px; line-height:13px; }
  li.leftnavboldarrow   { font-size:11px; line-height:13px; font-weight:bold; }
/* END LEFT NAVIGATION */

/* BEGIN RELATED LINKS */
  .relatedlinkcontainer { width:196px; border:1px solid; text-align:left; margin:0px auto 11px auto; }
  .relatedlinklabel     { border-bottom:1px solid; }  
  .relatedlinklist      { padding:7px 10px 5px 10px; }
  div.relatedlinkhr     { height:1px; margin:4px -10px 4px -10px; }
  a.relatedlink         { background-position:0px 1px; background-repeat:no-repeat; padding-left:14px; display:list-item; list-style-type:none; } 
/* END RELATED LINKS */



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%% FOR COLORS, SEE NOTE AT THE TOP OF THIS FILE %%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* BEGIN TEMPLATE-SPECIFIC STYLES */

/*--- Home Page ---------------------- */
  .frameleft          { background-repeat:repeat-y; width:16px; }
  .frameright         { background-repeat:repeat-y; width:26px; }
  .framebtm           { background-repeat:repeat-x; height:23px; }
  .frametop           { background-repeat:repeat-x; height:18px; width:742px; }
  .framecontent       { width:660px; margin:7px 16px 7px 16px; }
  .framecontainer     { margin:0px -14px 0px -14px; }
  
/*--- Secondary Page ----------------- */
  /* see also widthdefault.css, widthnoleft.css */
  .tablewithnav         { width:712px; height:100%;  }
  .navcolumn *          { font-family:Tahoma; }
  .navcolumn            { height:100%; border:0px; padding:6px 0px 6px 6px; width:200px; }
  .navcolumnbg          { background-position:23px top; background-repeat:repeat-y; }
  .textcolumn           { height:100%; padding-top:6px; padding-bottom:12px;  }

/*--- Directory ---------------------- */
  .dircriteriacontainer { width:178px; border:2px solid; padding:10px 7px 10px 7px; text-align:left; font-family:Tahoma; margin-left:auto; margin-right:auto; }
  .dirinput             { display:block; font-family:Verdana; font-size:11px; border:1px solid; padding:3px 2px 3px 2px; margin:2px 0px 6px 0px; }
  .dirdropdown          { display:block; font-family:Tahoma; font-size:11px; border:1px solid; margin:2px 0px 6px 0px; height:19px; width:179px; }
  
  .dirresults           { width:713px; margin-left:-16px; margin-bottom:20px; }
  .dirheader            { width:100%; border-top:1px solid; border-bottom:1px solid; font-weight:bold; background-repeat:repeat-y; background-position:left top; }
  .dircol1              { width:35%; padding-top:6px; padding-bottom:6px; padding-left:22px; }
  .dircol2              { width:30%; padding-top:6px; padding-bottom:6px; padding-left:15px; }
  .dircol3              { width:15%; padding-top:6px; padding-bottom:6px; padding-left:15px; }
  .dircol4              { width:10%; padding-top:6px; padding-bottom:6px; padding-left:15px; }
  .dirmaster            { width:100%; }
  .dirdetail            { width:100%; padding:0px 10px 10px 37px; }
  .dtllabel             { padding-right:5px; }

/*--- EmailPage ---------------------- */
  .emailpagecontainer   { width:650px; margin:0px auto 15px auto; }
  .emailpagecontainer td{ vertical-align:top; padding-bottom:5px; }
  .emailpagemessage     { padding:2px; }
  
/*--- Sitemap ------------------------ */
  #sitemap              { width:100%; text-align:center; font-weight:bold; margin-left:-10px; margin-top:10px; }
  #sitemap UL           { margin-top:6px; }
  #sitemap LI           { margin-left:0px; margin-bottom:10px; list-style:none none outside; }
  #sitemap TD           { width:50%; text-align:left; }
  #sitemap A            { padding-left: 0px; background: none; }
  A.sitemapposting      { font-weight: normal; }
  
  /* The colors for these status indicators are used in authoring mode only.  No need to put in colors.css. */
  .statusSaved          { font-weight:bold;   padding-right: 2px; padding-left: 2px; margin-left: 4px; color: #ffff66; background-color: #cc0000; }
  .statusWaiting        { font-weight:bold;   padding-right: 2px; padding-left: 2px; margin-left: 4px; color: #000000; background-color: #ffff66; }
  .statusApproved       { font-weight:normal; padding-right: 2px; padding-left: 2px; margin-left: 4px; color: #ffffff; background-color: #00b478; }
  .statusExpired        { font-weight:normal; padding-right: 2px; padding-left: 2px; margin-left: 4px; color: #ffffff; background-color: #b4b4b4; }
  .statusDeclined       { font-weight:bold;   padding-right: 2px; padding-left: 2px; margin-left: 4px; color: #000000; background-color: #b4b4b4; }

/* END TEMPLATE-SPECIFIC STYLES */

/*THESE STYLES WERE HARDCODED ON HOMEPAGE */
.sectionAbout #item {color:#0d92ca;}
.sectionOurFocus #item {color:#903b9c;}
.sectionFind #item {color:#ea9501;}
.sectionStories #item {color:#a23535;}
.sectionContacts #item {color:#ca450d;}

.menucontainer  { background-image:url(/NR/rdonlyres/B6A39155-2E3B-4CA6-967F-7FB573724FF2/0/bg_menu.jpg); }
.menusubitem    { background-image:url(/NR/rdonlyres/32A7F126-C7C5-4DD1-8628-A21FBF51081F/0/bg_dropdown.jpg); }
.rightpaneltop  { background-image:url(/NR/rdonlyres/D441BC52-C02D-4F9D-8DA5-B5EFF3BEF994/0/bg_rightpanel_top.jpg); }
.rightpanelbtm  { background-image:url(/NR/rdonlyres/062A1C9B-D38A-4EC6-A71E-DB2E5ED1E647/0/bg_rightpanel.jpg); }
a.relatedlink   { background-image:url(/NR/rdonlyres/B486CEEB-6D88-47C4-A092-2249994169B0/0/glyph_relatedLink.gif); }

/* from original widthnoleft.css */
.textcolumn           { width:100%; padding-left:0px; }
.navcolumn            { display:none; }