*/THIS IS OPUS 2*/

*/
Gold:
255-215-0
Bright Olive Type Green: 192,255,62
Cyan: 0,255,255
Electric Blue: 152,255,255
Old Lace: 253,245,230
*/

*/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;}


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;
}

div.navigationbarTSOV
{
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: -428px;
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: -480px;
left: 185px;
overflow: hidden;
}

h1.homepage
{
text-align: right;
color: rgb(255, 215, 0);
font-size: 200%;
font-family: garamond;
}

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

#credits
{
position: relative;
width: 150px;
height: -32px;
top: -572px;
left: -310px;
overflow: auto;
}


/* 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: 250px;
height: 532px;
top: -538px;
left: 275px;
overflow: auto;
font-weight: 100;
color: rgb(255,255,50);
} 



/* This is about the Schedule page. It has a gray background. */

	

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

#GrayBackgroundText
{
position: relative;
width: 780px;
height: 532px;
top: 0px;
left: 20px;
overflow: auto;
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: -320px;
left: 570px;
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);
}

/*This is about the Teaching Page*/


#TeachingText
{
position: relative;
width: 582px;
height: 532px;
top: -538px;
left: 110px;
overflow: auto;
font-weight: 100;
color: rgb(0,0,55)
} 

p.teaching
{
font-size: 130%;
}

/*
Brick Red: 204,51,51
*/

/*This is about the TheSinkingofVenice*/

/* New Dark Green is 20,95,31 */
/* Old Green is 32, 71, 60 */

#thesinkingtext
{
position: relative;
width: 582px;
height: 422px;
top: -418px;
left: 0px;
overflow: hidden;
font-weight: 100;
color: rgb(20,95,31)
} 

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

/*This is about the TheSinkingofVenice Program Notes*/

#completepntext
{
position: relative;
width: 742px;
height: 532px;
top: -538px;
left: 20px;
overflow: auto;
font-weight: 100;
color: rgb(20,95,31)
} 

p.pntext
{
font-size: 80%;
font-family: "futura", Verdana, sans-serif;
}


h1.pnheading
{
font-size: 140%;
font-family: "garamond", Times new roman, serif;
font-weight: bold;
text-align: center
}

h2.pnheading
{
font-size: 140%;
font-family: "garamond", Times new roman, serif;
font-weight: bold;
}