/*
	main
*/
#header {
	width: 964px; 
	height: 65px;
	margin: 0 auto;
	clear: both;
}
	#header .left{
	
	}
	#header .right{
	
	}
		#header .right ul, .right li{
			list-style-type: none;
			display: inline;
			line-height: 24px;
			height: 24px;
			width: 195px;			
		}
		#header .right ul#lang li{
			list-style-type: none;
			display: inline;
			line-height: 24px;
			height: 24px;
			width: 109px;			
		}
		#header .right ul li a {
			line-height: 24px;
			display: block;
			float: left;
			padding: 0 10px 0 10px;
		}
		#header .right ul li a:hover {
			/* to be filled with sth */
		}
		#container {
			width: 964px;
			height: 100% !important;
			margin: 0 auto;
			float: none;
			clear: both;
		}
		#sidebar {
				width: 230px;
				height: 100%;
				float: left;  
		}
			#sidebar div.hr{
				width: 207px;
				height: 6px;
				margin: 21px 0 19px 17px;
				border: 0;
			}
				#sidebar #menu {
					width: 224px;
					height: 100%;
					margin: 27px 0 0 0;
				}
				#sidebar #festivals {
					width: 207px;
					height: 100%;
					margin: 17px 0 0 17px;
				}
					#sidebar #festivals #festivals-box{
						width: 206px;
						height: 100%;
						float: right;						
						margin: -2px 0 0 0;
						clear: both;
					}		
						#sidebar #festivals #festivals-box .bar{
							width: 206px;
							height: 100%;
							float: right;
							clear: both;
						}
						#sidebar #festivals #festivals-box .bar div.arrow{
							width: 200px;
							height: 28px;
							line-height: 28px;
							padding:0 0 0 5px;		
						}							
						#sidebar #festivals #festivals-box .bar div.arrow img{
							cursor: pointer;	
						}			
						#sidebar #festivals #festivals-box .bar div.arrow a.show{
							display: block;
							margin: 0 0 0 3px;
							width:8px;	
							height: 19px;
							padding: 12px 0 0 0px;	 
						}												
						#sidebar #festivals #festivals-box .bar div.arrow a.hide{
							display: block;
							margin: 0 0 0 3px;  
							height: 19px;
							padding: 12px 0 0 0px;	
							width:8px;		
						}
						#sidebar #festivals #festivals-box .bar div.title{
							width: 192px;
							height: 19px;
							padding: 12px 0 0 0px;							
							float: right;
						} 
							#sidebar #festivals #festivals-box .bar .sub {
								width: 192px;
								height: auto;
								float: right;								
								display: none;
								clear: both;
							}
								#sidebar #festivals #festivals-box .bar .sub ul{
									margin: 0 0 10px 0;
									padding: 0;
								}
								#sidebar #festivals #festivals-box .bar .sub ul li{
									line-height:20px;
								}	
				#sidebar #calendar {
					width: 207px;
					height: auto !important;
					margin: 22px 0 0 17px;
				}
					#sidebar #calendar ul{
						width: 206px;
						height: 100%;
						float: right;
						margin: 2px 0 0 0;
					}
						#sidebar #calendar ul li{
							display: block;
							margin: 4px 0 0 0;
							list-style-type: none;
							height: 35px !important;
						}
						#sidebar #calendar ul li .no {
							float: left;	
							display: inline;
							width: 39px;
							height: 35px;
						}
						#sidebar #calendar ul li .no img{
						 	margin: 12px 0 0 8px;
						}						
						#sidebar #calendar ul li a{
							display: inline;
							text-decoration: none;
							width: 167px;
							height: 35px;
							float: right;
							margin: 1px 0 0 0;
						}
			#sidebar .banner-left{
					width: 207px;
					height: auto !important;
					margin: 11px 0 0 20px;
					display: block;
				}
				#sidebar .banner-left img{
					border: 6px solid #e3c997;
				}
				#sidebar .banner-left:hover img{
					border: 6px solid #b18a42;
				}
					#sidebar #menu ul{
						width: 207px; 
						margin: 0 0 0 17px;
					}
					#sidebar #menu li.selected ul{
						width: 190px; 
						margin: 0;
					}
					#sidebar #menu li.selected ul li{
						border-left: 0;
					}
					#sidebar #menu ul, #menu li{
						display: block;
						list-style-type: none;
					}
					#sidebar #menu li{
						line-height: 24px;						
						border-left: 4px solid #ddcba3;
					}	  					
					#sidebar #menu li.selected{
						line-height: 24px;						
						border-left: 4px solid #f5f0e5;
					}	
					#sidebar #menu li a{
						margin: 0 0 0 7px;
					}
			#content-container {
				width: 734px;
				height: 100%;
				float: left;
			}
				#content-container #banner{
					width: 731px;
					height: 239px;
					float: right;
					margin: 0 -3px 0 -3px;
				}
				#content-container #content{
					width: 509px;
					height: 100%;					
					line-height: 18px;
					float: left;
				}
					#content-container #content .news-date-red, .news-date-blue{
						width: 495px;
						height: auto !important;
						margin: 20px 0 0 9px;
					}		
						#content-container #content .news-date-red p.day, .news-date-blue p.day{
							padding: 8px 0 2px 0;
							height: 36px;
						}	 
				  		#content-container #content .news-date-red p.day, .news-date-red p.month, .news-date-blue p.day, .news-date-blue p.month{
							width: 52px;
							height: auto !important;
						}
					#content-container #content .news-content{
						width: 425px;
						height: auto !important;
						float: right;
					}				
						#content-container #content .news-content h1{
							margin: -42px 0 0 0;
							padding: 0;
							line-height: 21px;
							position: relative;
						}						
						#content-container #content .news-date-red .news-content .hr-news, .news-date-blue .news-content .hr-news{
							width: 425px;
							height: 4px;
							padding: 0;
							margin: 8px 0 -5px 0;
							clear: both;
						}
						#content-container #content .news-date-red .news-content div, .news-date-blue .news-content div{
							width: 425px;
							height: auto !important;
							text-align: justify;
							margin: 0;
						}						
						#content-container #content .news-date-red .news-content div img, .news-date-blue .news-content div img{
							float: left;
							margin: 4px 20px 5px 0;
						}
						#content-container #content .news-date-red .news-content .buttons, .news-date-blue .news-content .buttons{
							width: 425px;
							height: 24px !important;
							margin: 10px 0 20px 0;
						}						
						#content-container #content .news-content .buttons a.no,#content-container #content .news-content .buttons a.add-comment,#content-container #content .news-content .buttons a.read-more{
							display: inline;
						}		
						#content-container #content .news-content .buttons div{
							display: inline;
						}											
							#content-container #content .news-content .buttons a.no{
								width: 34px;
								height: 28px;
								float: left;
								margin: 0 0 -4px 0;
								padding: 3px 0 0 0;
							}
							#content-container #content .news-content .buttons a.add-comment{
								width: 100px;
								height: 24px;
							}
					  		#content-container #content .news-content .buttons a.read-more-pl, a.read-more-en {
								width: 82px;
								height: 24px;
								float: right;
								margin: -20px -2px 0 0;
							}										
					  		#content-container #content .news-content .buttons a.read-more-i-pl, a.read-more-i-en {
								width: 82px;
								height: 24px;
								float: right;
								margin: 0 -2px 0 0;
							}			
						#content-container #content #pagination{
							width: 495px;
							height: 65px;
							line-height: 65px;
						}	
							#content-container #content #pagination #previous{
								float: left;
								width: 70px;
								padding: 0 0 0 15px;
								margin: 0 0 0 15px;
								display: inline;
							}	
							#content-container #content #pagination #previous_disabled{
								float: left;
								width: 70px;
								padding: 0 0 0 15px;
								margin: 0 0 0 15px;
								display: inline;
							}
							#content-container #content #pagination #pages{
								width: 320px;
								display: inline;
								float: left;
								text-align: center;
							}							
								#content-container #content #pagination #pages a.selected{
									padding: 2px 4px 2px 4px;
									background: #6b0e0e;
									border-style: double;
								}
							#content-container #content #pagination #next{
								float: right;
								width: 60px;
								display: inline;
							}
							#content-container #content #pagination #next_disabled{
								float: right;
								width: 60px;
								display: inline;
							}
				#content-container #content h1{
					line-height: 54px;
					margin: 0 0 0 13px;
				}						
				#content-container #content h2{
					margin: 0 0 5px 0;
				}
				#content-container #content div.hr{
					line-height: 2px;
					height: 2px;
					width: 495px;
					margin: 0 0 18px 9px;
					padding: 0px;
				} 						
				#content-container #content #txt{
					margin: 4px 9px 14px 22px;
					width: 473px;
					height: auto !important;
				}			  
					#content-container #content #txt ul li{
						line-height: 16px;		
						padding-left: 15px;
					}
					#content-container #content #txt ul#galleries li{
						padding: 0;
					}
					#content-container #content a.back{
						float: right;
						width: 80px;
					}							
					#content-container #content #txt .list a{
						line-height: 24px;
						display: block;
					}
					#content-container #content #txt .list a img{
						margin: 7px 5px 0 0;
					}
					#content-container #content #txt .photo{
						
						float: left;
					}
						
					#content-container #content #txt .ico a img{
						margin: -32px 13px 0 0;
						border: 0px;
						float: right;
					}
					#content-container #content #txt .ico a:hover img{
						margin: -32px 13px 0 0;
						border: 0px;
						float: right;
					}
				#content-container #subsidebar{
					width: 210px;
					height: 100%;
					margin: 9px 0;
					padding: 0;
					float: right;
				}
				#content-container #subsidebar .hr{
					width: 200px;
					height: 6px;
					margin: 8px 0;
					float: right;
				}
				#content-container #subsidebar #search{
					width: 200px;
					height: 58px;
					float: right;
				}
				#content-container #subsidebar #gallery{
					width: 184px;
					height: 100%;
					border: 8px solid #e3c997;
					float: right;
				}
					#content-container #subsidebar #photo_p, #photo_n{
						width: 26px;
						height: 22px;
						display: block;
						float: left;
					}
					#content-container #subsidebar #photo_all{
						width: 132px;
						height: 22px;
						line-height: 22px;
						display: block;
						float: right;
						text-align: center;
					}
				#content-container #subsidebar #promoted{
					margin: 18px 0 9px 0;
					width: 200px;
					height: 100%;
					float: right;
					clear: both;
				}
					#content-container #subsidebar #promoted a.more{
						width: 44px;
						height: 24px;
					}
					#content-container #subsidebar #promoted ul{
						width: 200px;
						height: 100%;
						float: right;
						margin: 2px 0 0 0;
					}
						#content-container #subsidebar #promoted ul li{
							display: block;
							list-style-type: none;
							line-height: 35px;
							height: 35px !important;
						}
				#content-container #subsidebar #newsletter{
					margin: 8px 0 18px 0;
					width: 200px;
					height: 77px;
					float: right;
					clear: both;
				}
				#content-container #subsidebar #newsletter #controls{
					width: 190px;
					height: 20px;
					position: relative;
					float: right;
				}
					#content-container #subsidebar #newsletter input{
						width: 152px;
						height: 14px;
						float: left;
						margin: 33px 0 0 9px;
						padding: 3px 3px 0 3px;
					}
					/*#content-container #subsidebar #newsletter #controls spa{
						margin: 5px 0 0 9px;
						width: 12px;
						position: relative;
						display: inline;
					}	 */			
					#content-container #subsidebar #newsletter #controls span.rbStyledStar input{
						display: none;
					}	
					#content-container #subsidebar #newsletter #controls span {
						display: inline;
						float: left;
						width: 40px;
					}
					#content-container #subsidebar #newsletter #controls span label{
						margin: 4px 0 0 3px;
						width: 20px;
						float: left;
						text-align: left;
					}
					#content-container #subsidebar #newsletter input.submit{
						width: 14px;
						height: 22px;
						margin: 29px 0 0 12px;
					}
					.RadioboxStar {display:block;height:12px;width:12px;float: left;margin: 4px -28px 0 5px;}
					a.RadioboxUncheckedStar, a.RadioboxCheckedStar {display:block;width:12px;height:12px;cursor:pointer;}
					a.RadioboxUncheckedStar img, a.RadioboxCheckedStar img {width:12px;height:12px;display:inline;border:none;} /* Netscape 6.0 Fix */

					.InputHidden {display:none; visibility: hidden;}
	#footer{
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 52px;
	}
		#footer #footer-container {
			width: 964px;
			height: 52px;
			margin: 0 auto;
		}
	
			#footer #footer-container #copyright {
				float: left;
				width: 600px;
				line-height: 52px;
				margin: -5px 0 0 0;
			}
			#footer #footer-container #yoho {
				width: 364px;
				float: right;
				line-height: 52px;
				margin: -5px 0 0 0;
			}

#mygallery {
	height: 248px;
	clear: both;
}			
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 184px; /*Width of Carousel Viewer itself*/
height: 248px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width:184px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}