body {
	font-family: Trebuchet MS;
	font-size: 1em;
    background: url(img/bg0.jpg) repeat;
}
p, ul, dl, ol, label, td,th {
	font-size: 70%;
}
h3, h4, h5 {
	margin: 2px;
}
#header,#content,#navcontainer ul {
    margin: 0 auto;
    width: 600px;
}
#header {
	border: 1px solid #ccc;
	height: 200px;
	text-align: center;
	background: url(img/bg2.jpg) no-repeat top left #000;
}
#header h1 {
	color: #fff;
	font-weight: normal;
	font-size: 3em;
    margin:0;
    padding:0;
    margin-top: 1em;
    margin-bottom: .5em;
}
#header h4 {
	font-size: .8em;
	font-weight: normal;
	font-style: italic;
	color: #000;
	background: #eed;
}
#content {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px 0;
    background: #fff;
}
.main {
    padding: 0 10px;
}
#todayverse {
	width: 300px;
	border-right: 1px solid #ccc;
	padding: 0 10px 0 10px;
	float: left;
}
.shade {
    background: #eee;
    border-left: 8px solid #ccc;
    padding: 5px;
}
blockquote {
    background: transparent url(img/quoter.gif) right bottom no-repeat;
    margin:0;
}
blockquote p {
    padding: 0 4em;
    background: transparent url(img/quotel.gif) top left no-repeat;
    color: #666;
}
#todayhymn {
	float: left;
	padding-left: 10px;
	width: 260px;
}
.scripture {
	float: right;
	font-size: .9em;
	color: #ccc;
}
h3 {
	color: #666;
}
h4, h4 a {
	font-size: .9em;
	color: #700;
}
h4 a:hover {
	color: #750;
}
.pad {
    margin-left: 10px;
    margin-right: 10px;
}
table{
    border-collapse: collapse;
}
tr {
    border-bottom: 1px solid #eee;
}
#displayhymn {
	width: 350px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	float: left;
}
#hymn_no {
	float: left;
	font: bold 1.2em Trebuchet MS;
	margin: 0;
}
#hymn_meter {
	float: right;
	font: normal .8em Trebuchet MS;
	margin: 0;
}
#author {
	text-align: right;
	font: normal .8em Trebuchet MS;
	padding-right: 20px;
}
.hymn_verse {
	font: .8em Trebuchet MS;
}
.hymn_verse dt {
	float: left;
	font-weight: bold;
}
.hymn_verse dd {
	margin-left: 50px;
}
.hymn_verse a {
	text-decoration: none;
	color: #000;
}
.firstline:first-letter {
  font: normal 250% Times New Roman;
  margin: 0;
  padding: 0;
}
#tunes {
	text-align: center;
	margin-left: 400px;
}
#tunes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tunes li {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

/*Nav Bar*/
#navcontainer ul
{
padding: .1em 0;
list-style-type: none;
background-color: #eed;
color: #fff;
font: normal .8em Trebuchet MS, helvetica, sans-serif;
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background-color: #eed;
color: #666;
padding: .1em 1.8em;
border-right: 1px solid #fff;
}

#navcontainer li a:hover
{
background-color: #eee;
color: #666;
}