/* This document will control the layout of the XHTML page it links to */

/* *********Changes to default tag properties********** */
A:link { color: #6DA8C5; text-decoration: none }
A:visited { color: #FFC5C5; text-decoration: none }
A:hover { color: #FF6D6D; text-decoration: underline }
A:active { color: #6D6DB6; text-decoration: bold; text-decoration: underline } 

h1
{
font-style: italic;
color: #6DA8C5
}
 
h2 
{
text-decoration: underline
}

body
{ 
font-size: 12pt; 
color: #6D6DB6;
background-image: url("backdrop.gif");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat
}

/* **************** Page Container ******************* */
/* This class sets the page width to 800 pixels wide by 800 pixels tall and centers it... */
.container 
{ 
position: relative;
left: 0;
top: 0;
margin-left: auto;
margin-right: auto;
width: 800px; 
height: 800px;
z-index: 1}

/* *************************************************** */
/* ************ Classes with absolute positioning **** */
/* *************************************************** */

/* *****************Logo Area ************************ */
/* This section defines the Logo on the top of the screen */
.logo
{
position: absolute;
left: 0px ;
top: 0px;
height: 100px;
width: 100px;
z-index: 25;
/* border: 3px solid #000000; */
/* background-color: #CC66FF */
}


/* *******************Header *************************** */
/* This section defines the Header Bar on the top of the screen */
.header
{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
width: 700px;
height: 77px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 5;
background-color: #ffe2e2
}

/* *******************Navigation Bar******************** */
/* This section defines the Navigational Bar on the left of the screen */
.navbar
{
position: absolute; 
left:0px; 
top:100px; 
z-index:5; 
width: 160px; 
height: 750px;
z-index: 5;
color: #6D6DB6; 
text-align: left;
border-top: 1px solid #6DA8C5
}

/* ****************** NAV Links ************************ */
/* This section places the Navigational Links inside the NAV BAR */
.navlinks
{
position: absolute;
left: 4px;
top: 0px;
z-index: 10;
padding-left: 0px;
margin-left: 0px
}

.navlinks ul
{
margin-left: 0px;
padding-left: 0px;
list-style-type: none
}

.navlinks li
{
margin: 0px;
padding: 0.25em;
border-bottom: 1px solid #6DA8C5
}


/* ******************Contents Pane********************** */
/* This selection defines the body area */
.contents 
{
position: absolute; 
left: 159px; 
top: 100px; 
width: 640px; 
height: 750px;
z-index: 10;
text-align: left;
border-top: 1px solid #6DA8C5
}

/* ******************* Home Page Text with Margins ***************** */

.homepagetext
{position: absolute;
left: 50px;
top: 10px;
margin-left: auto;
margin-right: auto;
width: 390px;
z-index: 10;
color: #6D6D6D;
/* background-color: #FFFFFF; */
}

/* ******************* Home Page Photo ***************** */

.homepagephoto
{position: absolute;
right: 50px;
top: 10px;
margin-left: auto;
margin-right: auto;
width: 150px;
z-index: 10;
color: #000000;
/* background-color: #FFFFFF; */
}