/** StyleSheet for www.justinjmoses.com.au **/
html{

    padding: 0px;
    margin: 0px;

    height: 100%;
}

body{
    margin: 0px;
    padding: 0px;

    height: 100%;


    font-family: verdana, arial, "sans serif";
	font-size: small;

	/*	background-color: #2D0606; */
	background: url(../graphics/background_thatchets.png) repeat;

	color: #000000;


}


table, input, textarea{
	font-family: verdana, arial, "sans serif";
    font-size: small;
}



a{
 border: 0px;
 font-weight: bold;
 text-decoration: none;
 color: #8B0000;
}

a:hover{
 color: #FF0000;
}

#container{
   height: 100%;
   width: 100%;

   margin: 0px;


}


#maincell{

   width: 775px;
   height: 100%;

  
   margin: 26px 0px 0px 0px;
 
   padding: 0px;

   background-color: #FCEBC6;
   color: #000000;

   text-align: center;


   background-image: url(../graphics/main_background_www.gif);
   background-attachment: scroll;
   background-position: bottom center;
   background-repeat: no-repeat;

   overflow: auto;

   #overflow: visible;
}


* html a:hover
{
visibility:visible;
}

#toplink{
  position: absolute;

  width: 100%;
  height: 21px;

  top: 0px;
  left: 0px;

  padding-top: 5px;
//padding-top: 0px; 
}

#toplink #row{
 width: 775px;
 margin-left: auto;
 margin-right: auto;
  
}

/** Top Link Rollovers **/
#toplink #row .item {
  float: left;

  display: inline;
  margin-right: 5px;
  height: 21px;
}

#toplink #row .item a{
  cursor: pointer;
}

#toplink #row .item img {
  border: 0px;
}

#toplink #row .item a:hover img
{
visibility: hidden;
}




/** MAIN PAGE **/

#mainpage{
 padding-top: 30px;
 margin-left: 40px;
 margin-right: 40px;
 text-align: center;
}


#bottomboxes{

  margin-top: 10px;
  width: 726px;
  //width: 730px;

  margin-left: auto;
  margin-right: auto;
  height: 130px;
  padding-left: 8px;

}
#bottomboxes div{
  float: left;
  margin: 5px;
  padding-top: 25px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 5px;
  overflow: auto;

}

#bottomboxes #repertoire
{
  width: 226px;
  height: 90px;
  background: url(../graphics/main_box_rep.gif) no-repeat;
  //background-attachment: fixed;

}
#bottomboxes #improvs{
  width: 228px;
  height: 90px;
  //padding-top: 40px;
  background: url(../graphics/main_box_improv.gif) no-repeat;
  //background-attachment: fixed;
}
#bottomboxes #compositions{
  width: 228px;
  height: 90px;
  background: url(../graphics/main_box_comp.gif) no-repeat;
  //background-attachment: fixed;
}


/** Headings for all pages except first **/
.pageheading{
  padding-top: 50px;
}
.pageheading #heading{
  width: 174px;
  height: 46px;
}
.pageheading #subheading{
  padding-bottom: 10px;
}



/* Repertoire PAGE */

#reppage{
}

#reppage #subheading{
}

#gtrtop{
	padding-top: 15px;
}


#gtrlisttable{
   clear: both;   
	text-align:left;
	padding: 5px;
	width: 60%;
}
#gtrlink{
	
}
#gtrdetailstable{
   text-align:left; 
	width: 50%;
}
.gtrth{
	font-weight: bold;
	vertical-align: top;
	width: 80px;
}

#gtrtitle{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
}

#gtrcentercell{
	padding-top: 20px;
	//padding-top: 0px;
	
	clear: both;
    text-align: center;
  	width: 100%;
}
/* TEACH PAGE */

#teachpage{
}

#teachpage #subheading{
}


#teachleft{
	float: left;
	clear: right;
	padding: 5px;
	margin-left: 5px;
	width: 32%;
	//margin-left: 0px;
	font-size: small;
	text-align: center;
}
#teachcenter{
    float: left;
	clear: right;
	width: 30%;
}
#teachright{
    float: left;
	 clear: right;
	 padding: 5px;
	 width: 32%;
	 margin-left: 5px;
	 //margin-left: 0px;
	 font-size: 12px;
	 text-align: center;
}
.teachlist{
	list-style: disc;
}
.teachlistheader{
	display: inline;
   font-weight: bold; 
}
#teachbottom{
	clear: both;
   text-align: center;
  	width: 95%;
	padding-bottom: 15px;
	//padding-bottom: 0px;
}
#teachcred{
  color: #006666;
  font-weight: bold;
}


#teachlesson{
  margin-top: 20px;
  text-align: left;
}

#teachlesson #imgheading{
  text-align: left;
  margin-left: 10px;
}

#teachlesson #box{

  margin: 10px;


  color: #7B8206;
  background-color: #F0FBC7;
  border: 1px solid #BCB363;
  text-align: left;
}
#teachlesson #heading{
 font-weight: bold;
 background-color: #E6DD88;
 border-bottom: 1px solid #BCB363;
 padding-left: 5px;
}
#teachlesson #lessontext{
  padding: 5px;
}

#teachlesson #extra{
  float: right;
  color: #793B1E;

  background-color: #E9DEC5;
  border: 1px solid #C6A988;

  width: 170px;

  margin-top: 10px;
  margin-right: 20px;
  //margin-right: 10px;

  padding: 5px;
  font-size: 85%;
}

#teachlesson #extra span{
  font-weight: bold;
}

#teachlesson #extra #email{
  font-size: 85%;
  color: gray;
}
#teachlesson #extra #submit{
  font-size: 85%;
  background-color: #793B1E;
  color: white;
  font-weight: bold;
}

/* COMPOSITIONS PAGE */
#comppage{
}

#comppage #subheading{
}

#compdetailstable{
   text-align:left; 
	width: 50%;
}

#compcopyright{
	font-size: 9px;
	font-weight: bold;
}
.comptitle{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.compth{
	font-weight: bold;
	vertical-align: top;
	width: 130px;
}
#complink{
	
}

/* PERF */
#nepage{
}

#perfleft{
    float: left;
    padding: 8px;
	width: 213px;
}
#perfcenter{
    float: left;
    width: 316px;
}
#perfright{
    float: left;
    padding: 8px;
	 width: 213px;
}

#perfcentercell{
	padding-top: 20px;
	//padding-top: 0px;

	clear: both;
  	width: 100%;
}

#perfupcoming{  
   float:left;
   width: 47%;
   text-align: left;

	padding: 5px;
    padding-left: 15px;
	clear: right;
}

#perfprevious{
	float: right;
	width: 47%;
	text-align: left;

   padding: 5px;
	clear: right;
}
#perfbooktable{
	text-align: left;
}
#perfsubmit{
  color: white;
  font-weight: bold;
  background-color: #663300;
}

/* CONTACT */

#contacttable{
	text-align: left;
}
#contacttabletop{
	background-color: black; 
	color: white;
	font-weight:bold;
}
#contactsubmit{
  color: white;
  font-weight: bold;
  background-color: #663300;
}