/* Menu style sheet */
/* Overall document style */

/*
Points	Pixels	Ems
10.5pt	14px	0.875em
11pt	15px	0.95em
12pt	16px	1em
13pt	17px	1.05em
*/

body {
/*    background:url(http://davidwalsh.name/dw-content/nerd.jpg) 850px 200px no-repeat fixed; background-position:fixed;*/
    background:#D0FFFF url(pms4jsnf.jpg) repeat fixed;
/*    background:#FFFFFF url(../pictures/DSC10022B.JPG) repeat fixed;*/
/*    background:#D0FFFF url(../pictures/dsc18332b.jpg) center repeat fixed;*/
    background-position:fixed;
//    padding: 8em 0 0 0;
    color:#300000;
    font-family:Arial, Helvetica, sans-serif;
    //font-size:95%;
    //font-size:20px;
//    padding: 10px;
    padding: 0px;
    margin:0px;
}

table {
    font-size:95%;
    border-collapse: collapse;
}

td {
    //border:1px #e00000 solid;
    border-collapse: collapse;
}

/*
div {
    border:1px #e00000 dashed;
}

span {
    border:1px #0000ff solid;
}
*/

.caps {
    font-variant:small-caps;
}

.smallCaps {
    font-variant:small-caps;
}

a {
    font-style:italic;
    font-weight:bold;
    text-decoration:underline;
}

a img { border: 1px transparent solid; }

a:link, a:visited {
    //text-decoration:none;
    color:#e00000;
}
a:hover {
    //text-decoration:underline;
    color:#E00000;
}
a:focus {
    color:#e00000;
}
a:active {
    //text-decoration:none;
    color:#e00000;
}

#menu ul {
    margin: -1em 0 0 -1em;
}

/*
#poem, .poem {
  opacity:0.70;
  background: #ffffff;
}
*/

#info input.search {
    color: #808080;
    font-style:italic;
}

.searchButton {
    background:url(arrowButton.gif) no-repeat;
    cursor:pointer;
    width: 23px;
    height: 19px;
    border: 2px #888888 outset;
    border-radius: 5px;
    margin-top: 5px;
}

/*.searchButton:hover {*/
.searchButton:active {
    background:url(arrowButton.gif) no-repeat;
    cursor:pointer;
    width: 23px;
    height: 19px;
    border: 2px #888888 inset;
    border-radius: 5px;
    margin-top: 5px;
}

.pushButton {
    font-variant:small-caps;
    cursor:pointer;
    border-radius:5px;
/*    background-color:#eeeeee;*/
/*
    background-color:#ffe5a0;
    color:#001a5f;
*/

    background-color:#c0ffc0;
    color:#3f003f;

/*
    background-color:#F0E68C;
    color:#0F1973;
*/
/*
    background-color:#e0ffff;
    color:#1f0000;
    background-color:#F0E68C;
    color:#0F1973;
    background-color:#c0ffc0;
    color:#3f003f;
    background-color:#ffe5a0;
    color:#001a5f;
    background-color:#ffd580;
    color:#002a7f;
    background-color:#ffa500;
    color:#005aff;
    background-color:#fff0c0;
    color:#000f3f;
    background-color:#c0ffc0;
    color:#3f003f;
*/
}

#info li, #menu li, li.menu {
    list-style-image:url('cross.gif');
}

#info li:first-letter, #menu li:first-letter
{
font-size:120%;
font-weight:bold;
}

#poem a img, .poem a img, #info a img { border: 1px transparent solid; }
#poem a:hover img, .poem a:hover img, #info a:hover img {border: 1px #E00000 solid; }
#poem a:visited img, .poem a:visited img, #info a:visited img {border: 1px transparent solid; }

#poem h1, #poem h2, #poem h3, #poem h4, #poem h5, #poem h6,
.poem h1, .poem h2, .poem h3, .poem h4, .poem h5, .poem h6,
#info h1, #info h2, #info h3, #info h4, #info h5, #info h6
{
    margin:0;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;
}

#poem h1.comment, #poem h2.comment, #poem h3.comment, #poem h4.comment, #poem h5.comment, #poem h6.comment,
.poem h1.comment, .poem h2.comment, .poem h3.comment, .poem h4.comment, .poem h5.comment, .poem h6.comment
{
    margin:0;
    font-style:normal;
}

#poem p.comment, .poem p.comment
{
    font-weight:bold;
}

span#fltltr, span#pmfltltr
{
    float: left;
    /*padding: 0px 5px 5px 0px;*/
    /*margin: -7px 2px 30px 0px;*/
    padding: 0px;
    margin: -10px 2px 30px 0px;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color:#e00000;
    /*font-size:150%;*/
    font-size:250%;
    font-weight:bold;
    font-style:italic;
    /*border: 5px groove;*/
//    border: 5px groove transparent;
    width: 1em;
    text-transform:uppercase;
}

span#cmfltltr
{
    float: left;
    /*padding: 0px 5px 5px 0px;*/
    /*margin: -7px 2px 0px 0px;*/
    padding: 0px;
    margin: -9px 2px 0px 0px;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color:#e00000;
    /*font-size:150%;*/
    font-size:180%;
    font-weight:bold;
    font-style:italic;
    /*border: 5px groove;*/
//    border: 5px groove transparent;
    width: 1em;
    text-transform:uppercase;
}

//
span#strtltr, span#pmstrtltr
{
    padding: 0px;
    margin: 0;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color:#e00000;
    font-size:150%;
    font-weight:bold;
    font-style:italic;
    width: 1em;
    text-transform:uppercase;
}

span#cmstrtltr, span.cmstrtltr
{
    padding: 0px;
    margin: 0;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color:#000000;
    font-size:140%;
    font-weight:bold;
    font-style:normal;
    width: 1em;
    text-transform:uppercase;
}
//

#info span, #poem span, .poem span
{
    font-family:"Times New Roman", Times, serif;
    color:#e00000;
    font-weight:bold;
    font-size:150%;
    //font-style:italic;
}

#info p:first-line, #poem p:first-line, .poem p:first-line, .firstline span:first-line
{
    font-variant:small-caps;
    font-weight:bold;
}

#blockLetter span {
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-weight:bold;
}

span#fltimg
{
    float: left;
    padding: 0em 1em 1em 0em;
    font-size: 100%;
    color: #000000;
    text-align: center;
}

#fltimg img
{
    border:1;
}

#poem td, .poem td
{
    padding:10px 20px 0px 0px;
}

/*
.poem div {
    border:1px #e00000 solid;
}

.poem span {
    border:1px #0000ff solid;
}
*/

/*
.markBlocks div {
    border:1px #e00000 solid;
}

.markBlocks span {
    border:1px #0000ff solid;
}
*/

#menu {
    background-color:#E8FFFF;
    color:#180000;
}

#menu tr.alt td {
    color:#000000;
    background-color: #90FFFF;
}

.bar {
    //background-image:url(rounded.jpg);
    //background-repeat:repeat-x;
    //background:#00ffff;
    color:#FFFFFF;
    padding:.8em .5em .4em .8em;
    height:auto;
    //font-size:1.1em;
    font-size:110%;
    font-weight:bold;
    margin:0;
}

#barm {
    background-image:url(rounded.jpg);
    background-repeat:repeat-x;
    color:#FFFFFF;
    padding:.8em .5em .4em .8em;
    height:auto;
    //font-size:1.1em;
    font-size:110%;
    font-weight:bold;
    margin:0;
}

#bar {
    position:fixed;
    background-image:url(rounded.jpg);
    background-repeat:repeat-x;
    color:#FFFFFF;
    padding:1.2em .5em 1.2em .8em;
    height:auto;
    width: 100%;
    //font-size:1.1em;
    font-size:110%;
    font-weight:bold;
    margin:0;
}

#bar a:link, #bar a:visited {
    //text-decoration:none;
//    color:#e00000;
}
#bar a:hover {
    //text-decoration:underline;
//    color:#E00000;
}
#bar a:active, #bar a:focus {
//    color:#e00000;
}

div#fixedbar
  {
    overflow: auto;
    width: 100%;
    height: 2.5em;
    position: absolute;
    left: 0;
    color: #000;
  }

#bbar {
    position:fixed;
    background-image:url(smallrounded.jpg);
    background-repeat:repeat-x;
    color:#FFFFFF;
    padding:0px;
    height:auto;
    width: 100%;
    //font-size:.9em;
    font-size:90%;
    font-weight:bold;
    margin:0;
}

#bbar a {
    color:#ffffff;
    text-decoration:underline;
}

#bbar a:link, #bbar a:visited {
    //text-decoration:none;
    color:#ffffff;
    background:transparent;
    border: 1px transparent solid;
    padding:0px;
}
#bbar a:hover {
    //text-decoration:underline;
    //text-decoration: none;
    color:#E00000;
    border: 1px #e00000 solid;
    padding:0px;
}
#bbar a:focus {
    //text-decoration: none;
    color:#ffffff;
    background-color: transparent;
    border: 1px transparent solid;
    padding:0px;
}
#bbar a:active {
    //text-decoration:none;
    border: 1px transparent solid;
    color:#ffffff;
    padding:0px;
}

div#fixedbottombar
  {
  overflow: auto;
  width: 100%;
  height: 1.3em;
  position: absolute;
  left: 0;
  color: #000;
  }

div#fixedcenter
  {
  position: fixed;
  top: 50%;
  left: 50%;
  }

div#content
  {
  background-position:top;
  background-attachment: fixed;

/*
  padding: 3em 0 1em 0;
  padding: 3em 0em 0em 0em;
*/
  }

@media screen
  {
  body>div#fixedbar>div#fixedbottombar
    {
    position: fixed;
    }
  }

/*
div {
    border:1px #e00000 solid;
}

span {
    border:1px #0000ff solid;
}
*/

.pagebreak	{ height:10px; background:url(blanks.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }

/* Dividing screen into sections */
.left-side {
float: left;
}

.centered {
float:center;
}

.right-side {
float:right;
}

.top-side {
top: 0px;
}

.center-side {
center: 0px;
}

.bot-side {
bottom: 0px;
}

#section-w15pc {
width: 15%;
}

#section-w85pc {
width: 85%;
}

#section-w100pc {
clear: both;
width: 100%;
}

#hdrLeft {
width: 25%;
//width: 20%;
text-align: left;
}

#hdrCenter {
width: 60%;
//width: 60%;
text-align: center;
}

#hdrRight {
width:15%;
//width:20%;
text-align: right;
}

#searchLeft {
width: 50%;
padding: 0% 10%;
}

#searchRight {
width:30%;
}

#prtFullWidth {
clear: both;
width: 100%;
}

#prtCmtPad {
width: 25%;
}

#prtCmt {
padding: 0%;
width: 50%;
}

#prt1ColPad {
width: 210px;
}

#prt1Col {
margin: 0px 0px 0px 75px;
padding: 0px;
width: 347px;
}

#prt2Col {
/*margin: 0 0 0 50px;*/
margin: 0px 0px 0px 15px;
padding: 0px;
width: 372px;
}

#prtInfoCol {
margin: 0em;
padding: 0em 4em;
height: 100%;
}

#prtBody {
	margin: 0 auto;
	width: 850px;
}

#prtPageBorder {
	margin: 1em 0;
	//padding: 60px 0;
	width: 100%;
	background: #ffffff;
	border: 5px groove #888888;
	//height: 89%;
}

#fsPrt0 {
    display: block;
}

#fsPrt1 {
    display: none;
}

h2.subtitle {
  font-family:"Times New Roman", Times, serif;
  /*font-style:italic;*/
  font-variant:small-caps;
}

span#previewVerses {
    display:inline-block;
    color:#000000;
    font-size:100%;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    //margin-left: 40%;
    padding-left:0px;
}

span.pmstrtltr {
{
    display:inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color:#e00000;
    font-size:150%;
    //font-size:100%;
    font-weight:bold;
    font-style:normal;
    width: 1em;
    text-transform:uppercase;
}

span.pmfrstln {
    display:inline-block;
    font-variant:small-caps;
    font-weight:bold;
}

.center {
    text-align: center;
}

.printblock {
    display: none;
}

.noprintblock {
//    display: block;
    display: none;
}

td.piccell {
    //width: 14%;
    width: 140px;
    text-align: center;
    vertical-align: top;
    //cursor: pointer;
    padding: 3px;
    //border: 2px #888888 inset;
    border: 2px #888888 outset;
    border-collapse: collapse;
    background-color: #ffffff;
}

span.smlcaps {
    font-variant: small-caps;
    display: inline-block;
}
