/* global */
html{height: 100%;}

body
{ font-family: Arial, Verdana, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 12px; 
  text-align:center;
}

img{border: 0px;}

a
{
  text-decoration:none;
  color:green; 
}
a:hover
{
  text-decoration:underline;
}

p
{ margin: 0px;
  padding: 6px 0px 6px 0px;
  line-height: 15px;
  text-indent:20px;
}

#column2 p {
  text-align:justify;
  word-spacing:2px;
}

/* unordered list */
ul
{ margin: 4px 0px 0px 14px; 
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 14px 0px 0px 0px; 
  padding: 0px;
}

/* block quote */
blockquote
{ margin: 5px 0px 5px 0px; 
  padding: 10px 20px 10px 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-style:normal;
  font-size:12px; 
  font-weight:normal;
text-align:justify;
word-spacing:1px;
}
.credit
{
  margin-top: 30px;
  padding: 0px;
  font-size: 10px;
  text-align:center;
}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 10px 10px;
}
* html .right { margin-left:10px; margin-bottom:10px; }

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* main container */
#main
{ width: 750px; 
  margin-left: auto; 
  margin-right: auto; 
}

/* logo */
#logo
{ padding: 0px; margin: 0px;
  width: 749px; /* 750px;  */
  height: 162px;
  text-align: left;
  margin-left: auto;  
  margin-right: auto; 
}

#logo h1
{ padding: 30px 0px 0px 19px; 
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 5px; 
}
#logo h1 .title
{
  font-size:20px;
}

/* main content */
#content
{ width: 749px; 
  height: auto;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  overflow: hidden;
  margin-left: auto;  
  margin-right: auto; 
} 

#column1
{
  width:140px;  
  float:left;
  padding: 0px 0px 30000px 0px; 
  margin: 0px 0px 10px 0px;
  margin-bottom: -29985px; 
}

#menu
{ position: relative;
  width: 140px; 
}

#menu ul
{ margin: 0px; 
  padding: 0px; 
  list-style: none; 
  text-align: left; 
  width: 140px; 
} 

#menu li
{ margin: 0px; 
  list-style: none; 
  float: left;  
} 

#menu li a
{ float: left; 
  height: 40px;
  text-decoration: none; 
  padding: 0px 0px 0px 25px; 
  width: 115px; 
  line-height:25px;
} 
* html #menu li a {width:140px;}  /* needed for I.E. */

/* column 2 - page content */
#column2
{ text-align: left;
  padding: 0px 10px 30000px 5px;
  width: 444px;  
  float: right;
  margin-top:0px;
  margin-bottom: -29985px;
}
#column2 h1
{ font-size:20px; 
  font-weight:normal;
  text-decoration:underline;
  padding:0; margin:0;
}

#infobar
{ width:144px; 
  float:right;
  padding: 3px 3px 30000px 3px; 
  margin: 0px 0px 0px 0px;
  margin-bottom: -29985px; 
}
* html #infobar { width: 150px; }
#infobar h1
{ font-size:15px; 
  font-weight:bold;
  text-decoration:underline;
  padding:0; margin:0;
}
#infobar p
{
    text-indent:0px;
}
#infobar li 
{ list-style-type:none;
  margin:0px 0px 0px -14px;padding:0px;
  text-align:left;
}
#infobar li a
{ padding:0px 0px 4px 10px;
  text-decoration:none;
}
#infobar li a:hover
{ padding:0px 0px 4px 10px;
}

#footer
{ width:749px; 
  height:42px; 
  padding:10px 0px 0px 0px;
  font-size:9px;
}
#footer a
{
  text-decoration:none;
  color:green; 
}
#footer a:hover
{
  text-decoration:underline;
}


/* contact page - form layout */
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 400px; 
  height: 29px;
}

div.row span.formlabel 
{ float: left;
  width: 125px; 
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
  height: 22px;
}

input, textarea
{ width: 275px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
}

.submit
{ font-family: verdana, arial, sans-serif;
  font-size: 100%; 
  border: 1px solid;
  height: 22px;
  padding: 3px 5px 3px 5px;
  cursor: pointer;
}


/* review page */

.book
{ font-weight:bold;
  font-size:15px;
  padding:10px 0px 10px 0px;
}

img.book,
img.bookBig
{
 float:left;
 padding-top:10px; padding-right:5px;
 width:75px; 
}
img.bookBig
{
 width:132px;
}

.author
{
  text-align:right;
}


/* poem page */

.poem { display:none; }

.poem .Title
{
  font-weight:bold;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.poem .Author
{
  display: block;
  text-align: center;
  margin: 0 auto;
}
.poem .Indent
{
  padding-left:70px;
}
.poem .IndentQuarter
{
  padding-left:15px;
}
.poem .For
{
  font-style:italic;
  float:right;
}
#poemTest 
{ 
  display:none;
  margin-top:20px;
}


/* general styles */

.unfloat
{
  clear:both;
}

.italic { font-style:italic; font-size:13px; }

.textRed { color:red; }
.textGreen { color:green; }
.textLine { text-decoration:underline; }
.textBold { font-weight:bold; }

