*/THIS IS OPUS 3*/



*/For the whole site */

a:link {color: rgb(0,255,255); text-decoration: none;}
a:visited {color: rgb(0,255,255); text-decoration: none;}
a:hover {color: rgb(0,255,255); text-decoration: none;}
a:active {color: rgb(0,255,255); text-decoration: none;}

/*
Gold: 255,215,0
Forest Green: 39,139,34

*/

h2 {font-family: garamond; font-weight: 300;}
h3 {font-family: garamond; font-weight: 100;}
p {font-family: garamond;}
ul {font-family: garamond}

body
{
background-color: black;
height: 100%; 
overflow: hidden;
min-width: 800px; 
}

/* This little bit right here keeps the images from displaying that stupid blue border!! */

img 
{
border: none;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/


 /* This is about the Navigation Bar */

div.navigationbar
{
text-align: center;
word-spacing: 30px;	
color: (145,145,145);
font-family: garamond;
font-weight: 100;
font-size: 130%;
padding-top: 10px;
position: relative;
width: 800px;
height: 50px;
top: -2px;
left: 7.5px;
overflow: hidden;
}

div.navigationbarALPHA
{
text-align: center;
word-spacing: 30px;	
color: (145,145,145);
font-family: garamond;
font-weight: 100;
font-size: 130%;
padding-top: 10px;
position: relative;
width: 800px;
height: 50px;
top: -538px;
left: 7.5px;
overflow: hidden;
}

div.navigationbarBETA
{
text-align: center;
word-spacing: 30px;	
color: (145,145,145);
font-family: garamond;
font-weight: 100;
font-size: 130%;
padding-top: 10px;
position: relative;
width: 800px;
height: 50px;
top: -486px;
left: 7.5px;
overflow: hidden;
}

div.navigationbarGAMMA
{
text-align: center;
word-spacing: 30px;	
color: (145,145,145);
font-family: garamond;
font-weight: 100;
font-size: 130%;
padding-top: 10px;
position: relative;
width: 800px;
height: 500px;
top: -1070px;
left: 7.5px;
overflow: hidden;
}



a.NavigationLink:link {color: white; text-decoration: none;}
a.NavigationLink:visited {color: white; text-decoration: none;}
a.NavigationLink:hover {color: white; text-decoration: none;}
a.NavigationLink:active {color: white; text-decoration: none;}



/* This is about the Home page   */

#homepage


#homepagemap
{
position: relative;
width: 400px;
height: 500px;
top: -540px;
line-height: 240%;
left: -200px;
overflow: hidden;
}

h1.homepage
{
text-align: left;
color: rgb(245, 245, 50);
font-size: 350%;
}

h2.homepage
{
text-align: left;
color: rgb(245, 245, 50);
font-size: 145%;
}

#credits
{
position: relative;
width: 200px;
height: -32px;
top: -698px;
left: -280px;
overflow: auto;
}

#quotes
{
position: relative;
width: 300px;
height: -32px;
top: -630px;
left: 220px;
overflow: auto;
font-size: 125%;
}

h1.seo
{
text-align: left;
color: rgb(245, 245, 50);
font-size: 120%;
}


/* This is about the Bio page */

#biography_text
{
position: relative;
width: 330px;
height: 532px;
top: -538px;
left: 235px;
overflow: auto;
font-weight: 100;
color: rgb(5,5,5);
}

p.biography
{
font-size: 90%;
}


/* This is about the Composition page */

#CompositionText
{
position: relative;
width: 250px;
height: 532px;
top: -538px;
left: 275px;
overflow: auto;
font-weight: 100;
color: rgb(245,245,245);
}

ul.composition
{
font-size: 90%;
}


/* This is about the Audio Samples page 
Yellow-white: 255,255,205

*/

#AudioSamplesText
{
position: relative;
width: 300px;
height: 532px;
top: -538px;
left: 235px;
overflow-x: hidden;
font-weight: 100;
color: rgb(255,255,50);
} 

/* 
#audio_samples_page
{
height: 532px;
width: 800px;
}
*/


/* This is about the teaching page, AND the Schedule page. They share the same format and layout. */


#TeachingTextBody
{
position: relative;
width: 800px;
height: 532px;
overflow: hidden;
font-weight: 100;
color: rgb(0, 40, 40);
background-color: rgb(138, 140, 140); 
}

#TeachingText
{
position: relative;
width: 780px;
height: 532px;
top: 0px;
left: 15px;
overflow: hidden;
font-weight: 100;
color: rgb(245,245,245);
}


/* This is about the writings page.*/


#WritingsTextLeft
{
position: relative;
width: 215px;
height: 532px;
top: -418px;
left: -280px;
overflow: auto;
font-weight: 100;
color: rgb(245,245,245);
}

#WritingsTextRight
{
position: relative;
width: 240px;
height: 532px;
top: -950px;
left: 290px;
overflow: auto;
font-weight: 100;
color: rgb(245,245,245);
}


/* This is about the Contact page.*/

#ContactText
{
position: relative;
width: 810px;
height: 480px;
top: -190px;
left: 20px;
overflow: hidden;
font-weight: 100;
color: rgb(245,245,245);
}

/*This is about the Contributor Page*/

#ContributorTextBody
{
position: relative;
width: 800px;
height: 532px;
overflow: hidden;
font-weight: 100;
color: rgb(0, 40, 40);
background-color: rgb(138, 140, 140); 
}

#ContributorText
{
position: relative;
width: 800px;
height: 532px;
top: 0px;
left: 15px;
overflow: auto;
font-weight: 100;
color: rgb(245,245,245);
}