/* ND Public screen common styles
   Updated: 12.14.2010 ENR
   Author: Erik Runyon
   ----------------------------------------------------*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/** Redeclarations **/
html {height:100%; width:100%; font-size:13px; }
body {width:100%; color:#333; line-height:1.4em; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: url(images/admin-bg.png) top left repeat-x!important;}
p {margin:0 0 1em;}
p + p {margin:1em 0 0;}
a:link {color:#0058cf; outline:none;}
a:visited {color:#002c66;}
a:hover, a:active {color:#9b8231; outline:none; text-decoration:none;}
a:active {-webkit-tap-highlight-color:#f6efd2;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:30px 0 5px 0; color:#1c3042; line-height:1.1em; font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#1c3042; text-decoration:none;}
h1 {margin-top:0; margin-bottom:20px; font-size:240%;}
h2 {margin-top:0; font-size:190%;}
h3 {font-size:160%;}
h4 {font-size:130%; font-weight:bold;}
h5 {font-size:120%; font-weight:bold;}
h6 {font-size:100%; font-weight:bold;}
ol,ul {margin:10px 0 10px 40px;}
li {margin:3px 0;}
table {width:100%; margin:10px 0 20px; border-collapse:collapse;}
th {color:#fff; background-color:#0d4b7c;}
th, td {padding:4px 8px; border:1px solid #dadada;}
sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
figcaption {display:block; text-align:center;}
header,
nav,
footer {display:block;}


/** Styles **/ 	
.noborder {border:none !important;}
a.ical {padding:1px 0 0 20px; background:url(/images/icons/ical.gif) left center no-repeat;}
a.feed {padding:1px 0 0 20px; background:url(/images/icons/feed.gif) left center no-repeat;}
a.pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;}

ul.formatted_list, 
ul.rss-items {clear:both; margin:0; padding:0; line-height:1.2em;}
ul.formatted_list li, 
ul.rss-items li {margin:0; padding:5px 0; border-top:1px solid #dadada; list-style-type:none; background:url(images/raquo.gif) left 10px no-repeat;}
ul.formatted_list li:first-child, 
ul.formatted_list li.first, 
ul.rss-items li:first-child	{border:none;}
ul.formatted_list li a, 
ul.rss-items li a {margin-left:15px; border:none; color:#747474; text-decoration:none; font-size:92%;}
ul.formatted_list li a:hover, 
ul.rss-items li a:hover {color:#c9b867;}

span.more,
a.more {padding-left:10px; background:url(images/raquo.gif) 0 center no-repeat;}
.featured_home {}
.featured_home h2 {margin:0;}
.featured_home h3 {margin:3px 0; font-weight:normal; font-size:92%;}

.breadcrumbs {margin:0 0 15px; list-style:none;}
.breadcrumbs li {display:inline; margin:0 3px 0 0;}
.breadcrumbs li:last-child {font-weight:bold;}
.breadcrumbs a {}

/* Images */ 
.image-default {position:relative; margin:0;}
.image-default a {border:none;}
.image-default a:hover img {background:#ddd; border:1px solid #aaa;}
.image-default img {position:relative; padding:2px; margin:6px 0; background:#eee; border:1px solid #ccc;}
.image-right {float:right; margin:5px 0 20px 20px;}
.image-right a {border:none;}
.image-right a:hover img {background:#ddd; border-color:#aaa;}
.image-right img {background:#eee; border:1px solid #aaa; margin:0; padding:2px;}
.image-left {float:left; margin:5px 20px 5px 0;}
.image-left a {border:none;}
.image-left a:hover img {background:#ddd; border-color:#aaa;}
.image-left img {background:#eee; border:1px solid #aaa; margin:0; padding:2px;}
.image-center	{text-align:center;}

/** Block and Pull Quotes **/
blockquote {width:80%; margin:20px 0 20px 20px; padding:10px 0 10px 20px; font-size:144%; font-family:Georgia, serif; font-style:italic; line-height:21px; color:#666; border-left:1px solid #dadada;}
blockquote p {margin:0;}
blockquote cite {display:block; margin:15px 0 0; font-size:80%; font-style:normal;}
blockquote.pull {float:right; width:250px; margin:10px 0 0 20px; padding:0 0 0 20px; color:#153c60; font-size:170%; line-height:1.5em; font-family:Georgia, Times, "Times New Roman", serif;}
blockquote.pull p {margin:0;}
 
/** Structure **/
#wrapper_outer {width:100%; float:left; display:inline;background: url(images/admin-header.jpg) center top no-repeat!important;}
#wrapper {position:relative; width:940px; margin:0 auto; padding:0 0 10px;}
#skip-links {display:none;}
#header {display: block; height: 116px; position: relative; width: 940px; }
#header h6 {float:left; clear:both; width:70%; margin:0; line-height:1em; color:#e7d298; font-weight:normal;}
#header h6 p {margin:0; line-height:1em;}
#header h5 {float:left;}
#header h5 i,
#header h4 i {font-style:italic; text-transform:none;}
#header h5 img {display:none;}
#header h4 {float:right;}
#header h5,
#header h4 {margin:13px 0; padding:0; font-size:12px; text-transform:uppercase; letter-spacing:3px; font-weight:normal;}
#header h5 a,
#header h4 a {margin:0; border:none; color:#f0f0f0; font-weight:bold; text-decoration:none;}
#header h5 a:hover,
#header h4 a:hover {color:#f6efd2;}
#header h3 {float:left; clear:both; margin:18px 0 0; padding:0;}
#header h3 a {display:block; margin:0; width:700px; border:none; color:#fed755; text-decoration:none; line-height:1em; font-size:170%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}

#content {position:relative; float:left; display:inline; margin:0; font-size:92%; width:940px;}
#alpha 	{position:relative; float:left; display:inline; width:670px; min-height:400px; padding:20px 25px 25px 25px;}
#beta 	{float:left; display:inline; height:auto; width:220px; margin:0 0 10px; padding:0;}
#sidebar {height:auto; padding:20px;}

#content #alpha h1 {}
#content #alpha p a	{}
#content #alpha p a:hover	{}
#content #alpha a.ical {}

.hentry h2,
.hentry p,
.vevent h2
.vevent p 			{width:80%;}

.hentry p.image-right,
.hentry p.image-left,
.vevent p.image-right,
.vevent p.image-left 		{width:auto;}

#nav				{margin-bottom: 0px;}
#sidebar			{padding-top: 0px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif  !important;}
#sidebar h3 			{color:#0d4b7c; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
#sidebar a			{padding-top:10px; color:#0d4b7c; }
#newsletter			{background: url(images/newsletter_bug.jpg) top left no-repeat; text-indent: -9999px; float: left; margin: 20px 0 10px 0px; width: 177px; height: 75px;}
#newsletter:hover		{background-position: bottom left;border: none;}
#social-concerns			{background: url(images/csc_bug.jpg) top left no-repeat; text-indent: -9999px; float: left; margin: 10px 0 20px 0px; width: 177px; height: 75px;}
#social-concerns:hover		{background-position: bottom left;border: none;}

/** Homepage **/
#b-home #intro 	{min-height: 200px;}
#b-home #intro img {display:block; float:left;}
#b-home #intro p {display:block; float:left; width:50%; margin:15px 0 0 30px;}
#b-home #intro p.button {display:block; width:126px; float:right; margin:0;}
#b-home #intro p.button a {display:block; width:126px; height:35px; margin-top: 20px; background:url('images/about_icl.png') no-repeat; text-indent:-9999px;}
#b-home #header_image 	{clear:both; float:left; display:inline; width:670px; padding:15px 0 20px 0; position:relative; border-top:1px solid #dadada; background-color:#fff;}
#b-home #header_image .feature 	{display:block; float:left; width:160px;}
#b-home #header_image .feature a {display:block; text-decoration:none; color:#333;}
#b-home #header_image .feature a b {display:block; text-decoration:none !important; font-weight:normal; color:#222; margin:0;}
#b-home #header_image #echo {padding-right:10px;}
#b-home #header_image #liturgy {padding-right:10px;}
#b-home #header_image #ndvision {padding-right:10px;}
#b-home #header_image img.photo {position:relative; float:right; padding:0 0 10px; width:160px; height:298px; margin:0; border:none;}
#b-home #header_image .image-default {position:relative; float:left;}
#b-home #home-content {float:left; clear:both; width:100%; padding-bottom:10px; border-bottom:0px solid #dadada;}
#b-home #home-content blockquote {width:auto; margin:0; padding:0; font-size:130%; line-height:1.6em; border:none;}
#b-home #home-content blockquote p {margin:0.5em 0;}
#b-home #header_image h3 {margin:0; font-size:135%;}
#b-home #home-content th,
#b-home #home-content td {width:335px;}

#b-home #feature		{height:330px; width730px;background: #ddd;}
#b-home #header_image ul	{position: relative; float: left; margin: 0;border-bottom: 1px solid #e0e0e0; z-index: 100;}
#b-home #header_image ul li	{position: relative; float left;list-style-type: none;float: left; margin: 0;}
#b-home .thumb .explode	{position: absolute; }
#b-home .banner		{position: absolute; left: 0; top: 0; width: 720px; height: 330px; background: #fff;overflow: hidden;}
#b-home .caption	{position: absolute; bottom: -40px; left: 0; width: 100%; background: rgb(77, 77, 77); /* RGBa with 0.6 opacity */ background: rgba(77, 77, 77, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";);}
#b-home .thumb		{float:left;margin-right:10px;margin-top:10px;cursor: pointer;width: 199px; height: 90px; background: #fff; padding: 20px; }
#b-home li.current 	{background: #fff;}
#b-home .thumb p	{float: left; text-align: left; padding: 10px 0; line-height: 100%;height: 50px; color: #1c3042;}
#b-home #header_image .overlay	{position: absolute;top: 0; left: 0; width: 238px; height: 130px;background: #f7f7f7;}
#b-home #header_image #feature1 	{border-right: 1px solid #ccc;}
#b-home #header_image #feature2 	{border-left: 1px solid #fff; border-right: 1px solid #ccc; width: 198px;}
#b-home #header_image #feature3 	{border-left: 1px solid #fff;}
#b-home #header_image h3  {font-family: georgia; font-size: 144%;}
#b-home #arrow	{position: absolute; top: 308px; left: 100px; background: url(images/arrow.png) top left no-repeat; width: 44px; height: 22px;}
#b-home table {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif  !important;}
#b-home table a {color:#0d4b7c;}

#home-sub {float:left; width:100%; border-top:1px solid #dadada; background:url(images/home-sub-two-col.png) 0 0 repeat-y;}
#home-sub.narrow-wide {background-image:url(images/home-sub-narrow-wide.png);}
#home-sub.wide-narrow {background-image:url(images/home-sub-wide-narrow.png);}
#home-sub.three-column {background-image:url(images/home-sub-three-col.png);}


/** Two Column Homepage **/
#b-home #col1,
#b-home #col2,
#b-home #col3 {float:left; display:inline; width:305px; padding:20px 0;}
#b-home #col1 {margin:0 20px 0 0; padding:20px 20px 0 0;}
#b-home #col3 {margin:0 0 0 20px; padding:20px 0 0 20px;}
  
#b-home #alpha .col-wide {width:370px;}
#b-home #alpha .col-narrow {width:240px;}
  
#b-home #alpha .three-col {width:190px;}

#b-home #nav_21721	{display: none;}

/* Home News & Events */
#b-home h2.header {margin:0 0 10px; padding:5px 0; font-size:120%; font-weight:bold; color:#333; border-bottom:1px solid #dadada;}
#b-home h2.header a {color:#333;}
#b-home h2.date {display:none;}
#b-home .hentry {margin:0 0 20px; padding:0;}
#b-home h2.entry-title {margin-top:0;}

/** News **/
#b-news h1 {margin:0; border-bottom:1px solid #dadada;}
.entry-title {margin:5px 0;}
.entry-title a {text-decoration:none;}
.publish-info {margin:0 0 10px; font-size:110%;}
.news-links {float:right; margin:4px 0 0;}
.news-links a img {margin-right:4px;}
.hentry {float:left; padding:18px 0; border-bottom:1px solid #dadada;}
.hentry:last-child {border:none;}
span.updated,
span.author {color:#af892d;}
.news-single h1 {border:none; margin-bottom:5px;}
#news-supp {margin:15px 0; padding:6px 20px; font-size:100%; border:solid #dadada; border-width:1px 0; background-color:#f9F7e8;}
#news-supp span {color:#c9b867;}
#news-supp a {}
.entry-content {clear:both;}

/** Events **/
h2.date {margin:0 0 10px; padding:5px 0; font-size:120%; font-weight:bold; color:#333; border-bottom:1px solid #aaa;}
.vevent {margin:0 0 30px;}
.vevent h2 {clear:both; margin:5px 0; font-weight:normal; font-size:160%; line-height:1.1em;}
.vevent h2 a {border:none; text-decoration:none;}
.vevent h2 a:hover {text-decoration:underline;}
.vevent h3 {font-size:110%; margin:0 0 4px; clear:both; color:#af892d; font-weight:normal;}
p.events-subscribe {float:right; margin:4px 0 0;}

/** Search **/
#b-search h2 em {color:#9b8231;}
#keymatch-results {}
#keymatch-results dl {}
#keymatch-results dt {}
#keymatch-results dd {}
#people-search {}
.search-record {margin:20px 0; border-top:1px solid #dadada;}
.search-record h3 {font-size:180%;}
.search-record h3 a {text-decoration:none;}
.pagination {padding-top:15px; font-size:130%; text-align:center; border-top:1px solid #dadada;}

/**Centers & Programs Page**/
#b-centers-and-programs.centers-and-programs h1 {margin-bottom:30px;}
#b-centers-and-programs.centers-and-programs h2 {margin:20px 0 10px;}
#b-centers-and-programs.centers-and-programs table {display:block; margin:0 0 50px;}
#b-centers-and-programs.centers-and-programs table tbody td {border:none; border-collapse:collapse; margin:0; padding:0; vertical-align:top;}
#b-centers-and-programs.centers-and-programs table tbody td[rowspan="2"] {padding:0px 0 0 20px;}
#b-centers-and-programs.centers-and-programs table tbody td a img {margin-right:20px; border:none; outline:none; background:none;}
#b-centers-and-programs.centers-and-programs table tbody td a img.border {border:1px solid #aaaaaa; background: none repeat scroll 0 0 #EEEEEE;}


/** Forms **/
form ul {margin:0; padding:0;}
form ul li {clear:both; float:left; width:90%; margin:4px 0; list-style-type:none;}
form ul li label {display:block; margin:10px 0 3px;}
form ul li.submit {border-top:1px dotted; width:100%; margin:20px auto; padding:10px 0 0;}
form ul li.checkbox {margin:0; clear:both; float:left;}
form ul li.checkbox input {display:inline; float:left; margin:5px 3px;}
form ul li.checkbox label {float:left; margin:5px 3px; font-weight:normal;}
fieldset {border:1px solid gray; margin:0 0 10px; padding:15px;}
label {display:block; margin:10px 0 3px;font-weight:bold;}
select, 
input {padding:0.1em;}
legend {padding:0 10px; font-size:116%; font-weight:bold;}
textarea {width:100%;}
input:focus, textarea:focus {background:#eee;}
li.submit input {border:1px solid #242d38; margin:7px auto 0; padding:6px; font-weight:bold; width:30%;}
li.submit input:hover {background:#eee;}
li.textarea {}
li.textarea label {margin:0;}	
li.textarea textarea {padding:0.1em; border:1px solid #242d38; background:#0d1723; color:#fff;}
input[type=text], 
input[type=password] {width:20em;}
.radio input {display:inline; margin-right:3px;}
.radio p {margin:0; font-weight:bold;}
.radio label {display:inline; font-weight:normal;}

/** Footer **/
#footer {clear:both; float:left; position:relative; clear:both; width:940px; margin:15px 0; padding:15px 0 30px; border-top:1px solid #dadada; font-size:92%;}
#footer p {margin:0;}
#footer .tel, 
#footer .fax,
#footer .email {margin:0 0 0 10px;}
#footer a {color:#9B8231;}
#footer #und_mark {display:block; position:absolute; top:20px; right:0; width:159px; height:38px; border:none;}
#footer #site_link {margin:0 14px;}

/** Three Column Layout **/
body.three-col #alpha {background-color:transparent;}
body.three-col #alpha-inner {float:left; display:inline; width:450px;}
body.three-col #gamma {float:left; display:inline; width:160px; margin:0 0px 0 20px; padding:0 0 0 25px; color:#fff;}
.three-col #content #alpha h1	{ margin-right: -20px;}

/** Full Width Layout **/
.full-width #content {background:none;}
.full-width #alpha {width:880px;}
.full-width #beta {display:none;}