/*** GENERIC code begun here and used elsewhere; see site-specific Code at bottom ***/

html, body {
   min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
   font-family: Verdana,sans-serif;
   color: #111;
   background-color:white;
   line-height: 1.166;
   margin: 0px;
   padding: 0px;
   height: 100%;
   overflow:hidden;
}

/*** Footer Fix may no longer be required ***/

* html body {
   overflow: hidden;
}
 
/*** Just for Looks ***/
 
body {
   margin: 0;
   padding: 0;
   background: white;
   /*
   background-image:url(graphics/SacramentalCandle.gif);
   background-repeat:no-repeat;
   background-position:top right;
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position: 10px 10px;
   background-width:500px;
   */
}



/* example from http://oldwithoutmoney.com/
#background{position:absolute; z-index:1; width:100%; }
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
*/

/* immovable full scale background image, done this way @bc.com
#background{position:absolute; z-index:0; width:100%;}
*/

/* overflow:auto; below makes the image not scroll but makes TWO vert. scroll bars appear IF the 'html' is left out of the first style 'html, body' */
#doc3 {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}

#ft {
   font-size: large;
   text-align: left;
   padding: 0em;
   padding-top: 4.1em;
   margin-bottom:50px;
   \\background: gainsboro;
   \\background-image:url(graphics/BG5.gif);
}

/*-- Under Masthead, with 3 parts below --*/
#banner {
   margin-top:0px;
   padding-bottom:6px;
   padding-left:5px;
   padding-right:5px;
   \\border-top: 2px solid #444;
   border-bottom: 2px solid #444;
   margin-bottom:5px;
   \\overflow: hidden;
}

/*-- Banner components in 3 parts --*/
#banner-left {
   text-align: left;
   position: relative;
   float:left;
   width: 30%;
}

#banner-center {
   position: relative;
   text-align: center;
   margin-top:3px;
}

#banner-right {
   text-align: right;
   position: relative;
   float:right;
   width: 30%;
}

/*************** #pageName styles **************/

#pageName{
   margin: 0px;
   margin-top:10px;
   padding: 0px 0px 0px 10px;
}

/************* #search styles ***************/

#search{
   padding: 5px 0px 5px 10px;
   border-bottom: 1px solid lightgray;
   font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
   display: block;
   margin: 0px;
   padding: 0px;
   color: black;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
   position: relative;
   margin: 0px;
   margin-top:50px;
   margin-bottom:20px;
   padding: 0px;
   font-size: 110%;
}

/* doesn't seem to actually apply
#sectionLinks h1{
   color:black;
}
*/

#sectionLinks h3{
   padding: 10px 0px 2px 10px;
}

#sectionLinks a {
   display: block;
   border-top: 1px solid white;
   border-right: 1px solid white;
   padding: 2px 0px 2px 10px;
   color:black;
   text-decoration:none;
   font-weight:bold;
}

#sectionLinks a:hover{
   color:black;
   background-color: yellow;
}

#sectionLinks ul a:link, #sectionLinks ul a:visited {display: block;}
#sectionLinks ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {border-bottom: 1px solid #999;}

/* fix for browsers that don't need the hack */
html>body #sectionLinks li {border-bottom: 1px solid #999;}

/*********** .relatedLinks styles ***********/

.relatedLinks{
   position: relative;
   margin: 0px;
   margin-bottom:20px;
   padding: 0px;
   font-size: 110%;
}

.relatedLinks h3{
   padding: 10px 0px 2px 10px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
   display: block;
   color:black;
   text-decoration:underline;
   font-weight:bold;
}

.relatedLinks a:hover{
   color:firebrick;
}

#relatedLinks ul a:link, #relatedLinks ul a:visited {display: block;}
#relatedLinks ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#relatedLinks li {border-bottom: 1px solid #999;}

/* fix for browsers that don't need the hack */
html>body #relatedLinks li {border-bottom: 1px solid #999;}

h1{
 font-family: Verdana,sans-serif;
 /* font-family: Verdana,Arial,sans-serif;*/
 font-size: 120%;
 color: #222;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,sans-serif;
 font-size: 114%;
 color: #222;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana,sans-serif;
 font-size: 100%;
 color: #222;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Verdana,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #222;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,sans-serif;
 font-size: 100%;
 color: #222;
 margin: 0px;
 padding: 0px;
}

/************** .feature styles ***************/

.feature{
   padding: 0px 0px 10px 20px;
   font-size: 120%;
}


.feature h1{
   margin: 0px 0px 80px -10px; /* control vertical distance of all content with 3rd parameter */
}

.feature h3{
   padding: 10px 0px 5px 0px;
}
 
.feature img {
   float: center;
   text-align:center;
   padding: 10px 10px 0px 0px;
}

/************** .story styles *****************/

.story{
   clear: both;
   padding: 10px 0px 0px 20px;
   font-size: 100%;
}

.story h1{
   margin: 0px 0px 5px -10px;
   text-align: left;
}

.story p{
   padding: 0px 0px 10px 0px;
} 

/************* #siteInfo styles ***************/

#siteInfo{
   clear: both;
   margin-top:40px;
   margin-bottom:10px;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   font-size: 95%;
   text-align:center;
   color: black;
   padding: 10px 10px 10px 10px;
}

#siteInfo img{
   padding: 4px 4px 4px 10px;
   vertical-align: middle;
}


/*** site-specific Code ***/

.QuoteBox     {
   background:white; /* gainsboro; */
   border: 1px outset;
   margin:10px;
   margin-left:20px;
   color: black;
   font-family: Verdana, "MS Sans Serif","Sans Serif";
   text-decoration: none;
   padding:20px;
   text-align:center;
   width:50%;
}

.QuoteBox p, h2 {
   margin-bottom:1em;
   text-align:left;
}

.QuoteBox img {
   display:inline;
   margin-bottom:30px;
   text-align:center;
}

.QuoteBoxNoBG {
   background:none;
   border: 1px outset;
   padding: 5px;
   margin:10px;
   color: black;
   font-family: Verdana, "MS Sans Serif","Sans Serif";
   text-decoration: none;
   align:center;
   text-align:center;
}

.QuoteBoxNoBG img {
   align:center;
   margin-left:100px;
}


.QuoteBoxNoBG p {
   margin-bottom:1em;
   align:center;
   background:white;
}

a{
   color: #002200;
   text-decoration: none;
}

a:link{
   color: #002200;
   text-decoration: none;
}

a:visited{
   color: #002200;
   text-decoration: none;
}

a:hover{
   color: red;
   text-decoration: underline;
}