body {
	font-family: Arial, Helvetica, sans-serif;
	background-repeat : repeat;
	overflow: auto;
}

a {
	color: #904700;
}
img {
	hspace: 0;
	vspace: 0;
	border: 0;
}

.top-right {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	text-align: right;
}

.top-left {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}

.section-title {
	position: absolute;
	left: 280;
	top: 32;
	z-index: 1000;
}

.welc-menu {
	width: 100%;
	position: absolute;
	left: 0;
	top: 228;
	z-index: 1000;
	text-align: right;
}

.main-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 900;
}

div.scroll {
	height: 400;
	overflow: auto;
	padding: 20 20 20 0;
}

.menu-border-1 {
	width: 100%;
	margin: 0;
}

.menu-border-2 {
	width: 100%;
	border: 1 solid #e8d19c;
	padding: 5;
}

table.top-menu-table {
	width: 100%;
	border-width: 0;
	background-color: #f2ebd4;
}

.nav-border-1 {
	width: 100%;
	border: 1 solid #beb59e;
	margin: 0;
	padding: 2;
	background-color: #f2ebd4;
}

.nav-border-2 {
	width: 100%;
	border: 1 solid #e8d19c;
	padding: 5;
}
 
.pic-border-1 {
	border: 1 solid #bfbaaf;
	padding: 2;
}

.pic-border-2 {
	border: 1 solid #aeaeae;
	background-color: #ecddb8;
	padding: 4;
}

.pic-border {
	border: 1 solid #faf4e4;
}

.list-entry-td {
	width: 100%;
	padding: 5 0 5 20;
	vertical-align: top;
}

.insruments-entry-td {
	width: 100%;
	padding: 5 0 5 5;
	vertical-align: top;
}

.insruments-entry-td2 {
	padding: 0 30 1 5;
	vertical-align: bottom;
	text-align: left;
}

.page-entry-td {
	width: 100%;
	padding: 0 0 5 20;
	vertical-align: top;
}

.family-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 15px 0 10px 0;
}

.family-list-text {
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
}

.class-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 10 0 10 0;
}

.classes-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 0 0 10 0;
}

.classes-list-text {
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
	font-size: 80%;
}

.class-page-text {
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
}

.instrument-list-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #996633;
}

.family-page-text {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

.list-delimiter {
	width: 100%;
	height: 4;
	border-top: 1 solid #bfbbb0;
	border-bottom: 1 solid #ead7ac;
	margin: 10 0 10 0;
}

.list-delimiter-small {
	width: 100%;
	height: 4;
	border-top: 1 solid #bfbbb0;
	border-bottom: 1 solid #ead7ac;
	margin: 0 5 0 0;
}

.header-delimiter {
	width: 100%;
	height: 4;
	border-top: 1 solid #bfbbb0;
	border-bottom: 1 solid #ead7ac;
	margin: 0 0 15 0;
}

.list-border-1 {
	width: 100%;
	border: 1 solid #beb59e;
	margin: 4 0 0 0;
	padding: 2;
}

.list-border-2 {
	width = 100%;
	border: 1 solid #e8d19c;
	padding: 5;
}

.instrument-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: black;
	margin: 0 0 5 0;
}

.instrument-page-family {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: #6f4b0f;
	margin: 15px 0 10px 0;
}

.instrument-page-family a {
	color: #6f4b0f;
	text-decoration: none;
}

.instrument-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 15px 0 5px 0;
}

.near-next-pic {
	width: 100%;
	padding: 0 0 0 5;
}

.near-next-pic-2 {
	width: 100%;
	padding: 0 5 0 0;
}

.instrument-image-box {
	text-align: left;
	margin: 0 20 10px 0;
}

.instrument-image-box-2 {
	text-align: left;
	margin: 40px 20px 10px 0;
}

.instrument-image-box-3 {
	text-align: left;
	margin: 35px 20px 10px 0;
}

.composer-image-box {
	text-align: left;
	margin: 20px 20px 10px 0;
}

.comment-image-box {
	text-align: left;
	margin: 10px 20px 10px 0;
}

.view-detailed {
	text-align: right;
	position: relative;
	top: -28;
	left: -9;
}

.list-border {
	width: 100%;
	border: 1 solid #c0baae;
	margin: 0 0 15 0;
	padding: 2;
}

table.simple-list {
	border-collapse: collapse;
	border: 1 solid #ead7ac;
}

table.simple-list td, table.simple-list th {
	border: 1 solid #ead7ac;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 4px 4px 10px;
	color: black;
}

table.simple-list td p{
	font-size: 100%;
}

table.simple-list td td {
	border-width: 0;
	padding: 0;
}

.list-row-1 {
	background-color: #f9f3e5;
}

.list-row-2 {
	background-color: #fcf9f2;
}

.list-details {
	color: #996633;
}

.instruments-list-details {
	color: #996633;
	font-size: 85%;
}

.epoch-list-text, .tech-list-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #996633;
	margin: 0 0 8 0;
}

.epoch-list-title, .tech-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: black;
	margin: 0 0 2 0;
}

.composer-text {
	color: black;
}

.albums-list-title {
	color: black;
	margin: 0 0 0 20;
	font-weight: bold;
}

.albums-list-short {
	color: black;
	margin: 0 0 0 20;
}

.albums-list-short p{
	margin: 0;
}

.album-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	margin: 15px 0 10px 0;
}

.album-page-short {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}

.album-image-box {
	text-align: left;
	margin: 15px 20px 10px 0;
}

.family-image-box {
	text-align: left;
	margin: 15px 20px 10px 0;
}

.add-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin: 10 0 10 0;
	clear: both;
}

p {
	font-size: 80%;
	margin: 0 0 10 0;
	text-align: justify;
}

ol {
	font-size: 80%;
	text-align: justify;
}

.common-page-td {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 20 20 20 0;
}

.common-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: black;
	margin: 20px 0 5 0;
}

.admin-panel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #4a3c15;
	border-bottom: 1px #999999 solid;
	background-color: #f8f2e2;
	padding: 2px 2px 2px 10px;
	z-index: 10000;
	position: absolute;
	width: 100%;
}

.admin-panel a {
	color: #4a3c15;
}

.songs-list-short, .performers-list-short {
	color: #996633;
}

.song-short {
	color: #996633;
	font-size: 80%;
	margin: 0 0 10 0;
}

.song-text {
}

.alpha-index {
	text-align: center;
	margin: -10 0 20 0;
}

.alpha-index-2 {
	text-align: center;
	margin: 10 0 10 0;
}

.content-td {
	vertical-align: top;
	width: 100%;
	background-repeat: no-repeat; 
	background-position: left top;
	padding: 5 0 0 70;
}

.scrollable {
	margin-top: 5;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
	padding: 0 50 20 0;
}

.top-menu {
	margin: 5 57 2 0;
}

.order-menu {
	margin: 0 0 0 0;
}

.page-blank {
	margin-top: 30;
}

table.instr-table {
	border: 1 solid #e8d19c;
	border-collapse: collapse;
}
table.instr-table td {
	border: 1 solid #e8d19c;
	padding: 3;
}
table.instr-table td td{
	border: 0;
}

.photo-sign {
	color: #996633;
	text-align: right;
	margin: 10 0 0 0;
}

.gallery-list-title {
	font-size: 100%;
}

.gallery-image-box {
	margin: 0 10 0 0;
}

.sound-block {
	clear: both;
	margin: 20 0 0 0;
}

.music-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	margin: 0 10px 2px 10px;
}

.practics-list-title {
	margin: 0 10px 2px 10px;
	font-weight: bold;
}

.practics-list-short {
	margin: 0 10px 2px 10px;
	color: #996633;
}

.music-list-short {
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
	margin: 0 10 0 10;
}

.themes-list-short {
	color: black;
	margin: 0 5 0 0;
}

.themes-short {
}

.theme-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: black;
	margin: 0 0 5 0;
}

.theme-title-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: black;
	margin: 0 0 5 10;
}

div li {
	font-size: 100%;
}

.other-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

.performer-page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.other-page-short {
	font-size: 120%;
	font-weight: bold;
}

.song-text {
	font-size: 120%;
	margin-top: 30;
}

.top-menu-td {
	text-align: center;
	padding: 5;
}

.song-pic-label, .song-pic-label p {
	text-align: right;
	color: #996633;
	margin: 0 10 0 0;
}

.song-image-box {
	text-align: left;
	margin: 0 20 10 0;
}

.music-pic-label, .music-pic-label p {
	font-size: 80%;
	text-align: right;
	color: #996633;
	margin: 0 20 0 0;
}

.section-image {
	position: absolute;
	left: 220;
	top: 0;
	z-index: 2000;
}

table.theme-body {
	border-collapse: collapse;
	border: 1 solid #ead7ac;
}

table.theme-body td, table.theme-body th {
	border: 1 solid #ead7ac;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7;
	color: black;
}


.links-list-title {
	font-weight: bold;
	margin: 0 10 2 10;
}

.links-list-short {
	margin: 0 10 0 10;
}

.next-question, .repeat-question, .question-read {
	text-align: center;
	margin-top: 20;
}

.game-image-box {
	margin-right: 12px;
}

.question-title {
	font-weight: bold;
	margin: 0 0 5 0;
}

.question-title {
	font-weight: bold;
	padding-left: 100px;
}

.answers-list {
	padding-left: 155px;
	padding-top: 5px;
}

.answer-list-title {
	font-size: 90%;
	margin: 0 0 5 0;
}

.answer-bullet {
	margin-right: 10;
}

.picture-list-title p {
	text-align: left;
}

.picture_name { 
	color: white;  
	font-size: 90%;
}
.picture_author { 
	color: #AEAEAE;  
	font-size: 70%;
}

.practics-page-title {
	font-size: 90%;
	font-weight: bold;
	margin-top: 15px;
}

.practics-page-short {
	font-weight: bold;
}

.practics-epigraph {
	padding: 0 5px 0 50px;
	color: #996633;
}

.music-epigraph, .music-epigraph p{
	color: #996633;
}

.gallery-section-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 0 0 10px 0;
}

.answer_label, .question_label{
	font-size: 80%;
	color: #996633;
}

.comment_label {
	font-size: 80%;
	color: #996633;
	text-align: right;
	margin-right: 20;
}

.answers-title {
	margin-left: 187px;
}

.question-text, .answer-text {
	font-size: 120%;
}

.picture-list-title {
	font-size: 80%;
}

.picture-list-author {
	/*color: #CC9966;*/
	color: #996633;
	font-size: 80%;
}

.playerDiv {
	padding-top: 10;
}

.tech-page-short{
	font-size: 80%;
	color: #996633;
	margin: 0px 0px 10px 0px;
}

.performer-page-short {
	font-size: 80%;
	color: black;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.liter-list-title .author {
	font-style : italic;
}

.liter-list-title .attributes {
	color: #996633;
}

input, select, textarea {
	border : 1 solid #996633;
}

.gray {
	color: #808080;
}

div.search {
	position: absolute;
	left: 37px;
	top: 495px;
}

div.search div.searchline {
	border: 1px solid #ead7ac;
	padding: 1px 2px;
}

div.search input.searchline {
	width: 128px;
	margin: 0;
	border: 1px solid #ead7ac;
	font-size: 80%;
	color: #502b18;
}

