/* ALL DESCRIPTIONS ARE WRITTEN ABOVE THE CODE DESCRIBED */
/* An archived version is saved with eliminated code */




/*regular text*/

p {
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 13px;
    padding-left: 50px; 
    color: white;
    font-family: Tahoma,sans-serif;
     
}


/*main titles*/

t1 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
    color: lightgreen;
    font-family: Tahoma,sans-serif;
    font-size: 25;
   
     
}


/*2nd level titles but there are currently no 2nd level titles*/

/*

t2 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
    color: lightgreen;
    font-family: Tahoma,sans-serif;
    font-size: 20;
   
     
}

*/

/*3rd level titles, currently only on Contact page*/

t3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
    color: lightgreen;
    font-family: Tahoma,sans-serif;
    font-size: 18;
   
     
}


/* Keeps the links centred and oriented correctly */

div.menu ul {
list-style-type: none;
width: fit-content;
margin: 0;
margin-left: auto;
margin-right: auto;
position: relative;
}

/* Keeps the links spread across the page and not one on each line */

div.menu ul li {
float: left;
display: block;
position: relative;
}

/* Controls the background colour only*/

body {
    background-color: #1b4f0b;
    margin: 0;
}        

/* Controls the margins of background colour, noticible in the areas behind title (dappledsunlightmusic.ca) and links. */
	
hr {
     margin:0;
     padding: 0;
}

/* Controls the appearance of the band of links (not links at top of page). */


a:link, a:visited {
    display: block;
    width: 110px;
    font-weight: none;
    color: #FFFFFF;
    background-color: #1b4f0b;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-family: Tahoma,sans-serif;
   
    
}

/* Gives the links a different colour (highlighted block) when hovering but not clicking. ALL LINKS including top */

a:hover, a:active {
    background-color: #7A991A;
}

/* Gives the linke a different colour (highlinghted block) to the page currently active. i.e. If on about.shtml, 'ABOUT' link is highlighted */ 

a.current {
  background: #7A991A;
  color:white;
}

/* Appearance and placement of upper lefthand corner 'home' link (curently DAPPLED SUNLIGHT MUSIC) */

a.fancy:link, a.fancy:visited {
    display: block;
    width: 450px;
    font-weight: none;
    color: lightgreen;
    background-color: #1b4f0b;
    text-align: left;
    padding: none;
    text-decoration: none;
    font-family: Tahoma,sans-serif;
    font-size: 30;
   
}

/* Without this, only the top left home link does not highlight during hover. I don't remember why. */

a.fancy:hover, a.fancy:active {
    background-color: #7A991A;
}


/* Features of the 'JOIN THE MAILING LIST' link. */

a.mailing:link, a.mailing:visited {
    display: block;
    width: 100px;
    font-weight: none;
    color: #FFFFFF;
    background-color: #1b4f0b;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-family: Tahoma,sans-serif;
    font-size: 14;
   
}

/* Without this, the 'JOIN THE MAILING LIST LINK' doesn't highlight */

a.mailing:hover, a.mailing:active {
    background-color: #7A991A;
}

/* Image Peramaters */

.image {
  font-size: 0;
  text-align: center;
  width: 100%;  /* Container's dimensions */
  height: 244px;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}

.trick {
  display: inline-block;
  vertical-align: middle;
  height: 150px;
}

/*Controls everything about links within the text, currently only on Contacts page*/

a.normal:link, a.normal:visited {
    display: inline;
    font-weight: none;
    color: yellow;
    background-color: none;
    text-align: center;
    padding: 0px;
    text-decoration: none;
    font-family: Tahoma,sans-serif;
  
}




/*
<!--#8c8615 alternative color of kakhi green-->
<!--#4d4159 a nice purple.. font-size:18; for links-->
#98bf21 light green for highlighted links
"#4c2a26";*/