/*this is the first css written for glider*/

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 900px;
	height: 620px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		height: 620px;
		width: 900px;
		overflow:hidden;
		float:left;		
		}
	div.scroller div.content {
		width: 10000px;
		}
		
		
#wrapper {
	position:relative;
	width:900px;
	top:10px;
	margin-left:auto;
	margin-right:auto;
/*	background-color:#00FF66; */
	}
	


/* this is for rach's site */

body {
	background-color:#000;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	}
	
	
a:link {
	text-decoration: none;
	border:0px;
	color:#000;
}

a:visited {
	text-decoration: none;
	border:0px;
	color: #000;
}

a:hover {
	text-decoration: none;
	border:0px;
	color: #000;
}

a:active {
	text-decoration: none;
	border:0px;
	color: #000;
}


/*news link anchor colours*/

a.newslink:link {
	color:#FFDE57;
}

a.newslink:visited {
	color:#FFDE57;
}

a.newslink:hover {
	color:#666;
}

a.newslink:active {
	color:#FFDE57;
}

/*lyric link anchor colours*/

a.lyriclink:link {
	color:#4A86C5;
}

a.lyriclink:visited {
	color:#4A86C5;
}

a.lyriclink:hover {
	color:#666;
}

.lyriclink a:active {
	color:#4A86C5;
}

/*music link anchor colours*/

a.musiclink:link {
	color:#B7D565;
}

a.musiclink:visited {
	color:#B7D565;
}

a.musiclink:hover {
	color:#666;
}

a.musiclink:active {
	color:#B7D565;
}

/*about me*/

#section_aboutme {
	position:relative;
	top:0;
	left:0;
	width:900px;
	background-image:url(../images/section_aboutme_piano.jpg);
	}

#section_aboutme_picture {
	position:relative;
	top:150px;
	width:414px;
	height:308px;
	float:left;
	}

#section_aboutme_content {
	margin-top:30px;
	height:550px;
	width:458px;
	margin-left:414px;
	background-image:url(../images/about_me_p.png);
	}
	
#myScrollContainer { 
	position:absolute;
	overflow:hidden;
}

#myScrollContent {
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
}

#section_aboutme_scrollbuttons {
	position:absolute;
	height:30px;
	width:20px;
	left:820px;
	top:490px;
	z-index:2;
}


/* pictures */



#section_pictures {
	position:relative;
	left:0;
	top:0;
	width:900px;
	background-image:url(../images/section_pictures_piano.jpg);
	}
	
#section_pictures_picture {
	position:relative;
	top:190px;
	width:306px;
	height:276px;
	float:left;
	}

	
#section_pictures_content {
	position:relative;
	left:0px;
	top:50px;
	width:540px;
	height:550px;
	}
	

/* news */

#section_news {
	position:relative;
	left:0;
	top:0;
	width:900px;
	background-image:url(../images/section_news_piano.jpg);
	}

#section_news_picture {
	position:relative;
	left:20px;
	top:190px;
	height:250px;
	width:400px;
	float:left;
	}


#section_news_content {
	position:relative;
	background-image:url(../images/news-p.png);
	left:400px;
	top:50px;
	height:586px;
	width:477px;
}



#myNewsContainer { 
	position:relative;
	overflow:hidden;
}

#myNewsContent {
	position:relative;
	text-align:left;
}

#section_news_scrollbuttons {
	position:relative;
	height:30px;
	width:20px;
	left:65px;
	top:420px;
	background-color:#003399;
	z-index:2;
}


/* music */

#section_music {
	position:relative;
	left:0;
	top:0;
	width:900px;
	background-image:url(../images/section_music_piano.jpg);
	}
	
#section_music_picture {
	position:relative;
	top:190px;
	}
	
#section_music_content {
	position:absolute;
	height:560px;
	width:490px;
	bottom:50px;
	left:360px;
	background-image:url(../images/notepaper-music.png);
	}

#section_music_content_links {
	position:absolute;
	height:430px;
	width:330px;
	top:90px;
	left:80px;
	}


/* lyrics */

#section_lyrics {
	position:relative;
	left:0;
	top:0;
	width:900px;
	background-image:url(../images/section_lyrics_piano.jpg);
	}

#section_lyrics_picture {
	position:relative;
	top:190px;
	left:50px;
	}
	
#section_lyrics_content {
	position:relative;
	height:545px;
	width:527px;
	bottom:250px;
	left:280px;
	background-image:url(../images/notepaper-lyrics1.png);
	}
	
#section_lyrics_content_links {
	position:absolute;
	height:430px;
	width:450px;
	top:60px;
	left:50px;
	}


	
/*this is for lyrics and music pages*/


#piano_lyrics {
	position:relative;
	height:620px;
	width:900px;
	top:50px;
	background-image:url(../images/section_lyrics_piano.jpg);
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}


#piano_music {
	position:relative;
	height:620px;
	width:900px;
	top:50px;
	background-image:url(../images/section_music_piano.jpg);
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}

		
#music_pad_content {
	position:absolute;
	height:400px;
	width:370px;
	top:100px;
	left:80px;
	}

#lyrics_pad_content {
	position:absolute;
	height:400px;
	width:450px;
	top:70px;
	left:50px;
	}

#myLyricsContainer { 
	position:absolute;
	left:0px; 
	top:0px; 
	width:400px; 
	height:400px;
	overflow:hidden;
}

#myLyricsContent {
	position:relative;
	top:0px;
	left:0px;
	width:400px;
	text-align:left;
}

#scrollbuttonslyrics {
	position:absolute;
	height:30px;
	width:20px;
	left:420px;
	top:360px;
	z-index:2;
}



/* bottom menu */

#container {
	position:fixed;
	width:100%;
	height:72px;
	top:600px;
	left:0;
}

#bottom_menu {
	position:relative;
	height:34px;
	width:190px;
	margin-left:auto;
	margin-right:auto;
	}

#bottom_menu_id {
	position:relative;
	height:38px;
	width:330px;
	margin-left:auto;
	margin-right:auto;
	}


/* from here down is only blocking/masking divs */

#leftgradient {
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
	background:url(../images/gradient.png) 0% 0% repeat-y;
	}


#rightgradient {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:100%;
	background:url(../images/gradient2.png) 0% 0% repeat-y;
	}
	
	
/* title */

#titleholder {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	}

#title {
	position:absolute;
	background-image:url(../images/maintitle.png);
	height:50px;
	width:480px;
	bottom:610px;
	left:0;
	}