p, div, ul, li, h1, h2, h3, h4, h5 {margin:0; padding:0;}
body {margin:0; padding:0; background:#cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
img {border:none; margin:0; padding:0;}
ul, li {list-style:none;}
.clear {clear:both; font-size:0; line-height:0;}

h1 {padding:0 0 2px 8px; margin:0 0 10px 0; color:#ee3a68; font-weight:bold; font-size:13px; background:url(../images/line_h1.gif) bottom left repeat-x;}
h2 {padding:0 0 2px 8px; color:#ee3a68; font-weight:bold; font-size:13px; }
h3 {padding:0 0 0 8px;margin:0 0 10px 0; color:#000000; font-weight:normal; font-size:10px; font-size:11px; background:url(../images/line_h1.gif) bottom left repeat-x; }
h4 {padding:0 0 0 8px;  color:#ee3a68; font-weight:bold; font-size:11px;}

/* Conten Item */
p {line-height:16px; padding:0 0 0 8px;}
p.quote {color: #666666; font-style:italic;}

/* Normal links */
a { color:#ee3a68; text-decoration:none;}
a:hover { text-decoration:underline; }

/* ---------------------------- CONTAINER ---------------------------- */
#container0 {width:900px; margin:40px auto; background:#ffffff;}
#container1 {width:810px; height:600px; margin:0 auto; padding:0 0 10px 0; background: url(../images/bg_container1.jpg) no-repeat top center;}
#container2 {width:810px; height:600px; margin:0 auto; padding:0 0 10px 0; background: url(../images/bg_container2.jpg) no-repeat top center;}
#container3 {width:810px; height:600px; margin:0 auto; padding:0 0 10px 0; background: url(../images/bg_container3.jpg) no-repeat top center;}
#container4 {width:810px; height:600px; margin:0 auto; padding:0 0 10px 0; background: url(../images/bg_container4.jpg) no-repeat top center;}

	
	/* ---------------------------- TOP ---------------------------- */
	/* Logo banner */
	#top {width:810px; padding:5px 0 0 0;}
	/* ---------------------------- END OF TOP ---------------------------- */
	
	/* ---------------------------- MIDDLE ---------------------------- */
	#intro {width:900px;}
	#middle {width:810px;}	
		
		/* Column 1 */
		#col1 {width:155px; float:left; text-align:right; padding:0 17px 0 0;}
			/* Language */
			#language {padding:410px 0 0 0;}
				#language ul li {display:block; padding:3px 0;}
				#language ul li a {color:#ffffff; text-decoration:none;}
					#language ul li a:hover, #language ul li a#active {color:#dd3e3b; text-decoration:none;}
		
		/* Column 2 */
		#col2 {width:610px; float:left; padding:10px 18px 5px 10px;}
			/* Top navigation */
			#subnav {width:610px; text-align:center}
					#subnav a {color:#000000; text-decoration:none;}
					#subnav a:hover {color: #ee3a68;}	
			/* supporter */	
			#supporter {width:550px; text-align:right;}			
					
			/* Image */
			#col2 img {padding:8px 20px 20px 8px; float:left; clear:right;}
			#photo img {padding:8px 8px 8px 8px;float:left; clear:none;}
			#video img {padding:8px 8px 8px 8px;float:left; clear:none;}
			
			/* Footer */
			#skip { padding:20px 0 0 0; text-align: center;}
			#footer {margin:20px 0 0 0!important; margin:30px 0 0 0; padding:5px 0 0 0; text-align:center; background:url(../images/line_h1.gif) top left repeat-x;}
				#footer span {padding:5px 0 0 0;}
				#footer img {padding:0; float:none;}
			#credit {width:585px;}

	/* ---------------------------- END OF MIDDLE ---------------------------- */
	
/* ---------------------------- END OF CONTAINER ---------------------------- */