html, body {
	height: 100%;
	background-color: #666;
	background-image: url(images/bg-body.jpg);
	font-family: Trebuchet, Verdana, Sans-Serif;
        font-size: 30px;
	margin: 0;
	padding: 0;
	text-align: center; }


#distance { 
	background: red;      
	width: 1px;           
	height: 10%;          
	float: left;       
}

#content {
	position: relative;   
	text-align: left;     
	height: 460px;        
	width: 960px;
        padding-top: 75px;         
	background-image: url(images/language.jpg);
        background-repeat: no-repeat;   
	margin: 0 auto;      
	clear: left;       
}

#toggle {
        width: 550px;
        height: 100px;
        margin: 0 auto;
}

#eng {
       float: right;
       color: #FF9900;
       font-weight: bold;
       margin-right: 10px;
}

#eng a:link {
       float: right;
       color: #FF9900;
       font-weight: bold;
}

#cym {
       float: left;
       color: #FFFF33;
       font-weight: bold;
}


#cym a:link {color: #FFFF33; text-decoration: none;}
#cym a:visited {color: #FFFF33; text-decoration: none;}
#cym a:hover {color: #B363FF; text-decoration: none;}
#cym a:focus {color: #B363FF; text-decoration: none;}
#cym a:active {color: #B363FF; text-decoration: none;}

#eng a:link {color: #FF9900; text-decoration: none;}
#eng a:visited {color: #FF9900; text-decoration: none;}
#eng a:hover {color: #87EC00; text-decoration: none;}
#eng a:focus {color: #87EC00; text-decoration: none;}
#eng a:active {color: #87EC00; text-decoration: none;}

#hang_tab {
	height: 108px;
	left: 0px;
	position: absolute;
	top: 7px;
	width: 142px; 
        z-index: 10}