html {
    /* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
    height: 100%;
}

html, body
{ 
font-family: "Gill Sans", Tahoma, Verdana, sans-serif;
margin-top:0px;
margin-right:0px;
margin-left:0px; 
padding:0; 
text-align:center; 
color: #635860;
background-color:#63414D;
} 

#container
{ 
width:1024px; 
text-align:left;  
margin-left:auto; 
margin-right:auto; 
background-color: #FFF5D9; 
border:12px solid;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
border-color:#7DB3AD;
-moz-border-colors:#7DB3AD;
margin-top: 135px;
} 




nav  {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-left: 4.5em;
}

nav ul {
	float: left;
	list-style: none;
}

nav li {
	float:left;
}

nav a {
	float:left;
	margin-left: 2em;
	margin-top: 1em;
	text-decoration: none;
	color: #8C5768;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font: bold 1.1em/1 "Arvo", Georgia, Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	           
 }
 
nav a:hover, nav a:focus {
	outline: 0;
	color: #7DB3AD;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	
}

nav a:active {
	color:#000;
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 


body#home a#nav-home, body#payment a#nav-payment, body#register a#nav-register, body#contact a#nav-contact, body#about a#nav-about, body#policies a#nav-policies
{color:#000000;
}


#maincolimage
{
float:left;
position:relative;
width:350px;
height:521px;
top:300px;
left:600px;
background-image: url('../images/piano-hands.jpg');
}


#flashcontainer
{
width:640px;
height: 480px;
text-align: center;
margin-top: 50px;
margin-left:auto;
margin-right:auto;
background-color: #a9cc66;
}

#header
{
top:-127px;
float:left;
left:320px;
position:relative; 
height:120px; 
background-image: url('../images/header-pianobyjuli.gif');
background-repeat: no-repeat;
width:210px;
background-position: 0px 100%;
} 



#maincol
{  
float: left; 
display:inline; 
position: relative; 
width: 70%; 
margin-top: 0px;
margin-bottom: 0px;
}

#maincolsub
{  
float: left; 
display:inline; 
position: relative; 
width: 100%; 
margin-top: 0px;
margin-bottom: 0px;
}

#rightcol
{
float: left;
display:inline;
position: relative;
width: 30%;
margin-top:0px;
margin-bottom:0px;
}


form.special
{
margin-top: 6px;
text-align: right;
font-size: .7em;
margin-right: 20px;
}

p.special
{
margin-top: 14px;
text-align: right;
font-size: .8em;
margin-right: 10px;
}

#footer{
height:40px;  
clear:both;
position:relative;
top:60px;
}

a.normal
{
background-color: #ffde8d;
color: #333;
text-decoration: underline;
font-size: 1em;
padding-bottom: 4px;
}

a.normal:hover
{
background-color: #ffde8d;
color: #333;
text-decoration:underline;
font-size: 1em;
}

p
{
padding-left: 20px;
padding-right: 20px;
color: #000000;
}

h3
{
color:#000000;
}


h3.article
{
text-indent: 1.5em;
}


p.footer
{
text-align: center;
color: #fff;
font-size: .8em;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #EE212F;
color: #333;
float: left;
width: 100%;
margin: 0;
}

#navcontainer ul li
{
display: inline;
}

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #ffffff;
color: #333;
text-decoration: none;
float: left; 
border-right: 3px solid #333333;
border-top: 3px solid #333333;
border-bottom: 3px solid #333333;
font-size: 1.2em;
}

#navcontainer a.current
{
background-color: #EE212F;
}

h4
{
padding-left: 20px;
font-size: 1.3em;
margin-top: 15px;
}

h4.article
{
margin-bottom: -8px;
}

h3
{
font-size: 1.4em;
padding-left: 20px;
}

h3.article
{
font-size: 1.3em;
padding-left: 20px;
margin-top: 5px;
margin-bottom: -12px;
}

table {
margin-left: 20px;
	
	color: #333;
	background: #fff;
	margin-bottom: 20px;
}
caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}
td{
	padding: 0.5em;
}
th{
background: #ffde8d;
} 
th.dawn
{
background: #a9cc66;
text-decoration: underline;
font-weight: bold;
padding: 5px;
}
thead th {
	border: 1px solid #e3e3e3;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #c6d7cf;
}
tfoot th, tfoot td {
	border: 1px solid #e3e3e3;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}
tfoot th {
	font-weight: bold;
}
tbody td a {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
tbody td a:hover {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
tbody th a {
	background: transparent;
	color: #3f7c5f;
	text-decoration: underline;
	font-weight: bold;
}
tbody th a:visited {
	color: #b98b00;
}
tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
tfoot td {
	border: 1px solid #996;
}
tbody tr:hover {
	
}


.focus:focus {
background-color: #ffde8d;
color: #111;
}


.error {
color:red;
}

.msg {
width: 40%;
}


textarea#body {
	width: 87%;
	height: 10em;
}

fieldset {
margin-left: .7em;
	border: 0;
	width: 30em;
}

form.subscribe {
	margin-top: 1.5em;
}

form label {
	display: block;
	float: left;
	width: 9.1em;
}

.form-row {
	padding-top: .5em;
	margin-bottom: .5em;
	border-top: 1px solid #ccc;
	margin-top: -1px;
}

.form-row div {
	margin-left: 6.5em;
}


#username, #email, #password, #password_confirmed, #length, #body {
    width: 60%;
    height: 1.3em;
    background: #fefefe url(../images/textbg.png) no-repeat scroll left top;
    border-color: #777 #bbb #ddd;
    border-style: solid;
    border-width: 1px;
    margin: -1px 0;
    padding: .1em;
}

#maincollogin
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 50%; 
margin-top: 0px;
margin-bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
}


#centercollogin
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 10%; 
margin-top: 30px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 30px;
}

#rightcollogin
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 40%; 
margin-top: 30px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 30px;
}

p.login
{
margin-top: 30px;
margin-left: 95px;
}

p.small
{
font-size: .8em;
}

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("http://pianomorning.com/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("http://pianomorning.com/images/magminus.cur"), pointer;
}



#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}


#music
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 35%; 
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 30px;
}

#rightcolmusic
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 42%; 
margin-top: 55px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 30px;
}


p.music
{
background-color: #a9cc66;
padding: 5px;
text-decoration: underline;
font-weight: bold;
}

p.musicmore
{
margin-top: -17px;
}

p.level
{
margin-top: -15px;
font-weight: bold;
}

p.musicimage
{
margin-top: -5px;
margin-bottom: 38px;
}

p.musicimagemore
{
margin-top: 143px;
}

#theory1
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 23%; 
margin-top: 0px;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;
}

#theory2
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 23%; 
margin-top: 0px;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;
}

#theory3
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 23%; 
margin-top: 0px;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;
}

#theory4
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 23%; 
margin-top: 0px;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;
}


p.theory
{
background-color: #a9cc66;
text-decoration: underline;
font-weight: bold;
padding: 5px;
text-align: center;
}


p.theoryimage
{
margin-left: -20px;
text-align: center;
}

p.howto
{
font-weight: bold;
text-decoration: underline;
}


p.about
{
margin-left: 40px;
margin-top: -15px;
}

p.about2
{
margin-left: 20px;
margin-top: -8px;
}

#music1
{
background-color: #fff;
float: left;
display: inline;
position: relative;
width: 42%; 
margin-top: 55px;
margin-bottom: 60px;
padding-top: 0px;
padding-bottom: 0px;
height: 270px; 
}

#music2
{
background-color: #fff;
float: left;
display: inline;
position: relative;
width: 42%; 
margin-top: 0px;
margin-bottom: 60px;
padding-top: 0px;
padding-bottom: 0px;
height: auto; 
}

#musicimage1
{
height: 350px;
}

#musicimage2
{
height: 350px;
}

#musicdivtest
{
background-color: #fff;
float: left;
display: inline;
position: relative;
width: 100%;
height: auto;
margin-top: 0px;
margin-bottom: 60px;
padding: 0px;
}

#minusmargin
{
margin-top: -310px;
margin-left: 360px;
width: 42%;
}

#margin
{
margin-top: 12px;
}

p.articlelist
{
margin-top: -20px;
}



#librarymain
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 100%; 
margin-top: 0px;
margin-bottom: 10px;
}


#libraryright
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 60%; 
margin-top: 70px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}


p.bigindent
{
margin-left: 5em;
}

p.minusmargin
{
margin-top: -15px;
}