body    { font-family: Helvetica;

   background: #F7F7F6 url(bground.gif) repeat-y 50% 0;
   background-attachment: fixed;
}
p   { color: #999; font-family: georgia;font-size: 12px;}
img {}
a:link   { color: #999; font-weight: bold; text-decoration: none  }
a:visited   { color: #999; font-weight: bold; text-decoration: none }
a:hover { color: #39f; text-decoration: underline }
a.selected  { color: #39f }
h1   { color: #666; font-size: 12px; font-family: Helvetica; line-height: 5px }
h2  { font-size: 12px; font-family: Helvetica;line-height: 25px;}
h3  { color: #666; font-size: 10px; font-family: Helvetica; line-height: 1px;}
p.big    { color: #999; font-size: 21px; font-style: italic; display: inline;}
p.intro { display: inline;}
p.quotation     { color: #666; font-size: 13px; font-family: georgia; font-style: italic; line-height: 1.3em }
p.copyright  { color: #999; font-size: 9px; font-family: Arial; line-height: 8px;}
p.instruction    { color: #666; font-size: 12px; font-family: georgia; font-style: italic; line-height: 1.3em }
p.thumbnails  { color: #999; font-size: 11px; font-family: Arial; line-height: 11px;}
img.bordered    { outline: solid 3px #ccc; margin-top: 25px  }
img.fatbottomwhitespace {margin-bottom: 15px}

#container  { background-color: transparent; text-align: center }/*Change the 50px here to 0 and toss the bg image to go back to a plain white layout*/

#content {margin-left: auto;
          margin-right: auto;
          width: 746px;
          padding:70px 0px 0px 85px; /*Change the 85px here to 0 and toss the bg image to go back to a plain white layout*/
          margin-bottom: 75px}
          

          
/*900 pixel heights in #altar and in #thumbnails ensure that a vertical
scroll bar on the browser window. This in turn ensures that the brian johnsrude
logo is drawn in the exact same location no matter what page you're on,
because the presence of the scroll bar actually changes the width the of the window.*/

#altar { padding-right: 12px; width: 306px;float:left; height: 900px;}

#altartext {text-align: center;}

#menuandlogo  { text-align: left; margin-top: 10px; margin-left: 10px; width: 350px; float: left }

             
#quote {width: 120px;}

/* The following divs are particular to the GALLERY pages*/

#thumbnails   { padding-right: 12px; width: 306px; height: 900px; float: left }
#header {padding-bottom: 12px;}

#leftcolumn   { text-align: center; width: 33%; float: left }
#leftcolumn.img {display: block;}
#rightcolumn  { text-align: center; width:33%; float: right }
#centercolumn  {text-align: center;}

/* The following divs are particular to the PROCESS page*/

#processleftcolumnframe  { padding-right: 12px; width: 306px; float: left; height: 1100px}
#processleftcolumn  { text-align: justify; width: 290px; padding-left: 10px;}
#processrightcolumn  { text-align: justify; width: 290px; padding-left: 20px;}