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: #333;
background-color:#a9cc66;
} 

#container
{ 
width:1024px; 
text-align:left;  
margin-left:auto; 
margin-right:auto; 
background-color: #fff; 
} 

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

#header
{
padding-top:10px;
position:relative; 
height:170px; 
background-image: url('../images/header-sunrise.jpg');
background-repeat: no-repeat;
width:100%;
background-position: 0px 100%;
} 

#header-redesign
{
padding-top:10px;
position:relative; 
height:170px; 
background-image: url('../images/header-redesign.jpg');
background-repeat: no-repeat;
width:100%;
background-position: 0px 100%;
} 


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

#loginarticle
{
background-color: #fff;
float: left;
display: inline;
position: relative;
width: 100%;
margin-top: 2px;
margin-bottom: -42px;
padding-bottom: 5px;
}


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

#maincol.member
{
width:100%;
}

#homepageimages
{
margin-top: 60px;
position: relative;
background-repeat: no-repeat;
background-image: url('../images/index/homepagemontage.jpg');
height: 346px;
width:100%;
}

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

#article1
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 33.3%; 
height: 470px;
margin-top: 30px;
margin-bottom: 10px;


}

#article2
{
background-color: #fff; 
float: left; 
display:inline; 
position: relative; 
width: 33.3%; 
height: 470px;
margin-top: 30px;
margin-bottom: 10px;

}
#article1-2
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 33.2%; 
height: 1400px;
margin-top: 30px;
margin-bottom: 10px;


}


#article2-2
{
background-color: #fff; 
float: left; 
display:inline; 
position: relative; 
width: 66.5%;
height: 1400px; 
margin-top: 30px;
margin-bottom: 10px;

}


#article3
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width: 33.3%; 
height: 470px;
margin-top: 30px;
margin-bottom: 10px;

}

#article4
{
background-color: #fff; 
float: left; 
display:inline; 
position: relative; 
width: 33.3%; 
height: 470px;
margin-top: 0px;
margin-bottom: 10px;

}

#article5
{
background-color: #fff; 
float: left; 
display:inline; 
position: relative; 
width: 33.3%;
height: 470px; 
margin-top: 0px;
margin-bottom: 10px;

}

#article6
{
background-color: #fff; 
float: left; 
display:inline; 
position: relative; 
width: 33.3%; 
height: 470px;
margin-top: 0px;
margin-bottom: 10px;

}

#articlelist
{
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
margin-left: -150px;
width: 33.3%; 
height: 470px;
margin-top: 60px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 20px;
}

#rightcol.special
{
margin-top: 2px;
}

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;
border-top: 3px solid #ffde8d;
background-image: url('../images/footernew.jpg');
}

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: #333;
}


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

p.library
{
text-indent: 3em;
}

p.article
{
text-indent: 2em;
}

p.articlestart
{
text-indent: 1.7em;
font-size: 1.2em;
}

#article
{
text-indent: 1.7em;
font-size: 1.2em;
}

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

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

#navcontainer ul li
{
display: inline;
}

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

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

h4
{
padding-left: 20px;
font-size: 1.5em;
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;
}