@charset "utf-8";
/* CSS Document */
div.ctatorHd12_fff-606 { width:836px;height:20px;margin:0;padding:0;background:#606 url(https://www.catholica.com.au/images/SecHdBG12_1x20_606.gif) top left repeat-x; }
.ctatorHd12_fff-606 p { font-size:0.75em;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bold;color:#fff;margin:0 0 0 20px;padding:1px 0 0 0;text-shadow:1px 2px 0px #000; }
p.pageNavCenter, p.pageNavCenterBlu, p.pageNavCenterGrn { text-align:center;margin:0 0 10px 0;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:32px;color:#000;font-style:normal;font-weight:bold; }
p.pageNavRight, p.pageNavRightBlu, p.pageNavRightGrn   { text-align:right;margin:0 20px 10px 0;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:32px;color:#000;font-style:normal;font-weight:bold; }
.pageNavCenter a, .pageNavRight a { display:inline-block;color:#fff;font-family:Verdana, Geneva, sans-serif;line-height:26px;text-decoration:none;text-shadow:1px 1px 0px #000;background:#cc0000;box-shadow: inset 0 0 1px 0 rgba(255,255,255,.4), inset 0 0 2px 0 rgba(0,0,0,.4), inset 0 0 2px 3px rgba(0,0,0,.05), 1px 1px 3px 0 rgba(0,0,0,.25);border-radius:4px;padding:3px 8px 3px 8px;font-size:12px;line-height:20px;position:relative; }
.pageNavCenterBlu a, .pageNavRightBlu a { display:inline-block;color:#fff;font-family:Verdana, Geneva, sans-serif;line-height:26px;text-decoration:none;text-shadow:1px 1px 0px #000;background:#000066;box-shadow: inset 0 0 1px 0 rgba(255,255,255,.4), inset 0 0 2px 0 rgba(0,0,0,.4), inset 0 0 2px 3px rgba(0,0,0,.05), 1px 1px 3px 0 rgba(0,0,0,.25);border-radius:4px;padding:3px 8px 3px 8px;font-size:12px;line-height:20px;position:relative; }
.pageNavCenterGrn a, .pageNavRightGrn a { display:inline-block;color:#fff;font-family:Verdana, Geneva, sans-serif;line-height:26px;text-decoration:none;text-shadow:1px 1px 0px #000;background:#006600;box-shadow: inset 0 0 1px 0 rgba(255,255,255,.4), inset 0 0 2px 0 rgba(0,0,0,.4), inset 0 0 2px 3px rgba(0,0,0,.05), 1px 1px 3px 0 rgba(0,0,0,.25);border-radius:4px;padding:3px 8px 3px 8px;font-size:12px;line-height:20px;position:relative; }
.pageNavCenter a:visited, .pageNavRight a:visited, .pageNavCenterBlu a:visited, .pageNavRightBlu a:visited, .pageNavCenterGrn a:visited, .pageNavRightGrn a:visited { color:#ccc; }
.pageNavCenter a:hover, .pageNavRight a:hover, .pageNavCenterBlu a:hover, .pageNavRightBlu a:hover, .pageNavCenterGrn a:hover, .pageNavRightGrn a:hover   { color:#fc0; }
.pageNavCenter a:active, .pageNavRight a:active, .pageNavCenterBlu a:active, .pageNavRightBlu a:active, .pageNavCenterGrn a:active, .pageNavRightGrn a:active  { color:#090; }

/* pageNav SOURCED FROM: https://stackoverflow.com/questions/25444657/how-to-achieve-this-bevel-button-in-css */