body {
	background: #FFFFFF url(/image4/cloud2009tile.jpg) repeat left top;
	color: navy;
	font-size: 100.1%;
/*	text-align: center; */
}

table#header,
table#footer,
table#middle {
/*cellspacing=3 cellpadding=3 */
	width: 960px;
	border: 0;
}

#translations,
table#header, 
table#middle,
table#footer {  /* center tables */

	margin: 0 auto;
}

#leftbody {		/* td */
/* valign=top */
	width: 198px;
	text-align: center;
}

#rightbody {		/* td */
	width: 198px;
	text-align: center;
}

#middlebody {		/* td */
	width: 535px;
/*	valign=top */
}

@media print {

#header,
#leftbody,
#rightbody,
#footer {
    display: none;
}

}

a,a:link {
	color: navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
a:visited  {
	color: blue;
}
a:hover  {
	color: blue;
}
a:active {
	color: #B87333;
}

img, a img {
	border: 0;
}

hr {
	border-top: 1px dashed #4E779E; 
	border-bottom: 0;
}

object p {
	margin: 1em 1em; 
	text-align: center;
}

#container {
	width: 600px;
	background: #8ABBF6;
	margin: 0;
/*	text-align: left;*/
	
}

#nav, #nav ul {
	float: left;
	list-style-type: none !important;   /* stops override in ul, li in community.css */
	line-height: 1 !important;			/* stops override in ul, li in community.css */
	background: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	color: #000066;
	text-decoration: none;
	padding: 3px 3px 3px 10px;
	text-align: left;        /* in ie/opera need to left align text sections */
	margin: 0 0 0 0;
}

#nav a.daddy {
	background: url(/images/rightarrow.gif) center right no-repeat;
}

#nav li {
	line-height: 1 !important;			/* stops override in ul, li in community.css */
	list-style: none !important;		/* stops override in ul, li in community.css */
	float: left;
	padding: 0;
	background-color: #8ABBF6;
	margin: 0 0 0 0;
}

#nav li ul {
	position: absolute;
	left: -100em;
	height: auto;
	width: 200px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 200px;
}

#nav li ul ul {
	margin: -1.5em 0 0 13em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FFFFFF;
}

#nav .bigbtn1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000066;
	font-weight: bold;
	font-style: italic;
	padding: 4px 0px 4px 4px;
	margin: 0 -1em 0 0;

}

#nav .bigbtn2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000066;
	font-weight: bold;
	font-style: italic;
	background-image: url(/image/downarrow.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 4px 4px;
}


/* left and right sections */

#rightbody table.songlist { 
	background-color:#FFFFFF; 
	width:160px; 
	border-width: 1px;  
	border-style: solid; 
	border-color: #3477D2; /* was #498CC5;	 */
}

table.songlist a, table.songlist a:link, table.songlist a:visited {
	font-size: .8em;
	display: block;
}

#rightbody p {
	margin-top: 0;
	font-weight: bold;
}

#rightbody p,
table.songlist td {
	text-align: left;
}

/* general middle section */

#middlebody tr {
	margin: 0 auto;
}

#song {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, "DejaVu Sans", sans-serif;
	font-size: 1em;
}

#imagesearch table {
	margin: .2em auto;
}
#songsearch table#search {
	margin: .5em 0;
}

/* headers */

#song h1 {
	font-family:  Georgia, Constantia, "Book Antiqua", "URW Palladio L", Gentium, "Times New Roman", Times, "DejaVu Serif", serif;
	font-weight: normal;
	font-size: 1.65em;
	line-height: 1.65em;
	margin: 0 auto 0;
	padding: 0;
	border: 0;
}

#song h1 img { 
	margin: .2em 0 .2em;
 }
 
#song h2 {
	font-family:  Georgia, Constantia, "Book Antiqua", "URW Palladio L", Gentium, "Times New Roman", Times, "DejaVu Serif", serif;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: -.3em auto .3em;
	padding: 0;
	border: 0;
}

#songsearch h2 {
	margin: .2em auto .6em;
	font-style: italic;
	font-size: 1.5em;
	text-align: center;
}

#song h3 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;	
	margin: -.3em auto .3em;
	padding: 0;
	border: 0;
}
#song h3 span.author, #song a.author, #song a.author:link, #song a.author:visited, #song a.author:hover, #song a.author:active {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, "DejaVu Sans", sans-serif;  
	white-space: nowrap; 
	font-weight: bold;
}

#songsearch h3 span,
#song h3 span {
	font-weight: normal;
}

#song h4 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 0 auto 0;
	padding: 0;
	border: 0;
}

#songsearch th,
#imagesearch th { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3477D2; /* color in commuity tabs */ /* was #498CC5 */
	color: white; 
	text-align: center; 
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;	
	padding: .1em;   	
}
#songsearch h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	text-align: center; 
}
#songsearch th a, #songsearch th a:link, #songsearch th a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	white-space: nowrap; 
}

#songsearch h3 span.author, #songsearch a.author, #songsearch a.author:link, #songsearch a.author:visited  {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	white-space: nowrap; 
	font-weight: normal;	
	text-align: center; 
}

#songsearch th a:hover,
#songsearch a.author:hover {
	color: blue;
}
#songsearch th a:active,
#songsearch a.author:active {
	color: #B87333;
}

/* form searches */

#songsearch .label {
	font-weight: bold;
}

#songsearch .formleft {
	text-align: left;
	margin: .1em 0;
	line-height: 1.5em;
	vertical-align: middle;
}
#songsearch .radioleft {
	text-align: left;
	margin: .5em 0 .2em;
	line-height: 1.5em;
	vertical-align: middle;
}
#songsearch .radioleft input{
	margin-left: .2em;
}

#songsearch form,
#imagesearch form, 
#imagesearch input,
#imagesearch select {
	margin: 0 auto;
}

#imagesearch form {
	width: 100%
}

#imagesearch form div{
}

#imagesearch label {
	font-weight: bold;
	font-size: 1.2em;
}



#imagesearch .formleft {
	display: inline-block;
	width: 35%;
	text-align: right;
	margin: .1em 0;
	line-height: 1.5em;
	vertical-align: middle;
}

#imagesearch .formright {
	display: inline-block;
	width: 63%;
	text-align: left;
	margin: .1em 0;
	line-height: 1.5em;
	vertical-align: middle;
}

/* other page content */


#imagesearch p,
#songsearch p { 
	text-align: left; 
	margin: 0; 
}

#imagesearch p { 
	text-align: left; 
	margin: 1em 0;
	vertical-align: middle;
}

#imagesearch p img,
#imagesearch p a img { vertical-align: middle; }

#song p { 
	text-align: left; 
	margin: 1em 2em; 
}
.imageoptions,
.songoptions {
	margin: 1em 20px;
	text-align: left;
}

.inline {
	display:inline-block; 	
	margin: 0; 
	border: 0; 
	padding: 0;
}

#song ul li { 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
/*	min-height: 20px; */
}

#songsearch td {
	margin: 0;	
	padding: .1em 0;
}

#songsearch ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	border: 0;
}

#songsearch td ul li { 
	margin: 0;
	padding: 0;
	text-align: left; 
	vertical-align: middle;
	line-height: 1.2em;
}

#songsearch td.songlist {
	width: 100%;
	margin: 0;	
	padding: .1em 0;

}

#songsearch td.songlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#songsearch td.songlist ul  li { 
	list-style: none;
	background: url(/image/tinybullet.gif)  .1em .3em no-repeat;
	margin: .1em 0;
	padding: 0 .2em 0 1.2em;
	text-align: left; 
	line-height: 1.2em;
	vertical-align: top;
	width: 45%;
	float: left;  
	min-height: 20px;   /* "flash" and "heart" image are 19px tall - must be larger */  
}

#songsearch td ul li img,
#songsearch td.songlist ul li img,
#songsearch td ul li a img,
#songsearch td.songlist ul li a img { 
	border: 0; 
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#song li img,
#song li a img { border: 0; vertical-align: middle; }

#comments table td             { text-align: left; }
#comments table table{  /* don't center subtables in comments table */
	margin: 0 0; 
}

#translations td a:link  { margin: auto .5em; 	white-space: nowrap; }

#lyrics {
	margin: 2em 0;
	text-align: center;
	font-size: 1.2em;	
}