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

/* *********Changes to default tag properties********** */
A:link { color: #FFFFFF; text-decoration: none }
A:visited { color: #000000; text-decoration: none }
A:hover { color: #CC6600; background-color: #FFFFFF; text-decoration: none }
A:active { color: #FFFFFF; text-decoration: underline }

img { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px }

h1 {text-decoration: underline; color: #CC6600}

h2 {text-decoration: underline }

body { 
font-size: 12pt; 
color: #000000;
background-color: #8B814C
}

.contactlink
{ color: #CC6600 }

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

/* **************** Page Container ******************* */
/* This class sets the page width to 800 pixels wide by 800 pixels tall and centers it... */
.container 
{
background-image: 
url("background.jpg");
position: relative;
left: 0;
top: 0;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
width: 800px; 
height: 800px;
z-index: 1;
background-color: #FFFFFF;
border-top: 3px solid #000000;
border-right: 3px solid #000000;
border-bottom: 3px solid #000000;
border-left: 3px solid #000000
}

/* *******************Navigation Bar******************** */
/* This section defines the Navigational Bar on the left of the screen */
.navbar
{
position: absolute; 
left:0px; 
top:0px; 
z-index:15; 
width: 160px; 
height: 800px;
z-index: 5;
color: #000000; 
background-color: #CC6600;
font-size: 12pt; 
text-align: right;
border-right: 1px solid #000000
}

/* ****************** NAV Links ************************ */
/* This section places the Navigational Links inside the NAV BAR */
.navlinks
{
position: absolute;
top: 85px;
left: 0px;
width: 150px;
margin-top: 0px;
z-index: 20;
padding-left: 0px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #000000
}

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

.navlinks li
{
margin: 0px;
padding: 0.25em;
border-top: 1px solid #000000
}


/* ******************Contents Pane********************** */
/* This selection defines the body area */
.contents 
{
background-image: 
url("background.jpg");
position: absolute; 
left: 160px; 
top: 0px; 
width: 640px; 
height: 800px; 
z-index: 10;
text-align: left;
border-left: 1px solid #000000
}

/* ***************** Title / Tag Line ************************ */
/* This section defines the Tag Line / Page Title */
.tagline
{
background-image: 
url("background.jpg");
text-align: center;
position: absolute;
top: 0px;
left: 0px;
margin-top: 10px;
margin-left: 25px;
width: 350px;
z-index: 20
}

/* *****************Logo Area ************************ */
/* This section defines the Logo on the top of the screen */
.logo
{
position: absolute;
right: 0px ;
top: 0px;
height: 85px;
width: 250px;
z-index: 25
}

/* ********** Body Text *********************** */
.bodytext
{
background-image: 
url("background.jpg");
text-align: center;
position: absolute;
top: 0px;
left: 0px;
margin-top: 90px;
margin-left: 25px;
width: 350px;
z-index: 20
}

/* ********** Send Page *********************** */
.sendpage
{
background-image: 
url("background.jpg");
text-align: center;
position: absolute;
top: 0px;
left: 0px;
margin-top: 90px;
margin-left: 20px;
width: 600px;
z-index: 20
}


/* ********* pager link *************** */
/* This section defines the Pager Link for each page */
.pagerlink
{
position: absolute;
top: 90px;
right:0px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
z-index: 20;
height: 149px;
width: 201px
}