/* CSS Document */

#container {
	width: 				790px;
	height: 			500px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-top: 		30px;
	position: 			relative;
	background-color: 	#FDB913;
}
	
#a {
	position: 			absolute;
	width: 				530px;
	height: 			270px;
	background-color: 	#FFF;
	top: 				20px;
	left: 				20px;
}
#pagea {
	position: 			absolute;
	width: 				530px;
	height: 			330px;
	background-color: 	#EEE;
	top: 				20px;
	left: 				20px;
}
#pagea h1 {
	font-size:			1.75em;
	font-family:		arial;
	color:				#AAA;
	line-height:		1em;
}
#pagea #contents {
	margin:				10px;
	font-size: 			10px;
	font-family: 		verdana, arial, sans-serif;
	background:			#FFF;
	height:				290px;
	padding:			10px;
}
#contentimg {	
	margin: 			0px;
	padding: 			0px;
}
	
/* expanding area */
#b, #pageb {
	position: 			absolute;
	width: 				200px;
	height: 			270px;
	background-color: 	#FFF;
	top: 				20px;
	left: 				570px;
}
#pageb {
	height: 			330px;
}
#b div a img, #pageb div a img{
	border-width: 		0px;
	border-bottom: 		1px #EEEEEE solid;
	border-top: 		1px #EEEEEE solid;
	/*margin-top: 5px;*/
}	

#b div p, #pageb div p {
	margin: 			0px;
}
	
.notselected {
	overflow: 			hidden;
	height: 			25px;
}	
.selected {
	overflow: 			visible;
}
.selected p {
	padding-top: 		10px;
	padding-bottom: 	10px;
	padding-left: 		20px;
	padding-right: 		10px;
	font-size: 			10px;
	font-family: 		verdana, arial, sans-serif;
	color: 				#666;
}	


/* end of expanding area */
#c {
	position: 			absolute;
	width: 				750px;
	height: 			191px;
	top: 				309px;
	left: 				20px;
}
#pagec {
	position: 			absolute;
	width: 				750px;
	/*height: 			191px;*/
	top: 				406px;/*309px;*/
	left: 				20px;
}
#c img {
	border-width: 		0px;
}
#d {
	position: 			absolute;
	width: 				47px;
	height: 			22px;
	top: 				347px;
	left: 				379px;
	z-index: 			5000;
}
#d a img {
	border-width: 		0px;
}
.subtle {
	text-decoration:	none;
	color:				#FDB913
}
.subtle:hover {
	color:				#000;
	text-decoration:	underline;
}