body,html {
	background-color: #8b8b8b;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 86%;
	color: #000;
	margin: 0;
	padding: 0;
}

body {
	min-width: 750px;
}

table {
	font-size: 1em;
}

#wrap {
	margin: 0 auto;
	width: 750px;
}

h3 { 
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}

h4 { 
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}

a:link, a:visited {
	color: #0000FF
}

a:active, a:hover { 
	color: #FF0000;
	text-decoration: none;
}

#headerframe {
	margin: 0 auto;
	padding: 0;
	background-image: url(headerrotate.php);
	background-repeat: no-repeat;
	background-position: top center;
	height: 100px;
}

#headertop {
	display: none;
}

#headerbottom {
	display: none;
}

#headerbody {
	position: relative;
	margin: 0 auto;
	width: 750px;
}

#headerbody h1 {
	display: none;
}

#content {
	clear: both;
}

#musing table, #musing td { background-color: #fff; border: 1px solid #000; border-collapse: collapse; }

#musing td { padding: 5px 10px 10px 10px }

#musing td.tdHead { padding: 0px 0px 0px 0px !important; border: 0px !important; }

.musetitle {
	font-weight: bold;
	font-size: larger;
	text-decoration: underline;
}

.musetext {
}

.musebyline {
	font-size: 80%;
}

.musingnav { border: 0px; text-align: center; }

.musingnav a:link, .musingnav a:visited { text-decoration: none; }

.calendar { background-color: #FFFFFF; border: 1px solid #000; border-collapse: collapse; margin-left: auto; margin-right: auto; }

.calendar th { text-align: left; font-weight: bolder; color: #CC0000; background-color: #DDDDDD; border: 0px; text-align: center; vertical-align: top; }

.calendar td { text-align: left; vertical-align: top; border: 1px solid #000; border-collapse: collapse; }

.calendar td.cLink { background-color: #FFFFCC; }

.calendar td.cEmpty { background-color: #BBBBBB; }

.showspublic { background-color: #fff; border: 1px solid #000; border-collapse: collapse; padding: 0.5em 0px 1em 10px; margin: 0px}

.showsprivate { background-color: #88f; border: 1px solid #000; border-collapse: collapse; padding: 0.5em 0px 1em 10px; margin: 0px}

.newsText { margin-left: 1em; }

.guestbookReply { border: 1px dotted #000; padding-left: 1em; padding-bottom: 3px; padding-top: 3px; background-color: #ffa; }

.topItem { background-color: #fff; border: 1px solid #000; border-collapse: collapse; padding: 0.5em 5px 1em 10px; margin: 0px}

.nonTopItem { background-color: #fff; border: 1px solid #000; border-top: 0px; border-collapse: collapse; padding: 0.5em 5px 1em 10px; margin: 0px}

.regularMoosebook { border: 1px solid #000; background: #fff; padding: 5px; margin: 5px; overflow: auto; width: 730px; }

.selectedMoosebook { border: 1px solid #000; background: #ccf; padding: 5px; margin: 5px }

.paddedboxes { background: #fff; border-collapse: collapse }

.paddedboxes td { border: 1px solid #000; padding: 5px }

.privateshow { background-color: #cccccc; font-style: italic; }

.lounge td { border: 1px solid #000; background-color: #fff; vertical-align: top; padding: 5px; padding-bottom: 10px; }

.loungehead { text-align: center; background-color: #ddd; border: 1px solid #000; font-weight: bolder; font-size: larger; }

.loungelink a { font-weight: bolder; }

.checkoutlist { border-collapse: collapse; background-color: #fff }

.checkoutlist th { font-weight: bold; font-size: smaller; background-color: #ccc; border: 1px solid #000; text-align: center; }

.checkoutlist td { border: 1px solid #000; vertical-align: top; padding: 5px 10px 5px 10px; }

.lyrics {
	border: 1px solid #000;
	background: #fff;
	padding: 5px;
	margin: 5px;
}

.lyricnotes {
	background: #ccc;
	padding: 5px;
}
#menu {
	padding-top: 5px;
}
#menuitems {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 3em 0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#menuitems li {
	float:left;
	margin:0;
	padding:0;
}

#menuitems a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
	margin:0;
	padding:0.25em 1em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

#firstmenuitem {
	border-left: 1px solid #000;
}


#menuitems a:hover,
#menuitems a:active {
	background: #cce4ff;
}

#menuitems a.here:link,
#menuitems a.here:visited {
	background: #68a4ff;
	color: #000;
	position:relative;
	border-bottom: 1px solid #68a4ff;
	z-index: 102;
}

#menuitems a.herenosub:link,
#menuitems a.herenosub:visited {
	background: #68a4ff;
	color: #000;
}

#menuitems .haspopup {
	position:relative;
}
/*subnav*/

#menuitems .submenu {
	position:absolute;
	left:0px;
	top:1.6em;
	float:left;
	background:#68a4ff;
	width:750px;
	margin:0;
	padding:0.25em 0em 0.25em 0em;
	list-style:none;
	border:1px solid #000;
}

#menuitems .submenu li {
	float:left;
	display:block;
	margin-top:1px;
}

#menuitems .submenu a {
	background:#68a4ff;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#menuitems .submenu a:hover,
#menuitems .submenu a:active {
	color: #f00;
}

#menuitems .submenu a.here:link,
#menuitems .submenu a.here:visited {
	border-bottom: none;
}

#menuitems .popup {
	position:absolute;
	left:-1px;
	top:1.5em;
	float:left;
	background:#fff;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #000;
	border-bottom: none;
	z-index: 500;
	display: none;
}
#menuitems .popup li {
	float: none;
	display: block;
	border-bottom:1px solid #000;
	margin:0;
	padding:0;
}

#menuitems .popup a {
	background:#fff;
	margin:0;
	padding:0.5em 1em;
	border:0;
}

#menuitems .popup a:hover,
#menuitems .popup a:active {
	background: #cce4ff;
}

#menuitems a.here:link,
#menuitems a.here:visited {
	color: #000;
}

#menuitems li:hover .popup {
	display: block;
}

.loggedin {
	padding-bottom: 5px;
}

#footer {
	clear: both;
	text-align: center;
	font-size: smaller;
	padding-top: 15px;
	padding-bottom: 5px;
}
.contactbox {
	border:1px solid #000;
	padding:10px;
	padding-top:5px;
	margin:5px;
}
.contactbox h2 {
	margin:0;
	margin-bottom:0.5em;
}

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
  width: 200px;
  text-decoration: none;
}