.logo {
	background-image: url(images/wc4logo.jpg);
	background-repeat: no-repeat;
	margin: px;
	padding: 0px;
	float: left;
	height: 90px;
	width: 822px;
	background-color: #FFF;
}

.top_menu_back {
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	float: left;
	height: 69px;
	width: 800px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
	margin: 0px;
	background-color: #FFF;

}

.left_menu_back {
	background-color: #EBEBEB;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 165px;

}

.content {
	background-color: #FFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;

}

.left {
	background-color: #900;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 40px;

}

.right {

	background-color: #434341;

	background-image: url(images/right.jpg);

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	float: right;

	height: auto;

	width: 36px;

}

.bottom {

	background-image: url(images/bottom.jpg);

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 39px;

	width: 822px;

}

.buttonmenu{ /*container that holds a row of aero buttons*/

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: auto;

padding: 4px 0;

}



* html .buttonmenu{ /*IE6 and below hack. Set explicit strip width*/

width: 100%;

}



.buttonmenu a{ /*aero button CSS*/
	background:url('images/top1b.jpg') no-repeat;
	width:152px;
	display: block;
	float: left;
	font: bold 10px "Verdana", "Trebuchet MS"; /* Change 13px as desired */
	line-height: 39px; /* This value + 8px should equal height of button background (default is 31px) */
	height: 39px; /* Height of button background height */
	text-align:center; /* Width of left menu image */
	text-decoration: none;
	margin-right: 5px; /*spacing between buttons*/
}



.buttonmenu a:link, .buttonmenu a:visited, .buttonmenu a:active{

color: white; /*button text color*/

}





.buttonmenu a:hover{
	background:url('images/top2b.jpg') no-repeat top right;
	display: block;
}



.blueblock{
	width: 165px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 90%;
	color: #FFF;

}



* html ,blueblock{ /*IE 6 only */

w\idth: 165px; /*Box model bug: 180px minus all left and right paddings for ,blueblock */

}



.blueblock ul{

list-style: none;

margin: 0;

padding: 0;

border: none;

}



.blueblock li {



margin: 0;

}



.blueblock li a{

height:22px;

line-height:22px;

background-image:url(images/left1.jpg);

background-repeat:no-repeat;

display: block;

color: #000;

text-decoration: none;

width: 165px;

text-indent:20px;

}



html>body .blueblock li a{ /*Non IE6 width*/

width: auto;

}



.blueblock li a:hover{

height:22px;

line-height:22px;

background-image:url(images/left2.jpg);

background-repeat:no-repeat;

display: block;

color: #000;

text-decoration: none;

width: 165px;

text-indent:22px;

}

.content table tr td {
	text-align: left;

}

.footer {
	text-align: center;
	font-size: 10px;
	border-color: #000;

}

.content table tr td .footer p {

	color: #FFF;

}