/* CSS Document */
* {
margin:0;
padding:0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #pagetitle img{
margin-bottom: -4px;
}
body {
background-color: #ddd;
font-size: 1.1em;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000;
}
.history {
margin-top: 20px;
font-size: 75%;
text-align: left;
font-weight: bold;
color: #000;
}
.history img{
margin-top: -15px;
float: left;
margin-left: 30px;
margin-right: 15px;
}
h1 {
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
font-weight: normal;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
font-weight: normal;
margin-left: 20px;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: normal;
margin-left: 20px;
}
h5 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
margin-left: 20px;
color: #666;
}
a:link {
text-decoration:none;
color: #600;
font-weight: bold;
}
a:visited {
text-decoration:none;
color: #600;
font-weight: bold;
}
a:hover {
text-decoration:none;
color: #ffc;
font-weight: bold;
}
a:active  {
text-decoration:none;
color: #600;
font-weight: bold;
}
#header {
border-left: 26px solid #000;
border-right: 25px solid #000;
}
p {
font-size: 85%;
padding: 20px;
}
#pagetitle {
border: 1px solid #666;
background-image:url(graphics/images/train5.jpg);
background-position: center;
}
#wrap {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 750px;
background-color: #c0a161;
border-right: 4px solid #999;
border-left: 4px solid #999;
}
#contact  {
margin-right: auto;
margin-left: auto;
margin-top: 20px;
font-size: 80%;
font-weight: bold;
color: #666666;
}
#contact td{
text-align: center;
width: 150px;
padding: 2px;
}
.emaillist {
background-color: #000;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
border-right: 10px solid #666;
border-left: 10px solid #666;
color: #600;
text-align: center;
padding: 5px;
margin-left: 170px;
margin-right: 170px;
margin-top: 15px;
}
.emaillist a:link{
color: #fff;
}
.emaillist a:visited {
color: #fff;
}
.emaillist a:hover {
color: #ffffcc;
}
.emaillist a:active {
color: #fff;
}
.key {
font-size: 100%;
}

.photo_l {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #666;
}
.photo_link {
float: right;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 20px;
}
.photo_link img {
border: 1px solid #000;
margin-bottom: 10px;
}
#rightside {
float: right;
width: 450 px;
}
#background h4 {
text-align: center;
}
#background ul {
margin-left: 70px;
list-style-type:disc;
}
#gigs {
padding: 10px;
text-align: center;
float:right;
width: 300px;
background-color: #ddd;
margin-bottom: 20px;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
border-right: 5px solid #666;
border-left: 5px solid #666;
margin-left: 15px;
margin-top: 25px;
margin-right: 10px;
}
#about p{
margin-top: -20px;
}

.name {
border-left: 80px solid #000;
border-right: 80px solid #000;
border-bottom: 10px solid #000;
border-top: 10px solid #000;
margin-top: -4px;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 20px;
}
.name_history {
border: 5px solid #000;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#nav ul {
list-style: none;
margin:0;
padding: 0;
padding-top: 10px;
text-align: center;
}
#nav li {
text-align: center;
display: inline;
}
#nav a:link {
padding: 3px 15px 2px 15px;
color: #dddddd;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #dddddd;
font-size: 85%;
}
#nav a:visited {
padding: 3px 15px 2px 15px;
color: #dddddd;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #dddddd;
font-size: 85%;
}
#nav a:hover {
text-decoration: none;
color: #ffc;
font-weight: bold;
padding: 3px 15px 2px 15px;
border-left: 1px solid #ffc;
font-size: 85%;
}
#nav a:active {
padding: 3px 15px 2px 15px;
color: #dddddd;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #dddddd;
font-size: 85%;
}
.border {
background-color: #a58a53;
width: 750px;
height: 40px;
}
.p1 {
font-size: 70%;
float:right;
margin-right: 20px;
color: #dddddd;
}

#album {
float: left;
margin-left: 30px;
margin-top: 10px;
width: 240px;
margin-bottom: 20px;
padding: 10px;
background-image:url(graphics/background.jpg);
border: 1px solid #600;
font-size: 85%;
text-align: center;
margin-right: 10px;
color: #600;
}
.wpr {
margin-left: auto;
margin-right: auto;
border: 1px solid #666;
}
#order {
padding: 5px;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
border-right: 10px solid #666;
border-left: 10px solid #666;
font-weight: bold;
margin-bottom: 5px;
margin-left: 50px;
margin-right: 50px;
background-color: #000;
}
#order a:link {
color: #fff;
}
#order a:visited {
color: #fff;
}
#order a:hover {
color: #ffc;
}
#order a:active {
color: #fff;
}
.jk {
text-align: center;
padding: 10px;
border: 1px solid #600;
font-size: 80%;
font-weight: bold;
background-image:url(graphics/images/train5.jpg);
}
.jk a:link {
color: #600;
}
.jk a:visited {
color: #600;
}
.jk a:hover {
color: #FFFFCC;
}
.jk a:active {
color: #600;
}
#jk2 {
text-align: center;
padding: 10px;
border: 1px solid #600;
font-size: 80%;
font-weight: bold;
background-color: #000;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
border-right: 10px solid #666;
border-left: 10px solid #666;
padding: 5px;
}
#jk2 a:link {
color: #fff;
}
#jk2 a:visited {
color: #fff;
}
#jk2 a:hover {
color: #ffc;
}
#jk2 a:active {
color: #fff;
}
#history {
position: absolute;
top: 250px;
left: 350px;
color: #600;
}
#history td {
border-bottom: 1px solid #999;
padding: 5px;
}
.photographer {
font-size: 60%;
margin-top: -40px;
text-align: center;
}
/* Photo Gallery */

#container {
position: relative;
width: 665px;
height: 396px;
margin: 0px auto 0 auto;

}
#container ul {
padding: 0;
margin: 0px;
list-style-type: none;
}

/*Remove the images and text from sight */

#container a.gallery span {
position: absolute;
width: 1px;
height: 1px;
top: 5px;
left: 5px;
overflow:hidden;
}

/*Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {
display: block;
color: #000;
text-decoration:none;
border: 1px solid #000;
margin: 2px 2px 2px 2px;
text-align: left;
cursor: default;
}
#container a.slidea {
background:url(graphics/gallery/gv1_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideb {
background:url(graphics/gallery/gv3_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidec {
background:url(graphics/gallery/gv2_t.jpg);
height: 60px;
width: 60px;
}
#container a.slided {
background:url(graphics/gallery/mcgraths_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidee {
background:url(graphics/gallery/bobby_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidef {
background:url(graphics/gallery/DanTimO_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideg {
background:url(graphics/gallery/ryman_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideh {
background:url(graphics/gallery/blackdiamond_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidei {
background:url(graphics/gallery/todos_lynn_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidej {
background:url(graphics/gallery/todos_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidek {
background:url(graphics/gallery/todos_jill_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidel {
background:url(graphics/gallery/todos_lyll_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidem {
background:url(graphics/gallery/kalw_t.jpg);
height: 60px;
width: 60px;
}
#container a.sliden {
background:url(graphics/gallery/sweetw_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideo {
background:url(graphics/gallery/chris_t.jpg);
height: 60px;
width: 60px;
}
/* set the size of the unorder list to neatly house the thumnails */

#container ul {
width: 206px;
height: 265px;
}
#container li {
float: left;
}

/* move the thumbnails into the correct position */

#container ul {
margin:  20px 20px 10px 10px;
float: right;
}

/* change the thumbnail border color */

#container a.gallery:hover {
border: 1px solid #999;
}

/* styling the :hover span */

#container a.gallery:hover span {
position: absolute;
width: 350px;
height: 365px;
top:10px;
left: 35px;
color: #600;
background: #c0a161;
text-align: center;
font-size: 75%;
}
#container a.gallery:hover img {
border: 1px solid #999;
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
#container {
background: url(graphics/gallery/gv1a.jpg) 35px 10px no-repeat;
}
#container2 {
position: relative;
width: 665px;
height: 396px;
margin: 0px auto 0 auto;
border: 1px solid #999;
color: #600;
}
#button {
text-align: center;
background-color: #000;
font-size: 85%;
width: 310px;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
border-right: 10px solid #666;
border-left: 10px solid #666;
padding: 5px;
margin-left: 20px;
}
#button a:link {
color: #fff;
}
#button a:visited {
color: #fff;
}
#button a:hover {
color: #ffc;
}
#button a:active {
color: #fff;
}
.style4 {
	font-style: italic;
	color: #600;
	}
hr {
margin-bottom: -10px;
margin-top: -10px;
}
#video {
text-align: center;
}
#video table {
margin-left: auto;
margin-right: auto;
}