body{
	font: 100% arial, sans-serif;
	background: #000000;
	margin:0;
	padding:0;
	text-align:center;
	line-height:15px;
	font-weight:200;
			
}


body								{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-shadow-color: #000044;
scrollbar-lightshadow-color: #000066; 
scrollbar-darkshadow-color: #000022;
scrollbar-highlight-color: #000088;
scrollbar-3dlight-color: #000033;
scrollbar-track-color: #000000;
}




#outerframe  {
	border: 5px solid #000001;
	position: absolute;
	left: 1.5%;
	right: 1.5%;
	top: 1.5%;
	text-align: center;
	

}

#outercontainer20  {
	border: 2px #000002 solid;
}

#outercontainer19  {
	border: 2px #000004 solid;
}

#outercontainer18  {
	border: 2px #000007 solid;
}

#outercontainer17  {
	border: 2px #00000A solid;
}

#outercontainer16  {
	border: 2px #00000E solid;
}

#outercontainer15  {
	border: 2px #000014 solid;
}

#outercontainer14  {
	border: 2px #000018 solid;
}

#outercontainer13  {
	border: 2px #00001C solid;
}

#outercontainer12  {
	border: 2px #000020 solid;
}

#outercontainer11  {
	border: 2px #000026 solid;
}

#outercontainer10  {
	border: 2px #00002B solid;

}
#outercontainer9  {
	border: 2px #000034 solid;

}
#outercontainer8  {
	border: 2px #00003B solid;

}
#outercontainer7  {
	border: 2px #000044 solid;
	
}
#outercontainer6  {
	border: 2px #00004B solid;
	
}
#outercontainer5  {
	border: 2px #000054 solid;
	
}
#outercontainer4  {
	border: 2px #00005B solid;

}
#outercontainer3  {
	border: 2px #000066 solid;

}
#outercontainer2  {
	border: 2px #0000070 solid;
	
}
#outercontainer1  {
	border: 1px #0000A0 solid;
	margin:0px;
	text-align:left;
	overflow-x:hidden;
	overflow-y:auto;
	
	
}

#container  {
	background: #000000;
	border: 1px #0000FF solid;
	overflow-x:hidden;
	overflow-y:auto;
	margin:0px;
	color:#FFFFFF;
		
	}
	
#gallerycontainer  {
	background: #000000;
	border: 1px #0000FF solid;
	overflow:hidden;
	margin:0px;
	color:#0000EE;
		
	}
	
	
	
	
.subheaderstyle a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.subheaderstyle a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.subheaderstyle a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.subheaderstyle a:active {
	text-decoration: none;
	color: #FFFFFF;
}



.style1 {color: #0000FF}

.style2 {color: #0000FF}

.style3 {color: #CC0010}

.style4 {color: #0000FF}
				

#header
 {
	background: #000000;
	border-bottom: 1px solid #0000FF;
	cursor:default;
	width:100%;
	color:#FFFFFF;
	text-align:left;
	height:75px;
	margin-bottom:0px;
				
}

#header h1 {
	margin: 0; 
	padding-left:27px;
	padding-top:27px;
	font-size: 40px;
	font-weight:900;
	text-align:left;
	color:#FFFFFF;

}

a
				 {
				 outline:none;
				 }


#header  b 
	{color:#FF0000}
#white
	{color:#FFFFFF}

#header a:link {
	text-decoration: none;
	color:#FFFFFF;
}

#header a:visited {
	text-decoration: none;
	color:#FFFFFF;
}

#header a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

#header a:active {
	text-decoration: none;
	color:#FFFFFF;
}


#headertable  table  {
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	}


#insideheader1,
#insideheader2
  {
	margin-right:20px;
	white-space:nowrap;
	}

	

h1 {
	margin: 0; 
	padding: 10px;
	font-size: 40px;
	font-weight:900;
	text-align:left;
	color:#FFFFFF;

}



h2 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom:20px;
	
}

h4 {
	 font-weight: bolder;
	 margin-top:0px;
	 
}



	
.mainbody table  {
	border:0px;
	border-spacing:0px;
	margin:0px;
	width:100%;
	overflow:hidden;
	}

.mainbody tr  {
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px;
}


.mainbody td  {
	border:0px;
	vertical-align:top;
	margin:0px;
	padding:0px;
	
	}


	
	

	
#subheader   {
	border: 0px;
	margin: 0px;
	font-weight:bolder;
	width: 100%;
	
}




.glow0,
#glow1,
#glow2,
#glow3,
#glow4,
#glow5,
#glow6,
#glow7,
#glow8,
#glow9,
#glow10
	{
	border-top:1px solid;
	border-right:0px;
	border-bottom:0px;
	border-left:0px;
	margin-top:0px;
	padding:0px
	}

	
.glow00,
#glow11,
#glow12,
#glow13,
#glow14,
#glow15,
#glow16,
#glow17,
#glow18,
#glow19,
#glow20
  {
	border-top:2px solid;
	border-right:0px;
	border-bottom:0px;
	border-left:0px;
	margin-top:0px;
	padding:0px
	}

	
.glow0  {border-color: #000000}
.glow00 {border-color: #000000}

#glow1  {border-color: #0000AA}
#glow2  {border-color: #00008B}
#glow3  {border-color: #00007B}
#glow4  {border-color: #000074}
#glow5  {border-color: #00006B}
#glow6  {border-color: #000064}
#glow7  {border-color: #00005B}
#glow8  {border-color: #000054}
#glow9  {border-color: #00004B}
#glow10 {border-color: #000046}
#glow11  {border-color: #00003B}
#glow12  {border-color: #00002D}
#glow13  {border-color: #000020}
#glow14  {border-color: #000018}
#glow15  {border-color: #000010}
#glow16  {border-color: #00000A}
#glow17  {border-color: #000007}
#glow18  {border-color: #000004}
#glow19  {border-color: #000002}
#glow20  {border-color: #000001}


.subheaderglowcell  td {
	border-bottom: 0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #0000FF; 
	width:20%;
	margin:0px;
	vertical-align:middle;
				
}

#subheadercell1,
#subheadercell2,
#subheadercell3,
#subheadercell4,
#subheadercell5  
	{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:3px;
	padding-right:3px;
	text-align: center;
	border: 1px solid #000000;
	width:20%;
	margin:0px;
	font-weight:bolder;
	}

#subheadercell1a,
#subheadercell2a,
#subheadercell3a,
#subheadercell4a,
#subheadercell5a  {
	margin:1px;
	font-size: 18px;
	
	}

#subsubheader  {
	font-size: 90%;
	text-align: center;
	color: #0000FF;
	margin-top: 0px;
	margin-bottom:0px;
		
}	

#subsubheader a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#subsubheader a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#subsubheader a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#subsubheader a:active {
	text-decoration: none;
	color: #FFFFF;
}	



  
#sidebar {
	background: #000000;
	padding: 0px;
	margin: 0px;	
	border-right:1px solid #0000FF;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	clear:left;
				
}


#footer { 
	
 	clear: both;
 	margin:0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	text-align:right;
	border-top: 1px solid #0000FF;
	background:#000000;
	font-size:xx-small;
	color: #0000DD;
	left:0px;
	height:15px;
		
}


#footer a:link {
	color: #DDDDDD;
	text-decoration: underline;
}
#footer a:visited {
	text-decoration: underline;
	color: #DDDDDD;
}
#footer a:hover {
	text-decoration: underline;
	color: #DDDDDD;
}
#footer a:active {
	text-decoration: underline;
	color: #DDDDDD;
}	

	
#mainContent a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#mainContent a:visited {
	text-decoration: none;
	color: #DDDDDD;
}
#mainContent a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#mainContent a:active {
	text-decoration: none;
	color: #FFFFFF;
}


#home a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#home a:visited {
	text-decoration: none;
	color: #DDDDDD;
}
#home a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#home a:active {
	text-decoration: none;
	color: #FFFFFF;
}



.mainContenthome a:link {
	color: #FF0000;
	text-decoration: none;
}
.mainContenthome a:visited {
	text-decoration: none;
	color: #DD0000;
}
.mainContenthome a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.mainContenthome a:active {
	text-decoration: none;
	color: #FF0000;
}


	
.mainContentmusic a:link {
	color: #FF0000;
	text-decoration: none;
}
.mainContentmusic a:visited {
	text-decoration: none;
	color: #DD0000;
}
.mainContentmusic a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.mainContentmusic a:active {
	text-decoration: none;
	color: #FF0000;
}



input  {
	background-color: #000033;
	border: 1px #0000AA solid;
	font-size:90%;
	color: #FFFFFF;
	text-align:left;
	
}

	
.pictureframe5 a:link img {
	color: #000000;
	text-decoration: none;
	border: 0px;
}
.pictureframe5 a:visited img {
	text-decoration: none;
	color: #000000;
	border: 0px;
}
.pictureframe5 a:hover img {
	text-decoration: none;
	color: #000000;
	border: 0px;
}
.pictureframe5 a:active img {
	text-decoration: none;
	color: #000000;
	border: 0px;
}

	
#header a:link img,
.mainContentart a:link img,
.mainContenthome a:link img 
 {
	color: #000000;
	text-decoration: none;
	border: 0px;
}
#header a:visited img,
.mainContentart a:visited img,
.mainContenthome a:visited img
 {
	text-decoration: none;
	color: #000000;
	border: 0px;
}
#header a:hover img,
.mainContentart a:hover img,
.mainContenthome a:hover img
 {
	text-decoration: none;
	color: #000000;
	border: 0px;
}
#header a:active img, 
.mainContentart a:active img,
.mainContenthome a:active img {
	text-decoration: none;
	color: #000000;
	border: 0px;
}
	


	
.pictureframe1  {
	border: 2px solid #000004;
	margin: 8px;
	float:left;
}	
.pictureframe2  {
	border: 2px solid #000008;
}
.pictureframe3  {
	border: 2px solid #00000B;
}
.pictureframe4  {
	border: 2px solid #000010;
}
.pictureframe5  {
	border: 5px solid #000000;
}


.imgnoborder  img  {
	border: 0px;
	}

	
#mainContentgallery {
	background:#000000;
	margin-left:4%;
	margin-top:0px;
	margin-right:0px;
	color: #FF0000;
	font-size:xx-small;
	border:0px;
	cursor:default;
			
}

.horizontalgallery {
	height:150px;
	border: 0px;
	overflow:hidden;
	
	
	}

.horizontalgalleryhigh {
	height:300px;
	border: 0px;
	overflow:hidden;
	
	
	}
	
	
	
#downloadslist  {
	margin-right:4px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	float:left;
	text-align:left;
	font-size:90%;
	
	}

	
	
ul  {
	color:#FFFFFF
	}

#homepage ul  {
	color:#0000FF;
	font-size:110%;
	list-style-type:none;
	}
	
	
#backarrow  {
	font-size:170%;
	font-weight:bolder;
	
}

#backarrow a:link {
	color: #FF0000;
	text-decoration: none;
}
#backarrow a:visited {
	text-decoration: none;
	color: #FF0000;
}
#backarrow a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#backarrow a:active {
	text-decoration: none;
	color: #FF0000;
}		


.indent  {
	text-indent:30px;
	}

.doubleindent  {
	text-indent:50px;
	}

.doublemargin  {	
	text-indent:50px;
	line-height:
	}
	
h5  {
	font-weight:normal;
	font-size:100%;
	color: #FFFFFF;
	margin-top:15px;
	margin-bottom:5px;
	}

	
#credits  {
		text-align:right;
		margin-right:40px;
		
	}

	
	
#subsubheader  b  {
	font-weight:900;
	font-size:larger;
	}
	 	
					 

							 
.mainContenthome
							 {
							 background:#000000;
							 margin-left:40px;
							 margin-right:0px;
							 margin-bottom:0px;
							 margin-top:-5px;
							 color: #FFFFFF;
							 border:0px;
							 cursor:default;
							 font-size:85%;
							 background-repeat:no-repeat;
							 padding-right:40px;
							 padding-left:0px;
							 padding-bottom:0px;
							 height:330px;
							 overflow-y:auto;
							 overflow-x:hidden;
							 }
	
								 
.mainContenthome  h6  {
		font-size:31px;
		color:#FFFFFF;
		margin-bottom:120px;
		margin-top:15px;
		margin-left:50px;
		}						 

.mainContenthome  b
									{
									font-size:150%;
									}		
		
		
.mainContentart  h6  {
		font-size:120%;
		color:#FFFFFF;
		margin-bottom:120px;
		margin-top:0px;
		margin-left:20px;
		}

.mainContentart
							 {
	background:#000000;
	margin-left:45px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:-5px;
	color: #FFFFFF;
	border:0px;
	cursor:default;
	background-repeat:no-repeat;
	font-size:85%;
	padding-right:45px;
	padding-left:0px;
	white-space:nowrap;
	padding-bottom:0px;
	height:320px;
	overflow-y:auto;
	overflow-x:hidden;
	}		
.mainContentart  p
								 {
								 margin-top:20px;
								 margin-bottom:0px;
								 margin-left:0px;
								 margin-right:0px;
								 }
		
.mainContentart a:link {
	color: #FF0000;
	text-decoration: none;
}
.mainContentart a:visited {
	text-decoration: none;
	color: #DD0000;
}
.mainContentart a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.mainContentart a:active {
	text-decoration: none;
	color: #FF0000;
}		
	
.mainContentmusic  h6  {
		font-size:120%;
		color:#FFFFFF;
		margin-bottom:200px;
		margin-top:0px;
		margin-left:80px;
		}

.mainContentmusic
							 {
	background:#000000;
	margin-left:45px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:-5px;
	color: #FFFFFF;
	border:0px;
	cursor:default;
	background-repeat:no-repeat;
	font-size:85%;
	padding-right:45px;
	padding-left:0px;
	list-style-type: none;
	padding-bottom:0px;
	height:320px;
	overflow-y:auto;
	overflow-x:hidden;
	
	}	
	
	
.mainContentmusic  p
								 {
								 margin-top:20px;
								 margin-bottom:0px;
								 margin-left:0px;
								 margin-right:0px;
								 }
		
.mainContentmusic a:link {
	color: #FF0000;
	text-decoration: none;
}
.mainContentmusic a:visited {
	text-decoration: none;
	color: #DD0000;
}
.mainContentmusic a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.mainContentmusic a:active {
	text-decoration: none;
	color: #FF0000;
}		

ul
	{list-style-type:none}


.leftmargin
						 {
						 padding-left:50px;
						 }

.leftmargin2
						{
						padding-left:25px;
						}						 
						
.bigindent
					{
					padding-left:120px;
					}				

.biggerindent
					{
					padding-left:160px;
					}			
.biggestindent
					{
					padding-left:200px;
					}			
						
.images
{
color:#FF0000;
font-size:26px;
padding-left:20px;
line-height:30px;


}

.theworld
{
color:#FF0000;
font-size:30px;
padding-left:180px;
line-height:1px;

}

.tocelebrate
{
color:#FF0000;
font-size:14px;
padding-left:100px;
line-height:1px;
}

.welivein
{
line-height:50px;
color:#FF0000;
font-size:20px;
padding-left:230px;
}						
						
						
						
						
						
#exhibitions
	{
	background-image:url('exhibitionsbackground.gif');
	}
#art
	{
	background-image:url('artwelcomeone.gif');
	}
#commissions
	{
	background-image:url('commissionsbackground.gif');
	}
#artcontact
	{
	background-image:url('artcontactbackground.gif');
	}
#music
	{
	background-image:url('musicwelcome.gif');
	}
#listen
	{
	background-image:url('listenbackground.gif');
	}
#download1
	{
	background-image:url('download1background.gif');
	line-height:100%;
	font-size:75%;
	}
#download2
	{
	background-image:url('download2background.gif');
	line-height:100%;
	height:800px;
	font-size:75%;
	}
#musiccontact
	{
	background-image:url('musiccontactbackground.gif');
	}	
#aboutmusic
	{
	background-image:url('aboutmusicbackground.gif');
	}	
#piano
	{
	background-image:url('pianobackground.gif');
	}
#overview
	{
	background-image:url('overviewbackground.gif');
	}
#whatsnew
	{
	background-image:url('whatsnewbackground.gif');
	}
#home
	{
	background-image:url('coloursbackground.gif');
	}
#becomeafriend
	{
	background-image:url('becomeafriendbackground.gif');
	}	
#friend
	{
	background-image:url('friendbackground.gif');
	}
#contact
	{
	background-image:url('contactbackground.gif');
	}
#maths
	{
	background-image:url('mathsbackground.gif');
	}
#mathscontact
	{
	background-image:url('mathscontactbackground.gif');
  }	
#cv
	{
	background-image:url('cvbackground.gif');
  }
#links
	{
	background-image:url('linksbackground.gif');
  }
#material
	{
	background-image:url('materialbackground.gif');
  }
#tuition
	{
	background-image:url('tuitionbackground.gif');
  }
#philosophy
	{
	background-image:url('philosophybackground.gif');
  }
#ethics
	{
	background-image:url('ethicsbackground.gif');
  }
#religion
	{
	background-image:url('religionbackground.gif');
  }
#knowledge
	{
	background-image:url('knowledgebackground.gif');
  }
#purpose
	{
	background-image:url('purposebackground.gif');
  }
#humankind
	{
	background-image:url('humankindbackground.gif');
  }
#poetry
	{
	background-image:url('poetrybackground.gif');
  }
#postcards
	{
	background-image:url('postcardsbackground.gif');
  }
#distance
	{
	background-image:url('distancebackground.gif');
  }
#thoughts
	{
	background-image:url('thoughtsbackground.gif');
  }
#anothertime
	{
	background-image:url('anothertimebackground.gif');
  }
#limericks
	{
	background-image:url('limericksbackground.gif');
  }
#victoriakruger
	{
	background-image:url('victoriakrugerbackground.gif');
  }
#paintbynumbers
	{
	background-image:url('paintbynumbersbackground.gif');
  }
#practice
	{
	background-image:url('practicebackground.gif');
  }
#conversations
	{
	background-image:url('conversationsbackground.gif');
  }
	
	
	
	
	
	
	
#poemslong
	{
	height:600px;
	}
	
	
	
.artslash
	{
	color:#880088;
	}
.musicslash
	{
	color:#008800;
	}
.mathsslash
	{
	color:#008888;
	}
.red
	{
	color:#FF0000;
	}
.poetryslash
	{
	color:#DDDD00;
	}
.blue
	{
	color:#0000FF;
	}