/*
   Put pic-text over image
 */

/* Colour palette.  From deep sea-blue to white in steps of golden mean.
color: #257f91; // dark blue
color: #55afc1; // medium blue
color: #72e7ff; // pale blue
color: #dcebdf; // very light blue-green
color: #ffffff; // white
*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: auto;
	background: #ffffff url(image/col_bg.gif) top left repeat-y;
	font-family: verdana;
}

h1,h2,h3,h4,h5 {
	font-weight: bold;
	color: #257f91;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 10px; }
h5 { font-size: 10px; }

p {
	margin: 0 10px 20px 20px;
	padding: 0;
	font-size: 10px/22px;
	/* line-height: 1.4; */
	color: #304a5b;
}

ul,ol {
	margin: 0 10px 20px 20px;
	padding: 0 0 0 0;
	list-style-type: circle;
	font-size: 12px;
	color: #257f91;
}

li {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	text-align: left;
}

#navigation {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 160px;
	background: #304a5b;
	color: #257f91;
}

#navigation ul {
	margin: 0px;
	padding: 20px;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
}
#navigation ul ul {
	margin: 5px 0 0 10px;
	padding: 0px;
}

#navigation a:link    { text-decoration: none; color: #e9eedd; }
#navigation a:visited { text-decoration: none; color: #ffddff; }
#navigation a:hover   { text-decoration: underline; color: #ffffff; }
#navigation a:active  { text-decoration: underline; color: #ffffff; }

#ref {
	margin: 5px 0 0 6px;
	padding: 0px;
}

#search {
	margin: 8px;
	padding: 0 0 0 0;
	width: 140px;
	background: #7ac;
	border: 2px solid #aaa;
	letter-spacing: -1px;
}

a img { border: none }
/*
a:link { color: #999e8d; }
a:hover { color: #ffffff; }
a:visited { color: #bf8dbf; }
*/

#header {
	padding: 0;
	margin: 0;
	background: #77aacc url(image/thin_bg.gif) top left repeat-x;
	height: 144px;
}

#head-notes {
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
        font-size: 8pt;
	padding: 0 0 0 4px;
	margin: 0 0 0 0;
	background: #77aacc;
}

#pic-text,#copy-notice {
}

#print-text {
	display: none;
}

#header h1 {
	background: transparent url(image/thin_header_712x144.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 144px;
}

#header h1 span {
	display: none;
}

#header p {
	font: 8pt verdana;
}

#header p span {
	margin: 0;
	padding: 0;
}

.header-add {
	font-size: 60%;
	margin-left: 1.5em;
}

#features {
	position: absolute;
	right: 0;
	width: 120px;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

.item {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 0px;
}

.item p {
	margin-left: 130px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 0px;
}

.item img {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 0px;
	padding: 0px;
}

#special {
	border: 1px solid #666;
	padding: 10px 0 10px 10px;
	margin: 0 0 0 20px;
	float: right;
	width: 50%;
}

#special h3 {
	margin: 3px;
}

#special p {
	padding: 10px 10px 3px 3px;
	margin: 0;
	float: left;
}

#special img {
	margin: 3px 3px 10px 10px;
	padding: 0;
}


#content {
	margin: 0 130px 0 170px;
	background: #ffffff;
	padding: 10px;
}

#contentleft {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#contentright {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

#footer  {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top: 1px solid #666;
	text-align: right;
	background: #72e7ff;
}
#footer p {
	margin: 0 0 0 0;
	padding: 0px 6px 0px 0px;
	font-size: 8pt;
	color: #257f91;
}

.related-items {
	border-top: 2px solid #aaa;
	font-size: 10pt;
}

/* Style for lyrics */

.songheader {
}
.songtitle {
	font-weight: bold;
	font-size: 120%;
	color: #257f91;
}
.songattribution {
	font-size: 80%;
	color: #257f91;
}
.lyrics {
	margin: 0;
}
.lyrics p {
	margin: 0 10px 10px 0px;
	font-size: 80%;
}

.verse {
}
.chorus {
	font-style: italic;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

/*
  Problem: the search box is unwieldy and ugly, both visually and in
  implementation.  Totally unworthy of the otherwise excellent company
  that produced it.  We've got to work around it to make it fit and not
  ruin the look of the site, but can't change the code.  So, we'll see
  if this works on all reasonable browsers and IE:
*/

input,font,table,form {
	font-size: 9px;
	padding: 0;
	margin: 0;
}