@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #8aca73 url(images/bg_bar.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #7ec15b;
	height:100%;
	position: absolute;
	bottom:0px;
}

a, a:link, a:hover, a:visited{
	border: none;
	text-decoration:none;
	outline:none;
}

img{
	border: none;
}
#outercontainer {
	width: 781px;
	height: 100%;
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 2px solid #231714;
	border-right: 2px solid #231714;
	text-align: center; 
}

#innercontainer {
	background: url(images/botttom_fade.gif) repeat-x bottom;
	width: 769px;
	height: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 2px solid #7ec15b;
	border-right: 2px solid #7ec15b;
	padding: 0px;
	text-align: center; 
}

#header {
	height:87px;
	background: transparent url(images/top_fade.gif) repeat-x;
}

#content {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:397px;
}

#button {
	height:23px;
	margin: 96px 0 0 0;
}

#footer{
	height:165px;
}