/*
Original design: Luft (v1.0 - November 2nd, 2012)
For more information, see http://andreasviklund.com/premium-templates/luft/
Gallerax jQuery plugin by nodethirtythree: http://n33.co/jquery/
*/

*{margin:0; padding:0;}
html {background-color:white; background-image:url(../images/transBkgrnd.png);background-repeat:repeat-x;}
body {font:80% Tahoma,sans-serif; line-height:1.6em; min-width:275px;}
body {background-image:url(../images/bkgrndCathedral.jpg); background-position:center top; background-repeat:no-repeat; min-height:1500px;}

/* Layout */
#wrapper {}
#layout {border-left:3px solid gray; border-right:3px solid gray; background-color:#FEFEFE;border-bottom:3px solid gray;padding-bottom:20px;}
#header {border-top:3px solid gray;}
#header {height:175px;}
#header {position:relative;background-image:url('../images/banner.jpg');background-repeat:no-repeat;background-size: 100% 100%;background-position:right top; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner.jpg', sizingMethod='scale')";}
#header img {vertical-align:middle; padding-right:0px; padding-left:10px;}
#header h3 {font-size:3em; line-height:1em; font-family: 'Playfair Display', serif; color:#990000; font-weight:900; display:inline-block;}
#header h3 {text-shadow: 0.1em 0.1em 0.3em #666;}
#header a:hover {color:#222; text-decoration:none; border-bottom:0px;}
#header .aomHeaderImg {background-image:url(../images/aom.png); width:101px; height:133px; margin-top:5px; float:left; background-size:100%; background-repeat:no-repeat;}
#header .aomHeaderImgResponsive {display:none;}
#header .headerAddress {padding-top:15px;padding-bottom:10px; letter-spacing:2px; font-size:1.35em; color:#666666; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:bold;}
#header .aomHeaderText {font-family: 'Tangerine', sans-serif; letter-spacing:8px;font-weight:bold; font-size:4.5em;text-shadow: 0.05em 0.05em 0.15em #666;line-height:.9em;color:#990000; vertical-align:top; padding-top:15px;}
.logins {position:absolute; right:4px; top:0;}
.footer {text-align:center;margin-top:20px;font-size:.8em;}

/* General styles */
a {color:#777; text-decoration:underline; font-weight:400;}
p,ul,ol,dl {margin:0 0 15px 0;}
strong {font-weight:700;}
h1 {color:#888; font-size:3.2em; margin-bottom:20px; line-height:1.1em;}
h1 a {font-weight:400; border:0;}
h1 a:hover {text-decoration:none; color:#222;border:0;}
h2 {font-size:1.9em;}
h3 {font-size:1.6em;}
h1,h2,h3 {font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:15px;}
h2, h3 {text-transform:inherit; font-variant:small-caps;letter-spacing:.05em;}
h4 {text-transform:capitalize; font-size:1.4em;}
blockquote.indent {margin-left:50px; margin-right:50px; font-style:italic;}

/* Grid classes, fixed width, 960px with 12 columns */
#layout {margin:10px auto 0; width:960px;}
.col {float:left; margin:0 10px; overflow:hidden; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:0px auto; overflow:hidden;}
.row .row {margin:0 -10px; width:auto; display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

/* Menu list styles */
ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;}
ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;}
ul.menu li a {font-size:1.2em; font-weight:400; border:0;}
ul.menu li a:hover {color:#eee; text-decoration:none;}
ul.CAPP li {list-style-type:circle; margin-left:18px;}
ul.bulleted, ol.bulleted {margin-left: 25px}

/* Additional text classes */
.floatLeft {float:left;}
.floatLeft img {padding-right:10px;}
.floatRight {float:right;}
.floatRight img {padding-left:10px;}
.nowrap {white-space:nowrap;}
.padTop {padding-top:10px;}
.padLeft {padding-left: 10px;}
.padRight {padding-right: 10px;}
.padLeftMore {padding-left: 20px;}
.marginLeft {margin-left:10px;}
.marginRight {margin-right:10px;}
.marginBottom {margin-bottom:10px;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.larger2 {font-size:1.9em;line-height:1.1em;}
.smaller {font-size:0.9em;}
.smallest {font-size:0.7em; line-height:1.4em;}
.spacer {margin:0 20px;}
.BRspacer {height:12px;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.hide {display:none;}
.border {border:1px solid red;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.toplinks {font-size:1.4em; color:#eee; margin-top:15px;}
.toplinks a {border:0; font-family:'Dosis'; text-transform:uppercase;}
.break {display:inline;}
hr.spacer {margin:20px 5px;}
.lineHeightNormal {line-height:1.3em;}
.borderTop {border-top:1px solid black;}
.borderBottom {border-bottom:1px solid black;}
.borderLeft {border-left:1px solid black;}
.borderRight {border-right:1px solid black;}

/* Major Navigation */
.majorNavHolder {height:50px;}
.majorNavigation {border:1px solid black; width:170px; cursor:pointer; height:95%; display:inline-block;}
.parishListings {background-image:url(../images/parishListingsHover.jpg); background-repeat:no-repeat; background-position:center center; background-size:100%; margin-right:25px;}
.schoolListings {background-image:url(../images/schoolListingsHover.jpg); background-repeat:no-repeat; background-position:center center; background-size:100%; margin-right:25px;}
.childProtection {background-image:url(../images/childProtectionHover.jpg); background-repeat:no-repeat; background-position:center center; background-size:100%;}
.parishListings:hover {background-image:url(../images/parishListings.jpg);}
.schoolListings:hover {background-image:url(../images/schoolListings.jpg);}
.childProtection:hover {background-image:url(../images/childProtection.jpg);}
.majorNavText {display:none;}

/* Responsive Settings */
.responsiveMenu {display:none;background-image:url(../images/menu.jpg); background-repeat:no-repeat; height:29px;float:left; width:29px;margin-right:6px;}
#menuOverlay {visibility: hidden;display:none;position: absolute;left: 0px;top: 140px;width:100%;height:100%;z-index: 4000;}
#menuOverlay div {text-align:left;position: relative;left: 5px;top: 0;width:60%;max-width:300px;box-shadow: 17px 5px 10px #888888;text-align:left;z-index: 4001;}
#menuOverlay div ul {list-style: none;padding: 0;margin: 0;}
#menuOverlay div ul li a {text-decoration: none;display:block;padding:8px 4px;color:#fff;line-height:15px; width:100%;text-shadow: 0 1px 0 #194b7e;border: 1px solid #044062;border-bottom:0px;background-color:#0B69DD;}
#menuOverlay div ul li a:hover, #menuOverlay div ul li a:active {background-color:#368CF5;border:1px solid black;border-bottom:0px;}
.noResponsive {display:inherit;}
.responsive {display:none;}

/* Social Settings */
.social {float:left; clear:left;}
.social a {display: block;width: 20px;height: 20px;background-image: url(../images/icons_20x20.png);float: left;margin: 0px 5px 0 0;-moz-opacity: 0.7;filter: alpha(opacity=70);opacity: 0.7;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.social a:hover {-moz-opacity: 1.0 !important;filter: alpha(opacity=100) !important;opacity: 1.0 !important;}
.social .youtube {background-position: 0 -61px;}
.social .google_plus {background-position: 0 -41px;}
.social .twitter {background-position: 0 -21px;}
.social .facebook {background-position: 0 0;}

/* Video Settings */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
video {max-width: 100%;height: auto;}
.videoTitle {display:block; overflow:hidden; white-space:nowrap;height:20px; line-height:20px; font-weight:bold; text-align:center; border-top:1px dotted black;}
.outisdePlaylistHolder {width:100%; height:75px; overflow: auto; overflow-y:hidden;text-align:center;}
.insidePlaylistHolder {width:1000px;}
.insidePlaylistHolder a {margin-right:3px;}
.insidePlaylistHolder img {height:60px;width:80px;} 

/* Calendar Settings */
.calendarWrapper {position: relative;padding-bottom: 75%;height: 0; overflow:hidden;}
.calendarWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
 #fullCalendar {width: 100%;margin:15px auto;}
.calendarForm label {margin-right:30px;margin-left:3px;}

/* RSS Feed Settings */
#feeds {font-size:.8em;}
#feeds h4 {color:white; text-align:center; border-bottom:1px solid #666;}
#feeds ul {padding-bottom:5px;}
#feeds li {padding: 0 4px;}
#feeds a, #feeds li {color:#333; white-space:nowrap;}
.feeds {background-color:#0B69DD;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;margin-bottom:5px;}
.feed {border:1px solid gray;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;margin-bottom:12px;padding-right:7px;background: #fffff0;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fffff0));background: -moz-linear-gradient(top,  #fff,  #fffff0);line-height:15px;min-height:80px;}
.feed a {text-decoration:none;}
.feedLeft {float:left;width:47%}
.feedRight {float:right;width:47%}
.feedTitle {text-align:center;font-size: 1.5em;font-weight:bold;text-decoration:underline;}
.feed img {height: 65px;width: 65px;float:left;padding-right: 0px;}
.feed ul {margin:0px; margin-top:3px;}
.feed li {list-style: disc inside none;display: list-item;margin-left: 0px;overflow: hidden;}
.feed li a {}

/* Google Map Settings */
#map-canvas {width:97%;margin:0 auto; border:1px solid gray;}
#map-canvas.largeMap {height:400px;}
#map-canvas.smallMap {height:300px;}
.boxShadow {-moz-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);-webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);box-shadow: 0px 0px 5px rgba(68,68,68,0.6);}

/* Parish/School Listings */
ul.deaneryListing {width:139px; margin-top:10px;}
li.deaneryList {font-size:1em; border:1px solid gray; width:99%; overflow:hidden; margin-bottom:5px; list-style:none;}
li.deaneryList:hover, li.deaneryListCurrent {background-color:#fed25b; font-weight:bold; cursor:pointer; font-size:.85em;}
li.ULSpace {margin-bottom:20px;}
.parishContact img, .schoolContact img {width:100%;}
.parishListing, .schoolListing {width:100%; text-align:left;color:#777;}
.deaneryListingResponsive {display:none;}
.parishListing a, .schoolListing a {color:#777;}
table.parishListing td, table.schoolListing td {padding:5px;}
.parishListingRowOdd, .schoolListingRowOdd {background-color:#fed25b;}
.parishListingRowEven, .schoolListingRowEven {background-color:#FFFFFF;}
.mappContentString {font-size:12px;text-align:left;}
.parishListingTitle, .schoolListingTitle {font-size:3em; font-weight:bold; margin:10px 0px 25px 0px; line-height:1em;}
.PhysicalAddr1, .PhysicalAddr2, .PhysicalCitySTZip, .MailingAddr1, .MailingAddr2, .MailingCitySTZip {font-size:1.5em;}
.parishesContact, .schoolsContact {}
.parishesContactTitle, .schoolsContactTitle {font-weight:bold;}
.parishesContactData, .schoolsContactData {padding-left:5px;}
.massListing {width:100%; text-align:left;}
.massListing a {color:black;}
table.massListing td {padding:2px;}
.massListingRowOdd {background-color:#fed25b;}
.massListingRowEven {background-color:#FFFFFF;}

.tooltip {color: #000000; outline: none;cursor: help; text-decoration: none;position: relative;}
.tooltip span {margin-left: -999em;position: absolute;}
.tooltip:hover span {border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);	font-family: Calibri, Tahoma, Geneva, sans-serif;position: absolute; right: 10px; bottom: 0; z-index: 99;	width: 250px;}
* html a:hover {background:transparent;}
.info {background:lightgray;border:1px solid black;padding:10px;}

/* About Pages Settings*/
.bishopNav {display:inherit;}
.branchName {font-family:verdana, arial, sans-serif; font-size:1.4em; text-decoration:none;margin-top:20px;margin-bottom:5px; font-weight:bold;}
.contactInfo {white-space:nowrap; line-height:1.3em;}
.contact {margin:0; padding:0;margin-bottom:5px;}
.contact a {text-decoration:none;background-image:url(../images/email.gif); background-repeat:no-repeat; display:inline-block; padding-right:20px; background-position:right;}
.contact a:hover {color:#444;}
.AOM-Statistics {border:1px solid black;padding:4px; background-color:#dedede;}
.archivesSpacer {margin-top:80px;}

/* Contact Styles*/
.ContactFormText {display:inline-block;text-align:left;float:left; clear:left; width:20%;margin-bottom:10px;}
.ContactFormField {display:inline-block; float:left; clear:right; width:75%;margin-bottom:10px;}

/* Ministries & Offices Styles */
.deptHeader {font-family:'verdana bold', verdana, arial, sans-serif; font-size:1.6em; text-decoration:none;margin-top:20px;}
a.deptHeader {text-decoration:none; background-image:url(../images/down.gif); background-repeat:no-repeat; display:inline-block; padding-right:15px; background-position:right;}
.officeHeader {font-family:'verdana bold', verdana, arial, sans-serif; font-size:1.2em; padding-top:5px; color:#222;}
.officeHeader a {text-decoration:none; background-image:url(../images/www.jpg); background-repeat:no-repeat; background-position:right;padding-right:25px;color:#222;}
.officeHeader a:hover {color:#777; font-weight:normal;}
.content, .contentPhone, .contentFax {margin:0; padding:0; color:gray;}
.content span {margin-left:10px;}
.content a {text-decoration:none;background-image:url(../images/email.gif); background-repeat:no-repeat; display:inline-block; padding-right:20px; background-position:right;}
.content a:hover {color:#444;}
.contentPhone {background-image:url(../images/phone.gif); background-repeat:no-repeat; display:inline-block; padding-right:20px; background-position:right;}
.contentFax {background-image:url(../images/fax.gif); background-repeat:no-repeat; display:inline-block; padding-right:20px; background-position:right;}
p.empName {padding:0;margin:0;margin-bottom:8px;}
.empName a {font-weight:bold; text-decoration:none;background-image:url(../images/email.gif); background-repeat:no-repeat; display:inline-block; padding-right:20px; background-position:right;}
.empName a:hover {color:#444;}
.empName span {font-style:italic; display:block;line-height:.8em;}

/* Giving Styles */
.foundationMission {border:1px solid gray;padding:6px; background-color:#DCDCDC; margin-left:20%; margin-right:20%;}
.givingBtn {padding:8px; font-size:1.5em;}
a.givingLink {padding:8px; font-size:1.5em;border:1px solid #929292;line-height:2.5em; text-decoration:none; background:linear-gradient(#F6F6F6, #DDDDDD); color:black;}
a.givingLink:hover {border-color:black;}

/* Child Protection Pages Settings*/
.CAPP-Header {color:#888; font-size:3em; line-height:1.1em;font-family: 'Dosis', sans-serif; font-variant:small-caps; font-weight:bold; margin-bottom:15px;}
.CappTraining {margin:15px 50px;}
.CAPPInst {border:1px dashed black; padding:10px; font-size:1.5em; clear:both;width:95%; margin:0px auto 15px; float:left;}
.CAPPStep {background:gray; border:1px solid black; width:100px; color:white; padding:10px 5px; text-align:center; margin-bottom:10px;float:left;}
.CAPPInstTxt {clear:left;}
.CAPPInstImg {float:right;}
.CAPP-Passed {color:#33CC00; font-size:1.3em;}
.CAPP-Failed {color:#E10C18; font-size:1.3em;}
.CAPP-ProgressBar {background-color:#fed25b;padding:15px; font-size:1.1em; color:#666666;}
.CAPP-Begin {float:right; margin-right:15px;}
.CAPP-FormRowTop {border-top:1px dotted #FED25B;padding-top:10px;}
.CAPP-FormRowBottom {border-bottom:1px dotted #FED25B;}
.CAPP-FormRow {padding:7px 10px;}
.CAPP-FormLabel {display:inline-block; font-size:1.3em; width:350px;}
.CAPP-FormField {display:inline;}
.CAPP-QuestionRow {padding:2px;margin-left:10%;font-size:1.3em;}
.CAPP-QuestionLabel {display:inline-block;margin-left:2%;}
.CAPP-QuestionField {display:inline;}
.CAPP-Answer {display:inline;padding-left:3%;}
.CAPP-HR {color:#9e1527; background-color:#9e1527; border-color:#9e1527;clear:both; margin-top:50px;}
.CAPP-validationError {color:#FF0000;}

/* Catholic Week Pages Settings*/
.TCW-Columnist {clear:both;padding-top:20px;}
.TCW-Columnist img {padding-right:7px;vertical-align:middle}
.TCW-Columnist div {display:inline-block;vertical-align:middle;}
.TCW-Columnist div span {display:block;font-style:italic;margin-bottom:10px;}
.TCW-ColumnsHeader {}
.TCW-ColumnsHeader h1 {display:inline-block;}
.TCW-ColumnsHeader img {border:0;padding-right:10px;vertical-align:middle;}
.TCW-ColumnText {text-align:justify;margin-top:20px;}
.TCW-RecentArticles {border:1px solid gray;padding:2px;background-color:#FFFFCC;float:right; width:200px;margin:20px; margin-right:0;}
.TCW-RA_Header {font-weight:bold;font-size:1.4em; border-bottom:2px dotted gray;text-align:center;padding:5px 2px 10px;margin-bottom:10px;background-color:#FFFF33;}
.TCW-RA_Footer {border-top:2px dotted gray;text-align:center;padding:0px;margin-top:10px;background-color:#FFFF33;}
.TCW-RA_Footer a {font:inherit; text-decoration:none;font-weight:bold;}
.TCW-RA_Desc a {text-decoration:none;font-size:1.2em;}
.TCW-RA_Title {font-style:italic;font-size:.8em;margin-bottom:10px;}
.TCW-RA_Title a {text-decoration:none;}
.TCW-ArchivedHeader {margin:15px; text-align:center; font-size:2em; border:1px solid black; padding:10px; background-color: lightgray;}
.TCW-Bookshelf {width:98%;height:250px;border-style:none;overflow-x:hidden;overflow-y:hidden;background-color:Transparent;}
.articleTitle {font-size:1.9em; line-height:1.2em;font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:15px;text-transform:inherit; font-variant:small-caps;letter-spacing:.05em;}
.articleDate {float:right; font-size:.5em; font-weight:normal;}
.articleAuthor {font-weight:bold;margin-bottom:15px;}
.articleContent {}
.articleContent ul {margin-top:0px; padding: 0 0 0 40px; list-style-type: disc; list-style-position: outside;}
.articleContent ol {margin-top:0px; padding: 0 0 0 40px; list-style-type: decimal; list-style-position: outside;}
.articleContent blockquote {margin:0 30px 0 30px;}
.recentArticleTitle a {text-decoration:none;font-size:1.2em;}
.recentArticleTitle a:hover {color:black;}
.recentArticleDescription {font-weight:bold; font-style:italic;margin-bottom:15px;}
.recentArticleDate {font-style:italic;font-size:.8em;margin-bottom:10px;}
.fractions {font-size:.7em;}
.halfColumn {display:inline-block; width:48%;}
.TCW-AdTitle {font-weight:bold; font-size:1.7em; padding:7px;}
.submitArticleTitle {display:inline-block;text-align:left;float:left; clear:left; width:15%;margin-bottom:10px;}
.submitArticleField {display:inline-block; float:left; clear:right; width:50%;margin-bottom:10px;}
.submitArticleField input {width:100%;}
.noGap {margin-bottom:0px;}

/* Seminarian Images */
.imgWrapper {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;position:relative;margin:10px;}
.imgWrapper img {border:1px solid black;}
.imgDesc, .imgDescAlt {position:absolute;bottom:6px;left:1px;width:99%;font-family: 'tahoma';opacity:0.7;filter:alpha(opacity=70);text-align:center;font-weight:bold;}
.imgWrapper:hover {opacity:.5;filter:alpha(opacity=50);}
.imgDesc {background-color:black;color:white;font-size:1em;}
.imgDescAlt {background-color:black;color:white;font-size:1.4em;}
p.imgDescContent{padding:6px 2px;margin:0px;} 

/* Resources Pages Settings*/
fieldset.employment {font-size:1.5em; padding-left:10px;}
fieldset.employment legend {padding:.3em;margin-left:5px;}
fieldset.employment div {line-height:1.3em;}
fieldset.employment ul {list-style-type: disc;list-style-position: inside;}
fieldset.employment ol {list-style-type: decimal;list-style-position: inside;}
.employmentOffice {font-size:.9em; padding-left:20px;margin-bottom:7px;}
.employmentOffice a {text-decoration:none; background-image:url(../images/www.jpg); background-repeat:no-repeat; background-position:right;padding-right:25px; color:black;}
.employmentOffice a:hover {color:#aaa;}
.employmentInfo {font-size:.7em;margin-bottom:5px;}
.employmentContact {font-size:.7em; padding-left:20px;margin-bottom:5px;}
.employmentDiv label, .employmentDiv input {margin-bottom:10px; line-height:1.5em;}
.employmentDiv label {clear:left;float:left;width:10%;margin-right:0.8em;text-align:right;font-weight:bold;}
.submit {padding:5px 10px;}

/* Other Settings */
.appointmentWrapper {display:table; margin-bottom:15px;}
.appointmentWrapper img {padding:0; margin:0;}
.apptointmentText {font-size:1.3em; line-height:1.5em; text-align:left; margin-bottom:10px; padding-top:50px;}
.subIndent {margin:0 20%;}
table.ParishReports {width:70%;}

/* Notification Bar */
#alert {position: relative;}
#alert:target {display: none;}
.alert {background-color: #c4453c;border:1px solid black;color: #f6f6f6;display: block;font: bold 16px/40px sans-serif;height: 40px;position: absolute;text-align: center;text-decoration: none;top: -60px;left:25%;width: 50%;-webkit-animation: alert 5s ease backwards;}
/* Animation */
@-webkit-keyframes alert {0% { opacity: 0; }25% { opacity: 1; top:0;}50% { opacity: 1; top:0;}75% { opacity: 1; top:0;}100% {opacity: 0; top:-50px}}

/*******/
/* Responsive Settings: Tablet */
/*******/
@media only screen and (max-width : 960px){
#layout, body.wider #layout {width:auto; margin:0; padding:0px;}
#layout {border:3px solid gray;}
#header, #footer {border:none;}
#header {background-size: auto 100%;}

.row {width:auto;}
.col {margin:0 10px;}
.c1 {width:8%;}
.c2 {width:16%;}
.c3 {width:24%;}
.c4 {width:32%;}
.c5 {width:40%;}
.c6 {width:48%;}
.c7 {width:56%;}
.c8 {width:64%;}
.c9 {width:72%;}
.c10 {width:80%;}
.c11 {width:88%;}
.c12 {width:96%;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {margin:0 5px;}
h1 {margin:0 auto;}

.feedLeft, .feedRight {width:46%;}

#header .aomHeaderText {font-size:4em; letter-spacing:2px; line-height:.8em;}
#header .headerAddress {font-size:1.2em;letter-spacing:-.2px;margin-top:10px;}

.majorNavHolder {margin-top:15px;}
.majorNavigation {width:30%; height:70%;}
.parishListings {margin-right:5px;}
.schoolListings {margin-right:5px;}
.childProtection {}
.social a {margin-right:2px;}

ul.deaneryListing {width:95%; margin-top:10px;}
.TCW-Columnist img {width:30%;}

/* Other Settings */
.apptointmentText {padding-top:15px;}
.articleTitle {line-height:1em;}
.archivesSpacer {margin-top:40px;}

table.ParishReports {width:60%;}

}

/*******/
/* Responsive Settings: Phone */
/*******/
@media only screen and (max-width: 640px) {
body {background-image:none;}
#layout {width:auto; margin:0; padding:5px;}
.footer {display:none;}

/* Responsive Grid classes & General Settings */
.row {width:100%;}
.col {margin:0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
h1 {margin:0px auto;margin-bottom:10px;line-height:1em;font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h1,h2,h3 {}
p,ul,ol,dl {margin:0 0 7px 0;}
.larger {font-size:1em;}
.larger2 {font-size:1.5em;}
.smaller {font-size:.7em;}
.smallest {font-size:.5em;}
hr.spacer {margin:10px 5px;}
.break {display:block;}

/* Responsive Header */
#header {display:inherit; background:none; height:60px;}
#header .aomHeaderImg {display:none;}
#header .aomHeaderImgResponsive {display:inherit;background-image:url(../images/aom.png);width:60px; height:79px;margin:0px; padding:0px; float:left; background-size:100%; background-repeat:no-repeat;}
#header .aomHeaderText {font-size:2.65em; letter-spacing:-4px; padding-top:0px;}
#header .headerAddress {font-size:.8em;padding:0px; margin:0px;}
#header .aomHeaderText {font-size:3em; letter-spacing:2px; line-height:1em;}
.logins {display:none;}
.social {display:none;}

/* Responsive Major Navigation */
.majorNavHolder {margin:0px; height:31px; width:99%; overflow:hidden;}
.majorNavigation {width:25%;height:29px; margin-right:4px; margin-bottom:2px; background:#0B69DD; line-height:29px;}
.parishListings, .schoolListings, .childProtection {background-image:none; background-repeat:no-repeat;}
.parishListings:hover, .schoolListings:hover, .childProtection:hover {background-image:none; background:#368CF5;}
.majorNavText {display:inherit; text-align:center; color:white;}
.responsiveMenu {display:inherit;}
.mobileNav {display:block; margin-top:60px;}
.mobileNav form, .mobileNav select {margin:0px; padding:0px; width:100%;}
#chromemenu {display:none;}
.navRow {background:none;}

/* Responsive Settings */
.noResponsive {display:none;}
.responsive {display:block;}
.flexslider img {height:inherit;}

/* Responsive RSS Feed Settings */
#feeds {padding-top:10px;}
.feeds {margin-bottom:5px;}
#feeds a, #feeds li {color:#333; white-space:normal;}
.feed {margin-bottom:5px;}
.feed li a {font-size:120%;}
.feedLeft, .feedRight {float:none;width:auto;}

/* Responsive Video Settings */
.videoTitle {height:25px;}
.outisdePlaylistHolder {margin-bottom:10px;}
.outisdePlaylistHolder {height:60px;}
.insidePlaylistHolder img {height:45px;width:60px;} 

.bishopNav {display:inherit;}

/* Responsive Parish Listings Styles */
.deaneryListingResponsive {display:inherit;}
.deaneryListing {display:none;}
ul.deaneryListing {width:100%; margin-top:10px;}
.parishListingTitle, .schoolListingTitle {font-size:2.5em; font-weight:bold; margin:10px 0px 15px 0px; line-height:1em;}

/* Responsive Child Protection Styles */
.CAPP-Header {font-size:2.3em; line-height:1em;margin-bottom:0px; display:none;}
.CappTraining {margin:15px 5px;}
.CAPPInst {padding:5px; font-size:1.3em;}
.CAPPStep {margin-bottom:5px;width:50px; font-size:.9em; padding:4px;}
.CAPP-FormLabel {font-size:1em;}
.CAPP-ProgressBar {padding:4px; font-size:.9em;}
.CAPP-ProgressBar P {margin:0;}
.CAPP-QuestionRow {margin-left:0;border-bottom:1px dashed gray; font-size:1.5em;padding-bottom:7px; padding-top:7px;}

.CAPP-QuestionLabel, .CAPP-QuestionField, .CAPP-Answer {}


.CAPP-FormLabel {display:none;}
.CAPP-FormField input, .CAPP-FormField select {width:100%;font-size:1.5em;}
.DOB {display:inherit;}
.DOB select {width:25%;}

/* Responsive Catholic Week Styles */
.TCW-Columnist {font-size:1.2em;}
.TCW-Columnist img {width:25%;}
.TCW-ColumnsHeader img {width:35%;}
.TCW-Bookshelf {height:160px;}
.TCW-RecentArticles {margin:0; margin-bottom:20px; width:inherit; float:none;font-size:.8em;}
.TCW-RA_Header {padding:3px 2px 5px;}
.articleDate {float:none; font-size:.5em; font-weight:normal;margin:10px 0;}
.articleTitle {line-height:1em;}
.recentArticleTitle {line-height:.8em;}
.recentArticleDate {margin-bottom:3px;}

/* Responsive Vocations Styles */
.vocationsVideo {width:100%;height:100%;}

/* Responsive Giving Styles */
.foundationMission {margin-left:2%; margin-right:2%;}

.subIndent {margin:0 5%;}
table.ParishReports {width:100%;}

} /* END @media all and (max-width: 640px) */