body { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #668187;
	background-color: #4780A2;
	background-image: url(images/bcg.gif);
	background-repeat: repeat-x;
	}

#title {
	margin-top: 30px;
	height: 122px;
	}

#title img { display:block }

#title, #frame, #bottombar {
	width: 507px;
	margin-left: auto;
	margin-right: auto;
	}

#frame {
	background-image:	url(images/frame-bcg.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	}

#booklets, #pieces {
	background-repeat: no-repeat;
	
	margin-left: 42px;
	}

#booklets 	{ background-image: url(images/booklets-bcg.gif); height: 101px;  width: 430px;}

#pieces 	{ 
	background-image: url(images/pieces-bcg.gif);   
	padding-left: 127px; 
	padding-top: 25px;
	width: 303px;
	height: 149px; 
	}

#pieces a { 
	display:block;
	float:left;
	width:128px;
	text-decoration:none;
	padding: 3px 3px 3px 8px;
	color: #668187; 
	overflow:hidden;
	}

#pieces a:hover {
	background-color: #C6CFD1;
	color: #3A4F63;
	}

#booklets #nav {
	padding: 0px;
	margin: 0 0 0 131px;
	background-image: url(images/nav-bcg.gif);
	background-repeat: no-repeat;
	width: 266px;
	height: 69px;
	}

	* html a:hover { visibility:visible; }
 	#nav a img { border:0 }
 	#nav a:hover img { visibility: hidden }
	#nav li { display:block; float:left; }
	#nav a { display:block; }
	#nav a/**/ {
		height: 23px; /* hide from IE5.0/win */
		}
	* html #nav a { cursor:pointer; }
	* html #nav li a:hover {
		height:1%;
		}
	/* */



#bottombar {
	height: 28px;
	background-image: url(images/bottombar-bcg.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	font-size: 10px;
	}

#bottombar a { 
	color: #668187; 
	text-decoration:none; 
	width: 115px;
	height: 24px;
	float:left;
	margin-left:10px;
}

#bottombar img { height:24px; width: 115px; border:0; }
#bottombar a:hover { color: #ffffff; }
#bottombar a:hover img { visibility:hidden }

#bottombar a span {
	float:left;
	position:relative;
	top:-20px;
	width:115px;
	text-align:center;
	cursor:pointer;
	}