#wrapper {
width: 946px;
margin: 0 auto; /* centers content */
padding: 0;
background: #8899ff;  /* This should be a background image, which has colors for each col  */
}

#header {
	clear: both;
	background: #6666ff;
}

#left {
width: 160px;
margin: 0;
padding: 0; /* I zero the padding and create spacing with margin settings */
text-align: center;
float: left;
}
#center {
width: 600px;
margin: 0 0px;
padding-left: 10px;
padding-right: 10px;
float: left;
background: #ffffff;
}
#right {
width: 163px;
margin: 0;
padding: 0;
float: left;
text-align: center;
} 

#footer {
	font-size: 10px;
	clear: both;
	background: #4455ff;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	border: 3px double  #ffffff;
	padding: 3px;
}

#top_nav {
	clear: both;
	text-align: center;

	font-size: 13px;
    font-weight: bold;
    color: #2e2e2e;
    background: url(images/template/menu_bg.gif) repeat-x top;
    height: 34px;
    line-height: 33px;
    text-align: center;
    padding-bottom: 1px;

}

.toplink {
	display: inline;
	padding: 0 10px;
}

.imagelink {
	color:#2244cc;
}

/* How to make our table look like buttons */

.button {
	font: bold 13px Arial, Helvetica, sans-serif;
    letter-spacing: 0.1px;
	background:url(images/buttons/button.gif) no-repeat 4px 0px;
	display:block;
	color:#555555;
	font-weight:bold;
	line-height:48px;
	margin-bottom:6px;
	text-decoration:none;
	background-repeat: no-repeat;

}

a:hover.button {
	color:#0066CC;
}


/* -------------------- */
/* BUTTOM IMAGE CLASSES */
/* -------------------- */
.buttonclass {
text-indent:40px;
display:block;
}