/* Please do not copy my stylesheet.  
You are free to take bits and pieces if you want to learn
from it but don't copy the whole thing.  Thanks */

/* BEGIN */

body{
background-image: url("background.jpg");
background-repeat: repeat;
text-align: center;}


/* DIVS */


#container{
background-image: url("border.jpg");
background-position: left;
background-repeat: repeat-y;
background-image: url("border.jpg");
background-position: right;
background-repeat: repeat-y;
background-color: #ffffff;
width: 74%;
height: auto;
margin: auto;}

#header{
background-image: url("layout.jpg");
background-repeat: no-repeat;
width: auto; 
height: 200px;
}

#nav{
background-image: url("border.jpg");
background-position: left;
background-repeat: repeat-y;
background-color: #ffffff;
width: 28%;
height: auto;
float: left;}

#content{
background-image: url("border.jpg");
background-position: right;
background-repeat: repeat-y;
background-color: #ffffff;
width: 71%;
height: auto;
float: right;}

#footer{
clear: both;}


/* HEADERS */


h5{
font-family: verdana, sans-serif;
text-align: center;
border-bottom-style: groove;
margin-left: 15%;
margin-right: 15%;}

h6{
font-family: verdana, sans-serif;
text-align: right;
border-bottom-style: solid;
margin-left: 15%;
margin-right: 17%;}


/* PARAGRAPHS */


p.nav{
font-family: verdana, sans-serif;
font-size: 79%;
color: #000000;
text-align: left;
margin-left: 15%;
margin-right: 15%;}

p.content{
font-family: verdana, sans-serif;
font-size: 79%;
color: #000000;
text-align: left;
margin-left: 12%;
margin-right: 12%;}

p.copyright{
font-family: verdana, sans-serif;
font-size: 72%;
color: #000000;
text-align: left;
margin-left: 12%;
margin-right: 12%;}

p.imagesonly{
font-family: verdana, sans-serif;
font-size: 79%;
color: #000000;
text-align: left;
margin-left: 12%;
margin-right: 12%;}


/* LINKS */


.nav a:link{
text-decoration: none; color: #000000; cursor: help;}
.nav a:visited{
text-decoration: none; color: #000000; cursor: help;}
.nav a:hover{
text-decoration: none; color: #000000; cursor: help;}
.nav a:active{
text-decoration: none; color: #000000; cursor: help;}

.content a:link{
text-decoration: underline; color: #000000; cursor: help;}
.content a:visited{
text-decoration: underline; color: #000000; cursor: help;}
.content a:hover{
text-decoration: underline; color: #000000; cursor: help;}
.content a:active{
text-decoration: underline; color: #000000; cursor: help;}

.copyright a:link{
text-decoration: none; color: #000000; cursor: help;}
.copyright a:visited{
text-decoration: none; color: #000000; cursor: help;}
.copyright a:hover{
text-decoration: none; color: #000000; cursor: help;}
.copyright a:active{
text-decoration: none; color: #000000; cursor: help;}

.imagesonly a:link{
text-decoration: underline; color: #000000; cursor: help;}
.imagesonly a:visited{
text-decoration: underline; color: #000000; cursor: help;}
.imagesonly a:hover{
text-decoration: underline; color: #000000; cursor: help;}
.imagesonly a:active{
text-decoration: underline; color: #000000; cursor: help;}


/* END */