body {
  background-color: #888888;
  text-align:center;
  font:13px/1.231 helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {color: #ffffff;font-family:monospace;*font-size:0.95em;line-height:100%;}
#container {
  width: 1024px;
  margin:9px auto;
  padding:0;
  text-align: left;
}
#banner {
  margin: 0;
  padding: 0;
  width: 1024px;
  height: 7680px;
  background-repeat: no-repeat;
  position: relative;
}
#menu {
  margin: 0;
  padding: 0;
  width: 140px;
  height: 120px;
  position: absolute;
  top: 172px;
  left: 480px;
  border: 1px solid #e54830;
}
#menuitem {
  margin: 0;
  padding: 5;
  width: 140px;
  height: 30px;
  color: green;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  position: relative;
  float: left;
}
.small-a {
  font-size: 0.7em;
  color: #bbbbbb;
}
.content {
  padding: 10px;
}

table.song-text {
  margin: 0;
  padding: 0;
}

table.song-text td {
  vertical-align: top;
  width: 330px;
  padding-bottom: 50px;
}

h3 {
  font-size: 14px;
  color: #1666af;
  font-weight: bold;
  padding-bottom: 10px;
}

h4 {
  font-size: 11px;
  color: #1666af;
  padding-bottom: 10px;
}

.slide-image {
}

.slide-image-container {
  width: 266px;
  height: 150px;
  padding: 20px 10px 0px 25px;
  position: absolute;
  top: 0px;
  left: 10px;
  -moz-opacity: 0.0;
  opacity:.00;
  filter: alpha(opacity=00);
  visibility: hidden;
}

.slide-text-container {
  width: 450px;
  padding: 20px;
  text-aling: left;
  font-weight: bold;
  font-size: 15px;
  position: absolute;
  top: 3px;
  left: 310px;
  -moz-opacity: 0.0;
  opacity:.00;
  filter: alpha(opacity=00);
  visibility: hidden;
}

#bannerTitle {
  width: 425px;
  padding: 5px 0px 0px 0px;
  text-aling: left;
  color: #746e70;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: 140px;
  left: 330px;
}

#bannerMenu {
  width: 140px;
  padding: 5px 0px 0px 0px;
  text-aling: left;
  color: #746e70;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: 260px;
  left: 160px;
}

#bannerMenuItem {
  margin: 0;
  padding: 2;
  width: 140px;
  height: 18px;
  color: white;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  position: relative;
  float: left;
}

#bannerMenuItem span {
  cursor: pointer;
}

#freeButton {
  background :url(../img/big-button.gif) no-repeat right top;
  width: 200px;
  height: 60px;
  color: #5e5e5e;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  cursor: pointer;
  padding: 15px 0px 0px 0px;
  position: absolute;
  top: 78px;
  left: 440px;
  text-align: center;
}

strong {
  font-weight: bold;
}

ol {
  list-style: decimal outside;
  margin-left: 25px;
  padding: 5px 0px 0px 0px;
}

ol li {
  padding: 4px;
}

ul {
  list-style: circle outside;
  margin-left: 25px;
  padding: 5px 0px 0px 0px;
}

ul li {
  padding: 4px;
}

h3 {
  font-size: 1.1em;
  color: #1666af;
  font-weight: bold;
}

a {
  color: white;
}

#menuTabs {
  height: 26px;
  padding-left: 9px;
}

#menuTabs .tab {
  float: left;
  width: 70px;
  height: 26px;
  padding-top: 5px;
  cursor: pointer;
  text-align: center;
}

#menuTabs span {
  color: #1666af;
  font-weight: bold;
  font-size: 11px;
}

#loginTab {
  background: transparent;
  position: relative;
  float: right;
  top: 3px;
  right: 32px;
  font-weight: bold;
  cursor: pointer;
}

#loginTab span {
  font-size: 11px;
  color: #ffeeee;
}

.selectedTab {
  background: url(../img/selected_tab.gif) no-repeat right top;
}

.unselectedTab {
  background: url(../img/unselected_tab.gif) no-repeat right top;
}

.overTab {
  background: url(../img/unselected_tab_over.gif) no-repeat right top;
}

dt {
  font-weight: bold;
  padding: 5px 0px 0px 0px;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        

dd {
  padding: 3px 0px 5px 10px;
}

.detailsTable {
  width: 350px;
}

.detailsTable tr th {
  font-weight: bold;
  text-align: center;
  padding: 3px;
  border-bottom: 1px solid #cccccc;
}

.detailsTable tr td {
  text-align: center;
  padding: 3px;
  border-bottom: 1px solid #cccccc;
}

.detailsTable tr th.label {
  text-align: left;
}

.detailsTable tr td.label {
  text-align: left;
}

/* LAYOUT TABLE */

.layout-table {
  width: 100%;
}

.layout-table td {
  vertical-align: top;
  text-align: center;
}

/* ROUNDED BOX */

.rounded-box {
  margin: 0;
  padding: 10px 0px 10px 0px;
  text-align: left;
}

.rounded-box-tl {
	background: transparent url(../img/box/corners.gif) no-repeat 0 0;
  zoom:1;
}

.rounded-box-tc {
	height: 8px;
	background: transparent url(../img/box/tb.gif) repeat-x 0 0;
	overflow: hidden;
}

.rounded-box-tr {
	background: transparent url(../img/box/corners.gif) no-repeat right -8px;
}

.rounded-box-ml {
	background: transparent url(../img/box/l.gif) repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
  zoom:1;
}

.rounded-box-mc {
	/*background: white url(../img/box/tb.gif) repeat-x 0 -16px;*/
	background: white;
	padding: 4px 10px;
	font-size: 11px;
}

.rounded-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4 0;
  zoom:1;
}

.rounded-box-mr {
	background: transparent url(../img/box/r.gif) repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}

.rounded-box-bl {
	background: transparent url(../img/box/corners.gif) no-repeat 0 -16px;
  zoom:1;
}

.rounded-box-bc {
	background: transparent url(../img/box/tb.gif) repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}

.rounded-box-br {
	background: transparent url(../img/box/corners.gif) no-repeat right -24px;
}

.rounded-box-tl, .rounded-box-bl {
	padding-left: 8px;
	overflow: hidden;
}

.rounded-box-tr, .rounded-box-br {
	padding-right: 8px;
	overflow: hidden;
}
/* for Internet Explorer */
/*\*/
* html #body {
height: 680px;
}

