/* Anthology CMS framework: Updated 2012.01 */
/* Subpage stylesheet
------------------------------------------------------------ */

/* COMMON SUBPAGE CONTAINERS
------------------------------------------------------------ */
#branding_1 {  }
#branding_2 {  }
#branding_3 {  }
#column_1 { float: left; width: 236px; }
#column_2 { float: right; width: 150px; }
#column_3 { margin: 0 30px 10px 270px; }
  #col3_content { overflow: auto; }
  #printHeader { display: none; }
#wrapper {  }

/* HEADER TITLE
------------------------------------------------------------ */
#branding_3 p { position: absolute; top: 30px; left: 20px; color: #FFF; font-family: 'Questrial', sans-serif; font-size: 28px; line-height: 28px; text-transform: uppercase; }

/* COLUMN 1 NEED HELP DROPDOWN
------------------------------------------------------------ */
#column_1 .needHelpSub { height: 45px; padding: 15px; margin-bottom: 20px; background-color: #83a603; }
#column_1 .needHelpSub p { padding-bottom: 5px; color: #FFF; font-family: 'Questrial', sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; }
#column_1 .needHelpSub select { width: 200px; }

/* COLUMN 1 SUB NAVIGATION
------------------------------------------------------------ */
#column_1 ul { padding-bottom: 10px; color: #0765a1; font-weight: bold; font-size: 14px; }
#column_1 ul li { padding: 10px; border-bottom: 1px solid #0765a1; }
#column_1 ul li a { color: #0765a1; text-decoration: none; }
#column_1 ul li a:hover { color: #bc5114; }
#column_1 ul li ul { padding: 0; margin: 0; font-size: 12px; }
#column_1 ul li ul li { margin-left: 20px; padding: 10px 0 0 0; border-bottom: none; list-style: disc; }
#column_1 ul li ul li ul li { margin-left: 20px; padding: 5px 0 0 0; border-bottom: none; list-style: disc; font-weight: normal; }

#column_1 ul li a.mainSection { color: #000; font-family: 'Questrial', sans-serif; font-size: 16px; text-transform: uppercase; }
#column_1 ul li a.mainSection:hover { color: #bc5114; }
#column_1 ul li a.active { color: #bc5114; }

/* COLMN 3 BODY COPY
------------------------------------------------------------ */
#col3_content h1 { margin: 0; padding: 0 0 10px 0; color: #bc5114; font-family: 'Questrial', sans-serif; font-size: 34px; line-height: 36px; }
#col3_content h2 { margin: 0; padding: 0 0 10px 0; color: #799611; font-family: 'Questrial', sans-serif; font-size: 21px; line-height: 23px; }
#col3_content h3 { margin: 0; padding: 0 0 10px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; }
#col3_content h4 { margin: 0; padding: 0 0 5px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#col3_content h5 { margin: 0; padding: 0 0 5px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#col3_content img { margin: 0 15px 10px 0; padding: 5px; border: 1px solid #b4d0e3; -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); box-shadow: 3px 3px 4px rgba(0,0,0,0.3); }
#col3_content a img.social { margin: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#col3_content img.floatRight { margin: 0 5px 10px 15px; }
#col3_content a { color: #0765a1; text-decoration: none; }
#col3_content a:hover { color: #0765a1; text-decoration: underline; }
#col3_content .shareThis { width: 300px; padding: 10px 0 0 0; border-top: 1px solid #0765a1; }
#col3_content .alert { color: red; }

#col3_content .formContainer { margin: 0; padding: 10px 10px; background-color:#f7f7f7; border: solid 1px #a2c0dd; overflow: auto; }

#col3_content form.submissionForm { width: 550px; margin: 10px 0 20px 0; padding: 5px 0; font-size: 12px; }
#col3_content form.submissionForm .submit { padding: 10px 0 0 0; border-top: 1px solid #a2c0dd; }
#col3_content form.submissionForm a.button { padding: 5px 20px; height: 25px; background-color: #0765a1; border: solid 1px #a2c0dd; color: #FFF; font: 14px/25px arial, helvetica, sans-serif; }
#col3_content form.submissionForm a.button:hover { text-decoration: none; background-color:#003988; }
#col3_content form.submissionForm input { margin: 5px 0 5px 0; padding-left: 5px; height: 25px; width: 250px; border: solid 1px #a2c0dd; color: #888; font: 14px/25px arial, helvetica, sans-serif;  }
#col3_content form.submissionForm input.error { border: solid 1px red; background-color: #F99; }
#col3_content form.submissionForm textarea { margin: 5px 0 5px 0; padding-left: 5px; height: 200px; width: 540px; border: solid 1px #a2c0dd; color: #888; font: 14px/25px arial, helvetica, sans-serif;  }

/* col3 content - lists */
#col3_content ul, #col3_content ol { margin: -10px 0 10px 25px; padding: 0; line-height: 16px; }
#col3_content ul { list-style: disc; }
#col3_content ul li { margin: 0; padding: 0; }
  #col3_content ul ul { list-style: circle; margin: 5px 15px; }
    #col3_content ul ul ul { list-style: square; margin: 5px 15px; }
#col3_content ol { list-style: decimal; }
#col3_content ol li { margin: 0; padding: 0; }
  #col3_content ol ol { list-style: lower-alpha; margin: 5px 15px; }
    #col3_content ol ol ol { list-style: lower-roman; margin: 5px 15px; }
#col3_content dl { margin: 15px 0 15px 35px; }
  #col3_content dt { font-weight: bold; }

/* NEWS AND EVENTS
------------------------------------------------------------ */
#col3_content .viewMore { width: 100%; margin: 15px 0 20px 0; padding: 5px 0 0 0; border-top: 1px solid #0765a1; }
#col3_content ul.newsEvents { margin: 0; padding: 0; overflow: auto; }
#col3_content ul.newsEvents li { padding: 0 0 10px 0; list-style: none; float: left; }
#col3_content ul.newsEvents li.newsEventsDate { width: 130px; }
#col3_content ul.newsEvents li.newsEventsHeadline { width: 540px; }
#col3_content ul.events { margin-bottom: 20px; }
#col3_content ul.events li { padding-bottom: 5px; }

/* DATE PICKER */
#col3_content .datePicker { margin: 0 0 10px 0; padding: 10px; background-color:#f7f7f7; border: solid 1px #a2c0dd; font-weight: bold; overflow: auto; }
#col3_content .datePicker .cta { padding: 10px 0 5px 0; }
#col3_content .datePicker ul { margin: 0; padding: 0; }
#col3_content .datePicker li { height: 25px; margin: 0 10px 0 0; padding: 5px 0 0 0; float: left; list-style: none; line-height: 25px; }
#col3_content .datePicker a { margin-top: -10px; padding: 5px 10px; font: 11px/12px arial, helvetica, sans-serif; color: #FFF; font-weight: bold; float: right; }
#col3_content .datePicker a:hover { text-decoration: none; background-color:#003988; }
#col3_content input.inputDate { width: 75px; margin-top: 0; padding-left: 3px; border: solid 1px #a2c0dd; }

/* DIOCESAN OFFICES
------------------------------------------------------------ */
#col3_content ul.officeStaff { width: 100%; margin: 0; padding: 0 0 20px 0; }
#col3_content ul.officeStaff li { width: 30%; padding: 0 20px 20px 0; list-style: none; float: left; }

/* BLOG (Spiritual Studies)
------------------------------------------------------------ */
#col3_content .blog h3 { padding: 0 0 5px 0; }
#col3_content .blog { margin: 0 0 10px 0; padding: 0; border-bottom: solid 1px #a2c0dd; }
#col3_content .blog ul { width: 100%; margin: 0px; }
#col3_content .blog ul li { margin: 0px; padding: 20px 0 10px 0; list-style: none; border-top: solid 1px #a2c0dd; }


#col3_content a.button { padding: 5px 20px; height: 25px; background-color: #0765a1; border: solid 1px #a2c0dd; color: #FFF; font: 14px/25px arial, helvetica, sans-serif;}
#col3_content a.button:hover { text-decoration: none; background-color:#003988;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
