body {
	background-color: #FFFFFF; /*#FFFFCC*/
}

body, td, th {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1, h2, h3, h4 {
	font-family: Georgia, Garamond, "Book Antiqua", serif;
	padding: 1px 0px 0px 0px;
	color: #cc6600;
	font-weight:normal;
}

h1, h2, h3 {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #000000;
}

h5, h6 {
	font-family: Georgia, Garamond, "Book Antiqua", serif;
	padding: 1px 0px 0px 0px;
	color: #cc6600;
	font-weight:normal;
	line-height:0.7em;
}

p {
    line-height: 1.4em;
	text-align:justify;
	letter-spacing:0px;
}

p#indent{
    margin-left: 20px;
}

p#block{
    margin: 5px 30px;
    padding: 5px;
    background-color:beige;
    border:1px solid #cc6600;
}

a {
  color: #cc6600;
  /*text-decoration:none;*/
}

a:hover {
    background-color:#cc6600;
    color:#ffffff;
}

div.content {
	background-color: #ffffcc;
}

.top {
	width:720px;
	height:200px;
	background-image: url(images/toppic.gif);
/*	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #cc6600;
*/	color: #cc6600;
	/*background-color: #cccccc;*/
	padding: 0px;
    text-align: right;
}

.bottom{
    border-top: 2px solid #cc6600;
}

.title {
	font-family: Georgia, Garamond, "Book Antiqua", serif;
    font-size: 34px;
    font-variant:small-caps;
	padding: 5px;
}

.subtitle {
    font-family: Georgia, Garamond, "Book Antiqua", serif;
	font-size: 24px;
	padding:5px;
}

.pagetitle {
    font-size: 18px;
	color: #ffffff;
	background-color:#cc6600;
	text-align: center;
	font-family: Georgia, Garamond, "Book Antiqua", serif;
	padding: 5px;
	border-width: thin;
}

.news{
    margin-top: 10px;
    font-size:0.8em;
    font-weight:bold;
    text-align:left;
}

.tanggal{
    margin-top: 30px;
    font-size: 0.8em;
    font-style:italic;
}

.footer {
    text-align: center;
	font-size: 0.8em;
	margin: 10px;
}


/* KODE MAIN MENU */
div#mainmenu {
   width:100%;
   float:left;
   text-align:center;
   border-bottom:2px solid #cc6600;
   margin: 10px 0px 10px 0px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size: 11px;
   text-transform:uppercase;
   }
 
div#mainmenu ul {
    float:right;
    margin:0 0 0 0px;
   }
   
div#mainmenu li {
   display:inline;
   float:left;
   list-style-type:none;
   border-top:1px solid #cc6600;
   border-right:1px solid #cc6600;
   border-left:1px solid #cc6600;
   padding: 5px 0px 5px 0px;
   margin:0px 5px 0px 0px;
   }

div#mainmenu li:hover {
   background-color:#cc6600;
   }
   
div#mainmenu a {
   padding: 5px 10px 5px 10px;
   text-decoration:none;
   color:#cc6600;
   }
   
div#mainmenu a:hover {
   color:#ffffff;
   }

div#mainmenu ul li a#current {
    background: #cc6600; 
   color:#ffffff;
}
 
/* html div#mainmenu ul {
   /*float:left;*/
   /*border-left:1px solid #000;*/
   /*margin-left:15px;*/
   /*}*/


/* KODE SIDE MENU */
div#sidemenu {
   margin: 10px 0px 0px 0px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight:bold;
   }

div#sidemenu a {
   text-decoration:none;
   color:#cc6600;
   } 
   
div#sidemenu a:hover {
   color:#ffffff;
   }


/* KODE BOTTOM MENU */
.bottommenu{
	text-align: center;
	color: #cc6600;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

.bottommenu a{
	padding: 5px;
	text-decoration:none;
}
.bottommenu a:hover{
	border-color:#ffffff;
}

/* HIDE MENU CODE */
#index {display:normal;}
#about {display:normal;}
#qualifications {display:normal;}
#choirs {display:normal;}
#competition {display:normal;}
#results {display:normal;}
#gallery {display:normal;}