/* Reset Sheet stuff */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table,tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: leftleft;
	vertical-align: baseline;
	background: transparent;
	font-family: "Arial", "Helvetica", sans-serif;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*ol, ul {
	list-style: none;
}*/
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/** 2.	COMMON CLASSES **/
.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}

.lowercase	{ text-transform: lowercase;	}
.uppercase	{ text-transform: uppercase;	}
.capitalize	{ text-transform: capitalize;	}

.navigation		{ list-style: none; }
.navigation li	{ display: inline; 	}

/* Main sheet */
html {height:100%; /* to keep footer down */ font-size:100.01%} 
body {  
	
	height:100%; /* to keep footer down */
	font:100.01%/130% Verdana, Helvetica, sans-serif; 			
	line-height: 1.125em; /* 16x1.125=18px */
	margin: 0 auto; 
} 
/*body * {text-align:left}*/
body  {
	color: #dad49f;
	font-style: normal;
	background: url(home/PhotoGray_browser_bg-3.jpg) repeat;
	/*line-height: 140%;
*/	outline-style: none;
}
p  {
	color: #dad49f;
	font-size: 88%;
	font-family: sans-serif;
	font-style: normal;
	line-height: 140%;
	text-align: left;
	outline-style: none;
	background: transparent;
	margin-top: 0.6em;
}
P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 26em
}


INPUT, SELECT, TH, TD {font-size: inherit;
					}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:0.8em
}
.bodytext p {
    font-size:0.875em; /* 16x.875=14 */
}
.sidenote {
    font-size:0.75em; /* 16x0.75=12 */
}
h1 {
	font-size: 1.4375em; /* 16x1.375=23px */
	line-height: 1.636em;/* 16x1.636=36px */
	padding: 0;
	margin: 0;
}
H2 {
	color: #a1c4f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.3em;
}
H3 {
	color: #dad49f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0;
	margin-bottom: 0.5em;  
	margin-top: 1.0em; 
}
H4 {
	color: #a1c4f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.1em;
	margin-top: 0.8em;
}
H5 {
	color: #a1c4f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 0.5em;  
	margin-top: 0.6em;
}

.inner {
	display: block;
	margin: 10px auto;
	clear: left;
	text-align: center;
}
a {
	color: #e7ca7c;
	background-color: inherit;
	text-decoration: underline;
	}
	a:visited 	{
	color: #FFDF55;
	background: inherit;
}
	a:hover 	{ color: #a1c4f2; background: inherit; 
				text-decoration: underline; }
	a:active 	{ color: #fff; background: inherit; 
}
	a.specialLink { color: #a1c4f2; 
}

table th { 
	font-weight: bold; 
	font-size: .8em;
	padding: 4px 4px 4px 8px;
}
td {
	font-size: 0.7em;
	border: 1px solid #222;
	padding: 6px 6px 6px 12px;
	background: #002;
}
ul {
	text-align: left;
	margin-left: 50px;
	line-height: 2em;
	font-size: .9em;
}
ul#widelist	{  /* for body bullet lists */
	max-width: 38em;
	min-width: 14em;
	left: 30%;
	margin-left: 6%;
	margin-right: 2%;
	
}
li#wbl	{  /* for body bullet lists */
	line-height: 1.2em;
	margin: .4em 0;
}
ul#bodylist	{  /* for body bullet lists */
	margin-left: auto;
    margin-right: auto;
    width: 24em
}
li#bbl	{  /* for body bullet lists */
	line-height: 1.6em;
}
.blackbodyclass  { 
	color: black;  
}
.grey-class {
	color: #dcdcdc;
}
.deepcolor-class {
	color: #6495ed;
}
.captionclass   {
	color: #a1c4f2;
	font-size:0.85em; /* 16x0.75=12 */
	line-height: 1.1em;
}
.bluebodyclass { color: #a1c4f2;
}
.blueheadclass {
	color: #a1c4f2;
	font-size: 1.1em;
}
.PeachHeadclass { color: #f89f6d;
}
.orangebodyclassCopy {
	color: #F4A460;	
}
.copyright {
	color: #f4a460;
	font-size: 0.58em;
	line-height: 1em;
	text-align: center;
	}
.littlecaltext {
	color: black;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: 120%;
	text-align: center
}
.floatright {
	float: right;
	clear: right;
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 5px;
	
}
.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 10px;
}
.picborder {
	border-color: #AE3F08;
	border: 3px solid;
	border-top-color: #AE3F08;
	border-right-color: #AE3F08;
	border-bottom-color: #AE3F08;
	border-left-color: #AE3F08;
}
.centeredImage
    {
    text-align:center;
	display: block;
	margin-top:0px;
    margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
    padding:0px;
}

.no-border {
	border: none;
}
#wrap {
	position: relative;
	background-color: black;
	min-height: 100%;
	min-width: 760px;
	max-width: 1200px;
	margin: 0px auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
}
* html #wrap {height:100%; }
 
#main {
	position: relative;
	margin-left: 0px;
	
}
#container {
	align: left; 
	background: transparent;
	padding: 0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CC6633;
	border-right: solid;
	border-top: 0px;
	border-bottom: solid;
	border-top: none;
	/*border-bottom-image: url(home/borderfade.jpg) overwrite;
	/*width: 920px;*/
	/*margin-left: 200;
	max-width: 250em; 
	min-width: 500px;
*/
}
/**	TOP NAVBAR **/
div#navbartop {
	list-style: none;
  	padding: 0;
  	margin: 0;
  	height: 105px;
  	background: url(home/SacredHeartHeader2.jpg) left no-repeat;
	 border-bottom: solid 4px #D45F00
  /*position: center top;
*/}
#navbartop span {
  display: none;
  position: absolute;
}
#navbartop li.last {
    border:none;
}
div#navbartop ul {
	width: 41em;
	position: relative;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .75em;
	color: #FFDC98;
	line-height: 2em;
	white-space: nowrap;
  left: 310px;
  top: 82px;
}
div#navbartop li {
	list-style-type: none;
	display: inline;
	padding: 0 .5em;
}
div#navbartop li a {
	text-decoration: none;
	padding: .1em;
	color: #FFDC98;
}
div#navbartop li a:link {
	color: #FFDC98;
}
div#navbartop li a:visited {
	color: #FbD593;
}
div#navbartop li a:hover {
	color: #FFF;
	
	/*text-decoration: underline; */
	border-bottom: solid #EEE;
}
#inner-wrap {
	padding-bottom:78px;
}
#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
	margin-left: 180px;
}
#content {
		padding: 5px;
		margin-right: 200px;
		margin-left: 180px;
		text-align: left;
}
#column-r {
	width: 180px;
	float: right;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 20px;
	text-align:center;
	font-size:.9em;
}
div.column {
	width: 180px;
	height: 320px;
	margin: 0 0px;
	float: left;
	margin: 0 0px;
	background-image: url(sjleft.jpg);
	background-repeat: no-repeat;
}
div.mini_column {
	width: 180px;
	height: 320px;
	float: left;
	margin: 0 0px;
	background-image:url(ministries/ministry-nav-bg.jpg);
	background-repeat: no-repeat;
}
.box-sm {
	margin: 2px;
	margin-right: 0px;
	padding-left: 15px;
	padding-top: 300px;
	padding-right: 32px;
	
}
div.align-center-slim {
	max-width: 38em;
	min-width: 14em;
	left: 30%;
	margin-left: 18%;
	margin-right: 18%;
}
div.align-center-wide {
	max-width: 38em;
	min-width: 14em;
	left: 30%;
	margin-left: 5%;
	margin-right: 5%;
}
div#prayer_column {
	width: 180px;
	height: 320px;
	float: left;
	margin: 0 0px;
	background-image:url(prayer/prayernav-bg.jpg);
	background-repeat: no-repeat;
}
#navcontainer {
	float:left; 
	width: 180px;
	padding: 50px 30px 0px 10px;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a {
	display: block;
	padding: 3px;
	line-height: 1.5em;
	background: transparent;
	color: #FFFFDB;
	border-bottom: 1px transparent;	
	border-left: 4px solid transparent; 
}
#navcontainer a:link, #navlist a:visited {
text-decoration: none;
}
#navcontainer a:hover {
	border-left: 4px solid #800000; 
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
li#current a {
	border-left: 4px solid transparent;
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
/*.caption {text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 0.75em;
}*/

/**	FOOTER NAVBAR **/
div#footer {
	position: absolute;
	bottom: 0;
	height: 78px;
	width: 100%;
	color: #000;
	text-align: center;
		}
div#navbar2 {
	height: 30px;
	background-color: transparent;
}
#navbar2 li.last {
    border:none;
}
div#navbar2 ul {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #FFDC98;
	line-height: 2em;
	white-space: nowrap;
	text-align:center;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
	padding: 0 .5em;
	border-right:1px solid #FFDC98;
}
div#navbar2 li a {
	text-decoration: none;
	padding: .5em;
	color: #FFDC98;
}
div#navbar2 li a:link {
	color: #FFDC98;
}
div#navbar2 li a:visited {
	color: #AAA;
}
div#navbar2 li a:hover {
	/*font-weight: bold; */
	color: #FFF;
	/* background-color: #7C3F20; */
	text-decoration: underline;
}
.infobox {
	text-align: left;
	text-indent: 0em;
	display: run-in;
	padding: 1.5em;
	float: right;
	width: 140px;
}