body {
	background-image: url(graphics/wood.jpg);
	margin: 0px;
}


table.maintable {
	background-image: url(graphics/REDLEATHER.JPG);
	border: 2px solid #D0C23A;
	margin: 5px 2% 2% 2%;
	width: 96%;
}

table.buttons {
	padding-top: 10px;
}

img.maintitle {
	border-right: 2px solid #59002D;
	border-bottom: 2px solid #59002D;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

td.logo {
	vertical-align: top;

}

td.cards {
	vertical-align: top;
}

td.button {

}

td.leftside {
	vertical-align: top;

}

td.leftside {

}

td.middle {

}

table.cards {
	margin: 5px 5% 5% 5%;
}


p.name {
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
}

p.invite {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;
}

a.index:link {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;
}

a.index:visited {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;
}

a.index:hover {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: Maroon;
	background-color: Silver;
}


td.title {
	padding: 3px;
}

p.button {

}


a:link.button {
	display: block;
	background-image: url(graphics/buttup.jpg);
	width: 110px;
	height: 25px;
	font: normal normal bold 14px sans-serif;
	color: #713800;
	text-decoration: none;
	padding-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

a:visited.button {
	display: block;
	background-image: url(graphics/buttup.jpg);
	width: 110px;
	height: 25px;
	font: normal normal bold 14px sans-serif;
	color: #713800;
	text-decoration: none;
	padding-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

a:hover.button {
	display: block;
	background-image: url(graphics/buttdown.jpg);
	width: 110px;
	height: 25px;
	font: normal normal bold 14px sans-serif;
	color: #FBF1CC;
	text-decoration: none;
	padding-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

p.intro{
	margin-left: 5%;
	margin-right: 5%;
	color: #D0C23A;
	font: normal normal normal 16px normal Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.jhlinktop {
	background-image: url(graphics/REDLEATHER.JPG);
	border-top: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	padding:5px;
	width: 45%;

}

td.uttlinktop {
	background-image: url(graphics/BLUELEATHER.JPG);
	border-top: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	padding:5px;
	width: 45%;

}

td.lanlinktop {
	background-image: url(graphics/GREENLEATHER.JPG);
	border-top: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	padding:5px;
	width: 45%;

}

td.pllinktop {
	background-image: url(graphics/PURPLELEATHER.JPG);
	border-top: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	padding:5px;
	width: 45%;

}

td.jhlink {
	background-image: url(graphics/REDLEATHER.JPG);
	border-bottom: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	width: 45%;

}

td.uttlink {
	background-image: url(graphics/BLUELEATHER.JPG);
	border-bottom: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	width: 45%;

}

td.lanlink {
	background-image: url(graphics/GREENLEATHER.JPG);
	border-bottom: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	width: 45%;

}

td.pllink {
	background-image: url(graphics/PURPLELEATHER.JPG);
	border-bottom: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;
	width: 45%;

}

p.linktext {
	margin: 15px;
	background-color: #ffe;
	color: #555555;
	font: normal normal 200 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 15px 5px 15px 5px;
}

a.jhlink:link {
	background-color: transparent;
	color: Maroon;
	text-decoration: underline;
	font-weight: bold;
}

a.jhlink:visited {
	background-color: transparent;
	color: Maroon;
	text-decoration: underline;
	font-weight: bold;
}

a.jhlink:hover {

	background-color: Maroon;
	color: White;
	text-decoration: none;
}

a.uttlink:link {
	background-color: transparent;
	color: Navy;
	text-decoration: underline;
	font-weight: bold;
}

a.uttlink:visited {
	background-color: transparent;
	color: Navy;
	text-decoration: underline;
	font-weight: bold;
}

a.uttlink:hover {

	background-color: Navy;
	color: White;
	text-decoration: none;
}

a.lanlink:link {
	background-color: transparent;
	color: Green;
	text-decoration: underline;
	font-weight: bold;
}

a.lanlink:visited {
	background-color: transparent;
	color: Green;
	text-decoration: underline;
	font-weight: bold;
}

a.lanlink:hover {

	background-color: Green;
	color: White;
	text-decoration: none;
}

a.pllink:link {
	background-color: transparent;
	color: Purple;
	text-decoration: underline;
	font-weight: bold;
}

a.pllink:visited {
	background-color: transparent;
	color: Purple;
	text-decoration: underline;
	font-weight: bold;
}

a.pllink:hover {

	background-color: Purple;
	color: White;
	text-decoration: none;
}

p.w3c {
	text-align: right;
}

img.baco {
	border: 0;
}

img.logo {
	border: 0;
}

a:link.button {
	border-right: 2px solid #663300;
	border-bottom: 2px solid #663300;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

a:visited.button {
	border-right: 2px solid #663300;
	border-bottom: 2px solid #663300;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

a:hover.button {
	border-right: 1px solid #FFFFBD;
	border-bottom: 1px solid #FFFFBD;
	border-left: 2px solid #663300;
	border-top: 2px solid #663300;
}