body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	background-color: #000000; /* main site background color */
	margin-top: 0px; /* this aligns the 'maindiv' DIV margin at top */
	line-height: 1.5;
}

DIV {
	border: 0px solid RED; /* for DEBUG puroposes, use 1px border */
}

.maindiv {
	background: url(../img/top-logo.jpg) top center no-repeat;
	width: 1025px;
	height: 177px;
	margin: auto;
}
.mainbody {
	background: url(../img/background.jpg) top center repeat-y;
	width: 1025px;
	height: 100%; /* modify height here */
	margin: auto;
}
.maincontent {
	/* this is the DIV where you can apply all style/format to your site content */
	width: 793px; /* exact width */
	border: 0px solid red; /* this is the border color you will change, like you mentioned */
	margin: 0px auto;
	padding: 20px 5px 5px 5px; /* from border to text */
}
.maincontent a {
	color: #000000;
	text-decoration: underline;
}
.maincontent h1 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 20px;
}
.maincontent .more {
	text-align: center;
	font-size: 12px;
}
.copyright, .copyright a {
	background: #000000 url(../img/background.jpg) top center repeat-y;
	width: 1025px;
	height: 35px;
	margin: auto;
	padding: 5px;
	text-align: center;
	color: #999999;
	text-decoration: none;
	font-size: 14px;
	}
/* menu */
.menu {
	color: #CCCCCC;
	font-style:italic;
	font-size: 12px;
	text-align:right;
	padding-right: 90px;
	padding-top: 110px;
}
.menu li {
	display: inline;
	padding: 14px;
}
.menu li a {
	color: #CCCCCC;
	text-decoration: none;
}
.menu li a:hover {
	text-decoration: underline;
}

/* graphics */
.graphics_menu {
	padding-top: 30px;
}
.graphics_menu a {
	padding: 5px;
	margin: 2px;
	display: block;
}
.graphics_menu a:hover {
	background-color: #F8F92F;
}
.graphics_menu .active {
	background-color: #F8F92F;
}
