body {
	text-align: center;
	background: url(../images/bgnd.png) repeat-x #262626;
}
#header-box {
	float:right;
	padding: 10px;
	border: 4px #5C5C5C solid;
	background: #808080;
	width: 350px;
	font-size: 14px;
	color: #fff;
}
* { 
	font-family: verdana; 
	margin:0;
	padding:0;
	color: gray; 
}
b { font-weight: bold; }
#wrapper {
	background: url(../images/wrapper_bgnd.png) repeat-y;
	width: 692px;
	height: 100%;
	margin:auto;
	text-align:left;
	padding: 0 22px;
}
#header {
	padding:10px 0;
	height: 200px;
	color: gray; 
}
#nav-left {
	background: url(../images/nav_left.png) no-repeat;
	padding-left:6px;
	height: 33px;
}
#nav-right {
	background: url(../images/nav_right.png) no-repeat top right;
	padding-right:6px;
	height: 33px;
}
#nav {
	background: url(../images/nav_mid.png) repeat-x;
	height: 33px;
	padding: 0 0 0 0;
	text-align:center;
}
#nav ul {
	list-style-type: none;
	height: 1px;
	width: 700px;
	margin: auto;
}
#nav li {
	float: left;
}
#nav  ul a {
	padding: 8px 0;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	
}
#nav ul a span {
	padding: 8px 20px;
	color: #fff;
	background: url(../images/nav_divider.png) no-repeat right top;
}
#nav  ul a:hover {
	background: url(../images/nav_hover.png) repeat-x right;
	
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
}
#content {
	background: #424242;
	color: gray; 
}
#footer {
	background: url(../images/footer.png) no-repeat;
	width: 706px;
	padding: 60px 15px 0 15px;
        color: gray; 
	margin:auto;
}
#credit {
	font-size:9px;
	float:right;
}