@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #c0e8dd;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-image:url(/images/background.jpg);
	background-repeat:repeat-x;
}

#container {
	width: 920px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #666;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	padding:20px;
	
}

.clear {
	clear:both;
}

a {
	color:black;
	}

#header {
	margin:0 0 20px;
	}

#header h1 {
	margin:0;
	float:left;
	}

img {
	border:0;
	}

.pic {
	padding:5px;
	border:solid 1px #000;
	background-color:#FFFFFF;
	}

#filmcritics {
	float:right;
	}

#menu {
	background-image:url(/images/menu.jpg);
	height:50px;
	border-top:solid 3px #000;
	}
#menu ul {
	margin:0;
	padding:0;
	float:left;
}
#menu li {
	float:left;
	list-style:none;
	width:120px;
	height:50px;
	}
#menu li a {
	width:120px;
	text-align:center;
	font-size:110%;
	height:50px;
	float:left;
	text-indent:-9999px;
}
#menu #menu-1, #menu #menu-1 a {
	width:200px;
	}
	
#menu a:hover {
	background-image:url(/images/menu_highlight.jpg);
	}
#menu #menu-2 a:hover {
	background-position:-200px 0px;
	}
#menu #menu-3 a:hover {
	background-position:-320px 0px;
	}
#menu #menu-4 a:hover {
	background-position:-440px 0px;
	}
#menu #menu-5 a:hover {
	background-position:-560px 0px;
	}
#menu #menu-6 a:hover {
	background-position:-680px 0px;
	}
#menu #menu-7 a:hover {
	background-position:-800px 0px;
	}

#mainContent {
	padding:0 40px 0;
	background-image:url(/images/background2.jpg);
	background-repeat:no-repeat;
	min-height:740px;
	margin-top:20px;
	}

h2 {
	color:#e34545;
}

#footer {
	margin:20px 0;
	font-size:78%;
}

#footer ul {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

#footer ul li {
	float:left;
	list-style:none;
	width:33%;
	text-align:center;
	}
 th {
 	border: solid 2px #000;
	}