/* CSS Document */

/*/*/

body {text-align: center; margin: 0px; background: #FFF url(../images2/mobile-background.jpg) no-repeat right top; padding: 0px;}
html>body {margin:0}

#wrapper {margin: 0px; height: auto; width: auto; background: url(../images2/mobile-wrapper.jpg) repeat-y right top; border-left: 10px solid #1C3F67; padding: 0px 10px 0px 0px;}

#mainnav {display: none; height: 17px; width: 92%; text-align: center; position: absolute; top: 70px; z-index: 25000; margin: 0px 0px 0px 1px;}
#mainnav ul {margin: 0px; padding: 0px; list-style: none;}
#mainnav ul li {float: left; color: #1b3f67; position: relative; top: 0px; width: auto; text-align: left; font: 13px "Times New Roman", Times, serif; letter-spacing: 1px; background: #FFF;}
#mainlinks a:link, #mainlinks a:visited {color: #1b3f67; text-decoration: none; display: block; padding-right: 6px; padding-left: 6px; padding-top: 1px; padding-bottom: 1px; background: #FFF;}
#mainlinks a:hover, #mainlinks a:active {color: #FFF; background: #1b3f67;}
#mainlinks ul {display: none; padding-top: 0; margin-top: 0; margin-left: -1px; position: absolute; z-index: 1000;} 
#mainlinks .sublinks li {display: none;}
#mainnav .toplink {text-align: center; font-weight: bold;}

#branding {height: 80px; width: auto; background: url(../images2/mobile-header.jpg) left top no-repeat; margin: 0px; z-index: 10000; border-bottom-style: none;}

#department {text-align: right; float: none; margin: 0px; background: none;}
#department h2 {margin: 7px 0px 0px; padding: 0px; text-align: right; font: bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1E1E1E; width: 85%; float: right;}
#department a {display: block; height: auto; width: auto; color: #FFFFFF; text-decoration: none;}
#hotspothome {display: block; height: 80px; width: 40px; position: relative; top: 0px; float: left;} 
#hotspothome a {text-decoration: none; display: block; height: 80px; width: 40px;}  

#skiptonavigation {display: none;}

#wrapper #contentwrapper {height: auto; width: 92%; clear: both; display: block; background: none; margin: 0px auto 0px; padding: 0px;}

#contentmain {display: block; float: none; height: auto; width: 100%; z-index: 10000;}

#contentsidebar {display: block; position: absolute; top: 76px; right: 20px; float: right; height: auto; width: auto; text-align: center; margin: 0px 0px; padding: 0px;}

#localbuttons #localnav {display: none;}
#localbuttons h4 {display: none;}
#localbuttons {padding-top: 0px; padding-bottom: 0px; border: none; height: auto; width: auto; float: right; background: none;}
#contentsidebar #localbuttons #form {display: block;}
#localbuttons #form #jumpmenu {height: 20px;}

#backtotop {height: 22px; position: relative; bottom: 0px; top: 15px; width: 50%; background: #ffffff; float: right; margin: 0px; display: none;}
#backtotop form .search-field {margin: 0px; padding: 0px; height: 20px; width: 50%; color: #1b3f67; border: 1px solid #1b3f67; position: relative; top: 0px;	right: 0px; left: 5px;}
#backtotop form .search-button {border: none; margin: 0px; padding: 0px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; background: #1b3f67; height: 22px; width: 40%; position: relative; top: -2px;}
#searchsite {width: auto; border-left: none; height: auto;}
#morecontent {position: relative; top: 0px; display: none;}
#morecontent img {display: none;}
#morecontent p {display: none;}
#twitter-facebook {display: none; width: auto; margin: 90px 12px 0px; padding: 0px; height: 160px; border: 1px dashed #666; position: relative; bottom: 100px;}
#twitter-facebook h5 {font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; margin: 7px 0px 20px; padding: 0px; color: #333;}
#wrapper #contentwrapper #contentmain #contentsidebar #twitter-facebook .twitter-share-button {float: left; margin: 0px 0px 0px 10px;}
#contentsidebar #advertical {display: none;}

#wrapper #contentwrapper #contentmain #textmain {display: block; text-align: left; margin: 0px; padding: 0px 0px 50px; width: 100%; float: right; position: relative; top: 50px; right: 0px; z-index: 8000; background: none;}

#topborder {width: auto; height: auto; float: right; margin: 0px; padding: 0px; clear: none;}
#breadcrumb {float: left; width: 410px; text-align: left; font: 12px "Times New Roman", Times, serif; color: #333; letter-spacing: 0.1em; padding-top: 2px; display: none; display: none;}
#date {display: none; font: normal 70% Arial, Helvetica, sans-serif; text-align: right;  color: #666666; float: right; width: auto; text-align: right; margin-right: 15px;}
#date h4 {margin: 0px; padding: 0px; font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #666;}

#textmain #adbanner {text-align: center;}
#textmain #adbanner img {float: none; margin: 0px 0px 15px; padding: 0px; border: 1px solid #000; position: relative; bottom: 10px; right: 8px;}

#textmain h1 {font: bold 24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1E1E1E; margin: 0px 0px 15px; padding: 0px;}
#textmain h2 {font: bold 20px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1E1E1E; margin: 30px 0px 20px; padding: 0px;}
#textmain h3 {font: small-caps normal 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333333; letter-spacing: 3px; border-bottom: 2px solid #1b3f67; border-left: 2px solid #1b3f67; padding-left: 5px; margin: 25px 0px 20px; width: auto;}
#textmain h4 {font: bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1E1E1E; margin: 20px 0px; padding: 0px;}
#textmain h5 {font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #494949; margin: 15px 0px 15px;}
#textmain h6 {font: bold 12px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1E1E1E; margin: 0px 0px 15px;}
#textmain img {margin: 10px 0px 10px 10px; padding: 0px; float: right; border: 1px solid #000; width: 50%; height: auto;}
#textmain img.image-caption {margin: 10px 0px 10px 10px; padding: 0px; float: right; border: 1px solid #000; width: 50%; height: auto; background: none;}
#textmain .text-caption {padding: 0px; padding-top: 7px; margin: -10px 0px 10px 20px; width: 50%; color:#666; float: right; clear: right; text-indent: 0; font: normal 12px Arial, Helvetica, sans-serif; text-align: justify; letter-spacing: 1px; border: none;}
#textmain a:hover img.image-caption, #textmain a:active img.image-caption {background: none;}
#textmain p {font: normal 14px Verdana, Geneva, sans-serif; color: #000; padding: 0px; margin: 0px 0px 15px;}
#textmain a:link, #textmain a:visited {color: #1b3f67;}
#textmain a:hover, #textmain a:active {color: #666;}
#textmain ul {}
#textmain ul li {margin-bottom: 2px;}
#textmain ul ul {margin: 5px 0px 0px;}
#textmain ol {font: normal 14px Verdana, Geneva, sans-serif; color: #000; margin-left: 25px;}
#textmain ul li a:link, #textmain ul li a:visited {color: #1b3f67;}
#textmain ul li a:hover, #textmain ul li a:active {color: #666;}
#textmain ul li h4 {letter-spacing: 0em; margin: 0px 0px 0px 10px; font-weight: bold; font-size: 110%;}
#textmain hr {width: auto; color: #1b3f67; text-align: center; margin: 30px 0px;}
#textmain .youtube {background: url(../images2/youtube.jpg) no-repeat center top; margin: 30px 0px; text-align: center; padding: 0px; height: 289px;}
#textmain .youtube object {height: 287px; width: 350px;}
#textmain textarea {border: 1px solid #333;}
#textmain input {border: 1px solid #333;}

#textmain #lead {width: auto; float: left; margin: 0px 0px 15px; padding: 0px 0px 20px; height: auto; clear: left; position: relative; right: 0px; bottom: 0px; border-bottom: 1px solid #000;}
#textmain #lead h2 {padding: 0px; text-align: center; margin: 0px auto 15px; width: 100%; font: 22px "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#textmain #lead p {font-size: 12px;}
#textmain #lead img {margin: 0px 10px 10px 0px; padding: 0px; float: left; border: 1px solid #000; text-align: left;}
#textmain #latest {float: none; width: auto; background: none; padding: 0px; height: auto; clear: right;}
#textmain #latest h2 {margin: 0px auto; padding: 0px; text-align: center; width: auto; border-bottom: none; font: normal 20px "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#textmain #latest p {font: normal 13px "Times New Roman", Times, serif; margin-left: 20px; margin-right: 20px; text-align: justify;}
#textmain #latest ul {
}
#textmain .full {clear: both; margin: 0px ; padding-top: 10px;}
#textmain .full h2 {margin: 10px auto 0px; padding: 0px; text-align: center; width: auto; border-bottom: none; font: normal 20px "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#textmain .full h3 {border: none; width: auto;}
#textmain .full h4 {font-size: 18px;}
#textmain .full p {text-align: justify; margin: 20px 15px 15px 20px;}
#textmain .full ul {margin-bottom: 45px;}
#textmain .full ul ul {margin-bottom: 5px;}
#textmain #onlineonly ul {margin-bottom: 35px;}
#textmain .full .specialfeatures {display: block; float: left; width: 315px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}

#contentmain #contentsidebar #floatingbox {display: none;}

#textbottom {display: none;}

#footer {display: block; clear: both; background: #1C3F67 url(../images2/mobile-footer.jpg) no-repeat left top; width: auto; padding: 20px 10px 25px; height: auto; margin: 0; z-index: 7500; position: relative; top: 0px;}
#footer p {width: 100%; color: #FFF; font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 25px auto 0px; padding: 0px;}
#footer a:link, #footer a:visited {color: #FFF;}
#credits {background: none; margin: 0px; padding: 0px; height: 50px; width: 100%; display: block;}
#credits p {margin: 0px; padding: 0px; font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFF;}

#flowers {display: none;}


#textmain #archives {float: none; height: auto; width: auto; margin: 0px; padding: 0px; text-align: center; display: block; position: relative; left: 0px; bottom: 50px; background: url(../images2/front-archcoat.jpg) no-repeat center bottom;}
#textmain #archives h2 {font: bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0px 0px 20px; padding: 0px;}
#textmain #archives h3 {font-size: 18px; font-weight: bold; border-style: none; margin: 20px auto -1px; padding: 0px; font-variant: normal; letter-spacing: 0em; background: url(../images2/front-h3.jpg) repeat-x left bottom; width: 90%; padding-bottom: 3px;}
#textmain #archives p {font-size: 14px;}
#textmain #archives form {margin: 0px; padding: 0px;}
#archives #form #jumpMenu, #archives #form2 #jumpMenu2, #archives #form3 #jumpMenu3 {width: 90%; margin: 0px; padding: 0px;}

#leadbox {display: none; width: auto;}
#leadbox #leadbox-leadstory {background: url(../images2/front-leadbox01.jpg) no-repeat left top; display: block; height: auto; width: auto; float: left;}
#leadbox #leadbox-otherstories {display: block; float: left; height: 75px; width: auto; position: relative; bottom: 5px;}
#leadbox #leadbox-otherstories img {float: none; border: 1px solid #000; margin: 0px 5px; padding: 0px;}

#features {margin: 0px; padding: 0px; clear: both; width: auto; float: right; position: relative; bottom: 20px;}

#features .specialfeatures {display: none; float: left; width: 307px; margin-right: 10px; margin-bottom: 30px; margin-left: 10px;}
#textmain #features h3 {padding: 3px 0px 3px 0px; width: auto; margin: 15px auto 20px; clear: both; font: normal 22px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333; background: url(../images2/front-h3.jpg) repeat-x left bottom; width: 90%; text-align: center; border: none;}
#textmain #features h3.mobile-off {display: none;}
#textmain #features a:link img, #textmain #features a:visited img {background: none;}
#textmain #features a:hover img, #textmain #features a:active img {background: none;}
#textmain #features img {width: 45%; height: auto; float: none; border-style: none; margin: 0px 0px 0px 0px; padding: 0px 5px 29px 5px;}

#textmain #arch-nav h3 {font-size: 18px; font-weight: bold; border-style: none; margin: 0px auto -1px; padding: 0px; font-variant: normal; letter-spacing: 0em; background: url(../images2/front-h3.jpg) repeat-x left bottom; width: 235px; padding-bottom: 3px;}
#arch-nav #form #jumpMenu, #arch-nav #form2 #jumpMenu2, #arch-nav #form3 #jumpMenu3 {width: 235px;}
#textmain #arch-nav {width: 875px; clear: both; float: left; text-align: center;}
#textmain #arch-nav .arch-nav-sub {float: left; width: 290px;}

#leadbox-criterion {display: none;}

#archives-criterion {display: none;}

#textmain #mobile-intro {float: none; height: auto; width: auto; margin: 0px; padding: 0px; text-align: center; display: block; position: relative; left: 0px; bottom: 40px; background: none;}
#textmain #mobile-intro h2 {font: bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0px 0px 20px; padding: 0px;}
#textmain #mobile-intro h3 {font-size: 18px; font-weight: bold; border-style: none; margin: 20px auto -1px; padding: 0px; font-variant: normal; letter-spacing: 0em; background: url(../images2/front-h3.jpg) repeat-x left bottom; width: 100%; padding-bottom: 3px;}
#textmain #mobile-intro p {font-size: 14px;}
#textmain #mobile-intro form {margin: 0px; padding: 0px;}
#textmain #mobile-intro #form #jumpMenu {width: 100%; margin: 0px; padding: 0px;}
#textmain #mobile-leadstories {display: block; float: none; width: auto; height: auto; margin: 0; padding: 0px; position: relative; bottom: 15px;}
#textmain #mobile-leadstories h3 {margin: 10px 0px 15px; color: #000; font: bold normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; border: none; width: 90%}
#textmain #mobile-leadstories ul {margin-left: 0px; padding-left: 35px;}
#textmain #mobile-leadstories ul li {margin-bottom: 10px; margin-left: 0px; padding: 0px; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal;}

#contentmain #topborder #linkback {width: auto;}
#contentmain #topborder #date {position: relative; right: 160px; margin: 0px;}

#textmain .divider {background: #FFF; clear: both; height: 30px; width: 80%; margin: 0px auto 0x; padding: 0px;}

#features {margin: 15px 0px 0px; padding: 0px; clear: both; width: auto; height: auto;}
#contentmain #textmain #features h3 {text-align: center; width: 90%; margin: 0px auto 15px; padding: 0px 0px 1px; font: normal 22px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #000; background: url(../images2/front-h3.jpg) repeat-x left bottom; border: none;}
#features ul {margin-left: 0px; padding-left: 35px;}
#features ul li {font-size: 14px; margin-bottom: 10px;}

#textmain .onlineonly {height: auto; width: auto; float: none; background: none; margin: 0px; padding: 0px; position: relative; border-top: none;}
#contentmain #textmain .onlineonly h3 {margin: 10px 0px 15px; color: #000; font: bold normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; border: none; width: 90%}
#textmain .onlineonly ul {margin-left: 0px; padding-left: 35px;}
#textmain .onlineonly ul li {margin-bottom: 10px; margin-left: 0px; padding: 0px; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal;}

#textmain .twitter-box {display: none;}

#features .specialfeatures {display: block; width: auto; float: none; padding: 0px; margin-right: 0px; margin-left: 5px; height: auto;}
#features .specialfeatures h4 {margin: 0px;}

#crossplayer {display: none;}

#features .columnist {height: auto; width: auto; margin: 20px 0px 0px; padding: 0px; overflow: hidden; float: none; border-bottom: none;}
#textmain #features .columnist img {margin: 0px; padding: 0px; float: right; border: 1px solid #000; width: 25%; height: auto;}
#features .columnist h4 {color: #666; font: bold 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;	margin: 0px; padding: 0px;}
#features .columnist h5 {font: bold 13px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333; margin: 10px 0px 15px; padding: 0px;}
#textmain #features .columnist p {font: 12px Verdana, Geneva, sans-serif; margin: 0px 0px 10px;	padding: 0px;}
#textmain #features .columnist-right img {float: left;}
#features .columnist-right {text-align: right; background: #f3edd3;}
#features .columnist.columnist-archbishop {width: auto; padding: 5px 10px 10px;}
#features .columnist.columnist-archbishop h5 {margin-top: 2px;}

#textmain h5 a:link, #textmain h5 a:visited {color: #496745;}
#textmain h5 a:hover, #textmain h5 a:active {color: #666;}

#wrapper #contentmain #textmain .mobile-hide {display: none;}
#wrapper #contentwrapper #contentmain #textmain #breakingnews.mobile-hide {display: none;}

.BrightcoveExperience {width: 300px; height: 200px;}

#wrapper #contentwrapper #contentmain #textmain #archives .mobile-only {display: block;}

#wrapper #contentwrapper #contentmain #textmain .mobile-only {display: block;}

body #wrapper #contentwrapper #contentmain #textmain #breakingnews {display: none;}

body #textmain .text-blockquote {width: 50%;}