/*Left*/

#body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	color: #000000;
	margin: 5; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	font-size: 12px;
	line-height: 20px;
}

#container {
	width: 960px;
	background: #fff;
	margin: auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐  */
	overflow: hidden;
		     
    /* sane web browsers */
	-moz-box-shadow:1px 3px 12px #333;
	-webkit-box-shadow:1px 3px 12px #333;
	box-shadow:1px 3px 12px #333;
	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}  

#header {
	color: #FFFFFF;
	height: 140px;
	background-image: url(images/title.png);
	background-color: #3C5575;
	border: 2px solid #FFF;
		} 

#header h1 {
	margin: 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
	background-image: none;
	height: 180px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#sidebar {
	float: left; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 200px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	background: #B63B2D;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;

}	/*a.link{color: #FFFFFF; text-decoration: none; }←连接颜色*/

#sidebar a {text-decoration: none;color: #FFFFFF; }
#sidebar a:link { color: #FFFFFF; TEXT-DECORATION: none}
#sidebar a:visited { COLOR: #FFFFFF; TEXT-DECORATION: none}
#sidebar a:hover { COLOR: #E68804; text-decoration: none;}
#sidebar a:active { COLOR: #E68804; text-decoration: none;}

#maincontent {
	float: left;  /*由于此元素是浮动的，因此必须指定宽度 */
	width: 680px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	background-color: #FFF;
	color: #000000;
	text-align: left;
	padding: 20px;
	
} 

#maincontent a {text-decoration: none; padding:3px 10px 3px 10px;	color: #FFFFFF; background-color: #3C5575; }

#maincontent a:link { color: #FFFFFF; TEXT-DECORATION: none}
#maincontent a:visited { COLOR: #FFFFFF; TEXT-DECORATION: none}
#maincontent a:hover { COLOR: #E68804; text-decoration: none;}
#maincontent a:active { COLOR: #E68804; text-decoration: none;}

#footer {
	height: 50px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#E68804;
	color: #ffffff;
	position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
	border: 2px solid #FFF;
	padding-top: 10px
} 

#footer p {
	margin: 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color: #FFF;
}

#footer a {text-decoration: none;color: #FFFFFF; }

#footer a:link { color: #FFFFFF; TEXT-DECORATION: none}
#footer a:visited { COLOR: #FFFFFF; TEXT-DECORATION: none}
#footer a:hover { COLOR: #B63B2D; text-decoration: none;}
#footer a:active { COLOR: #B63B2D; text-decoration: none;}