body
{ 
background-image: url(gradient.jpg);
}

#wrapper {
position:relative;
text-align:center;
width:800px;
margin-right:auto;
margin-left:auto;
padding: 100px 0 0 0;
background-image: url("banner.jpg");
background-repeat:no-repeat;
background-position:left top;
border:1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#navigation {
float:left;
width:150px;
border-top:#333333 solid 1px;
}

#menu {
	background: #ffd679;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width:149px;
}
#menu li {
	font: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #f9e2cd;
	border-bottom: 1px solid #393939;
	color: #000000;
	display: block;
	margin: 0;
	padding: 6px 10px;
	text-decoration: none;
}
#menu a:hover {
	background: #fff0d0 url("images/hover.gif") left center no-repeat;
	color: black;
	padding-bottom: 8px;
}

#content {
float:right;
width:639px;
padding:5px;
background-color:#FFFFFF;
border-top:#333333 solid 1px;
border-left:#333333 solid 1px;
border-bottom:#333333 solid 1px;
background-image:url(content_back.jpg);
background-repeat:no-repeat;
}

#content hr {
height: 1px;
}

.imgborder
{
border:1px;
border-style:solid;
border-color:#000000;
}

#footer {
clear:both;
padding: 5px 5px 5px 5px;
text-align:center;
font-size:10px;
color:#000000;
background-color:#CCCCCC;
}

.showytable {
border: solid 1px #000000;
border-spacing:0;
border-collapse:collapse;
}
.showytable th {
background-color:#CAD9FF;
padding: 3px;
text-align:center;
}
.showytable td {
padding: 3px;
}

.cellytable {
border-collapse:collapse;
border-spacing:0;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}
.cellytable td {
border-right:solid 1px #000000;
border-top: solid 1px #000000;
padding: 3px;
}
.cellytable th {
background-color:#CAD9FF;
border-right:solid 1px #000000;
border-top: solid 1px #000000;
padding: 3px;
}