body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/* Container - used to posiiton whole page in center */
div.container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/* Banner image */
div.header {
	float: left;
	width: 750px;
	height: 150px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	z-index: 0;
}

/* middle section */
div.main {
	width: 748px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

/* link buttons */
div.buttons {
	float: left;
	width: 100%;
	height: 25px;
	background-color: #00bc17;
}

/* the main content */
div.content {
	float: left;
	width: 100%;
  	top: 25px;
	left: 0px;
}

/* The content footer */
div.footer {
	float: left;
	height: 85px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	vertical-align: bottom;
}

/* the rouded bottom of the page */
div.foot {
	float: left;
	height: 10px;
	width: 750px;
	background-image:url(images/foot.gif);
	background-repeat: no-repeat;
	z-index: 0;
}

div.imgDesc {
	height: 25px;
	width: 100%;
	text-align: center;
}

/* the table the buttons are in */
table.buttons {
	height: 100%;
	width: 100%;
}
a.buttonLinks {
	color: #000000;
}


h1 {
	margin: 0px;
	padding: 0px;
	color: #339900;
}

a {
  color: #339900;
  text-decoration: none;
}

a.darkbg {
  color: #000000;
  text-decoration: none;
}

/* mouseover style */
.buttonOn {
	background-color:#33CC00;
	text-align: center;
	cursor: default;
}

/* mouseout / not used button */
.buttonOff {
	background-color:#00bc17;
	text-align: center;
}
.buttonOver {
	background-color: #33cc00;
	text-align: center;
	cursor: pointer;
}

.whiteheader {
	font-size: large;
	color: #FFFFFF;
}


img {
 	border: 0px;
}