/* CSS Document */

/* --------------------------------------------------------- main banner -------------------------------------------------------------*/

#main_banner{
	clear: both;
	border-top: #C7C7C7 solid 1px;
	border-bottom: #C7C7C7 solid 1px;
	overflow: hidden; /* for IE bottom margin bug */
	padding: 15px 0 0 0;	
	height: 354px;
	margin: 5px 0 0 0;
}

#main_banner_photo{
	float: left;
	width: 500px;
	height: 333px;
}

#photo, #master0, #canvas0_0, #canvas0_1{
	width: 500px;
	height: 333px;
}

#scrolling input{
	width: 18px;	
	margin: 0;
	padding: 0;
}

#photo_number{
	float: left;
	color: #454545;
	font-size: 11px;
	width: 268px;
	text-align: right;
	padding: 3px 0 0 0;	
}

#thecnt0{
	color: #454545;
	font-size: 11px;
	font-weight: bold;	
}

#scrolling{
	float: right;
	overflow: hidden; /* IE adjustment of the right border of the table */	
	width: 70px;
}

#main_banner_slogan{
	float: left;
	width: 450px;
	margin: 0 0 19px 0;
}

#slogan{
	background-color: #FFDE00;
	font-weight: bold;	
	height: 262px;
	padding: 12px 0 0 19px;
}

#slogan a{
	color: #D80000;
}

#slogan1{
	font-size: 22px;
	padding: 16px 0 0 0;	
}

#slogan2{
	font-size: 22px;
	padding: 16px 0 0 0;
}

#slogan .highlighted{
	color: #D80000;
	font-size: 22px;
}

#slogan #dateshow{
	color: #D80000;
	font-size: 22px;
}

#slogan #slogan_pledge{
	background-color: #D80000;
	width: 190px;
	margin: 4px 0 0 0;
	padding: 7px 7px 7px 7px;
}

#slogan #slogan_pledge a{
	color: #FFFFFF;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}

/* --------------------------------------------------------- diagram -------------------------------------------------------------*/

#diagram{
	padding: 13px 15px 13px 15px;
}

#diagram_title{
	font-size: 14px;
	font-weight: bold;
}

#diagram_info{
	font-size: 10px;
	padding: 0 0 15px 0;
}

#diagram_content img{
	float: right;
}

#diagram_content p.line, #diagram_content p.total_sum{
	font-size: 10px;
	font-weight: bold;		
	padding: 0 0 3px 0;
}

#diagram_content p.number{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 6px 0;	
}

/* --------------------------------------------------------- book -------------------------------------------------------------*/

#book{
	border-top: #C7C7C7 solid 1px;
	padding: 13px 15px 13px 15px;
}

#book_title{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 8px 0;
}

#book_content{
	background-color: #FFFFFF;
	padding: 10px 7px 10px 10px;
}

#book_content img{
	float: left;
}

#book_content p.line1{
	font-size: 14px;
	font-weight: bold;		
}

#book_content p.line2{
	color: #E0BB00;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 5px 0;	
}

#book_content p.line3{
	color: #454545;
	font-size: 12px;
	font-weight: bold;	
}

#book_content p.line4{
	color: #454545;
	font-size: 9px;
	padding: 0 0 7px 0;
}

#book_content p.link1 a{
	color: #D80000;
	font-size: 10px;
	font-weight: bold;
}

#book_info{
	font-size: 10px;
	padding: 13px 0 0 0;
}

#book_info a{
	color: #D80000;
	font-size: 10px;
	font-weight: bold;
}

/* --------------------------------------------------------- news -------------------------------------------------------------*/

#news{
	border-top: #C7C7C7 solid 1px;
}

#news_title{
	color: #FFFFFF;
	background: #D80000;	
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 2px 15px;;
}

#news_content{
	background-color: #CFCFCF;	
}

#news_content dl{
	list-style: none;
}

#news_content dt.expanded{
	display: block;
	background: #535353;
	padding: 7px 11px 12px 15px;	
}

#news_content dt.collapsed{
	display: block;
	background: #B4B4B4;
	padding: 7px 11px 12px 15px;
	margin: 0 0 1px 0;
}

#news_content .news_text{
	float: left;
	font-size: 12px;
	width: 197px;
	padding: 0 3px 0 0;
}

#news_content dt.expanded .news_text, #news_content dt.expanded .news_text a, #news_content dt.expanded .news_text a .media_title{
	color: #FFFFFF;
}

#news_content dt.collapsed .news_text, #news_content dt.collapsed .news_text a, #news_content dt.collapsed .news_text a .media_title{
	color: #000000;
}

#news_content .news_mouse{
	float: left;
	width: 24px;
	height: 20px;
}

#news_content dt.expanded  .news_mouse{
	background: #535353 url(../images/list_image_minus.gif) no-repeat 5px 50%;
}

#news_content dt.collapsed  .news_mouse{
	background: #B4B4B4 url(../images/list_image_plus.gif) no-repeat 5px 50%;
}

#news_content dd{
	font-size: 10px;
	padding: 7px 7px 10px 15px;	
}

#news_content dd a{
	color: #D80000;
	font-size: 10px;
}

#news_content dd .media_title{
	color: #000000;
	font-size: 10px;
}

#news_content dd.collapsed{
	display: none;
}

#news_content dd.expanded{
	display: block;
}

#news_links{
	padding: 5px 7px 10px 16px;	
}

#news_links #subscribe{
	text-decoration: none;
}

#news_links #subscribe img{
	border: none;
	vertical-align: middle;
	padding: 0 1px 0 0;
}

#news_links #subscribe #subscribe_text{
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;	
}

#news_links #morenews{
	color: #D80000;
	font-size: 11px;
	font-weight: bold;	
	padding: 0 0 0 14px;
	vertical-align: middle;	
}