@charset "utf-8";

@import url("myx29.css");

/************************************

	the Academy of Arts & Design, 

	Tsinghua University

	edit by reflux 2010.12.18

************************************/

.button {

	float: left;

	height: 20px;

	width: 23px;

	background-image: url(../../myx52.gif);

	background-repeat: no-repeat;

	border: 0;

	padding: 0;

	margin: 0;

	cursor: pointer;

}



#menu {

	float: left;

	height: 36px;

	width: 960px;

	overflow:hidden;

}

#nav {

	width:960px;

	display:block;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 60px;

	margin-left: auto;

}

#nav .mainlevel {

	display:inline;

	float:left;

	background:url(../../../../myx53.png) no-repeat right;

	padding:0 7px 0 5px;

	z-index:100;/*ie6 hacker*/



}



#mainlevel_01

{

	margin-left:5px;

}





#nav .mainlevel a {

	color:#fff;

	text-decoration:none;

	line-height:36px;

	display:block;

	padding:0 13px;

}



#nav .mainlevel ul a

{

	padding:0px;

}



#nav .mainlevel a.hover {

	text-decoration:none;

	background-image: url(../../myx54.gif);

	background-repeat: no-repeat;

	background-position: center 4px;

}

#nav .mainlevel ul {

	display:none;

	position:absolute;

	filter:alpha(opacity=90); /* IE transparent */

	-moz-opacity:0.9; /* Moz + FF transparent */

	opacity: 0.9; /* CSS3 transparent */

	padding-top: 9px;

	padding-right: 17px;

	padding-bottom: 14px;

	padding-left: 19px;

	margin-left: 0px;

	background-color: #2e0b31;

	background-image: url(../../myx55.gif);

	background-repeat: no-repeat;

	background-position: left top;

	z-index:5; 

}

#nav .mainlevel ul#sub_10 {

	background-image: url(../../myx56.gif);

	margin-left: -108px;

}

#nav .mainlevel li {

	width: 157px;

	background-image: url(../../myx57.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	height: 33px;

}

#nav .mainlevel li a {

	background-image: url(../../myx58.gif);

	background-repeat: no-repeat;

	background-position: right center;

	height: 33px;

	width: 157px;	

}

#nav .mainlevel li a:hover {

	text-decoration:none;

	background-image: url(../../myx58.gif);

	background-repeat: no-repeat;

	background-position: right center;

	color:#FF0;

}



#nav .noline

{

	background:none;

}



#slideshow {

	float: left;

	height: 300px;

	width: 960px;

	position:relative;

}



.bgurl {position:absolute;z-index: 1;}



.bgurl a{ display:block; width:960px; height:300px; float: left;}



.notice {

	display:none;

	width:305px;

	height:141px;

	position:relative;

	top:27px;

	left:649px;

	overflow:hidden;

}

.notice_left {

	width:235px;

	height:100px;

	padding-right: 24px;

	padding-top: 20px;

	padding-left: 30px;

	padding-bottom: 21px;

	position:absolute;

	filter:alpha(opacity=85);/* IE transparent */

	-moz-opacity:0.85;/* Moz + FF transparent */

	opacity:0.85;/* CSS3 transparent */

}

.notice_right {

	position:absolute;

	right:0px;

	_right:-1px;/* IE6 hacker */

	width:16px;

	height:141px;

	filter:alpha(opacity=80);/* IE transparent */

	-moz-opacity:0.8;/* Moz + FF transparent */

	opacity:0.8;/* CSS3 transparent */

}

.notice h3 { 

	line-height:18px; 

	font-size:12px; 

	font-weight:bold; 

	padding:6px 0;

}

.notice h3 a { 

	text-decoration:none;  

}



.notice h3 a:hover { 

	text-decoration:underline;  

}



.notice p { 

	clear:both; 

	line-height:17px;  

}

.notice p a { 

	text-decoration:none;  

}



.notice p a:hover { 

	text-decoration:underline;  

}

.notice_tab { 

	display:none;

	filter:alpha(opacity=90); 

	-moz-opacity:0.9; 

	opacity:0.9;

	position:relative; 

	top:27px; 

	left:938px; 

	z-index:3; 

	width:16px;

}

.notice_tab img{

	position:relative; 

	top:0px; 

}



#content {

	height: 281px;

	width: 960px;

	clear:both;

	overflow:hidden;

	margin-bottom: 20px;

}

#content p {

	color: #4F4F4F;

	font-size: 12px;

	margin-bottom: 6px;

}



.icon p {

	margin-left: 2px;

	padding-left: 11px;

	background-image: url(../../myx59.gif);

	background-repeat: no-repeat;

	background-position: left 8px;

}



.icon a, .icon a:link {

	color: #4F4F4F;

	text-decoration: none;

}

.icon a:hover {

	text-decoration: underline;

}



.con_l {

	float: left;

	height: 238px;

	width: 221px;

	margin-right: 26px;

	margin-left: 14px;

	display:inline;

}

.con_l h3 { margin-bottom:10px; }

.con_l p a, .con_l p a:link {

	color: #9B4701;

	font-size: 12px;

	text-decoration: none;

}

.con_l p a:hover {

	text-decoration: underline;

}

.more {

	margin-top: 14px;

	float:right;

	background-image: url(../../myx60.gif);

	background-repeat: no-repeat;

	background-position: right 4px;

	padding-right: 13px;

}

a.more, a.more:link, a.more:hover {

	color: #141414;

	text-decoration: none;

}

.con_m {

	float: left;

	width: 226px;

	margin-right: 20px;

	height: 281px;

	display:inline;

}

.con_m_t {

	background-color: #9f9179;

	float: left;

	height: 23px;

	width: 226px;

	background-image: url(../../myx61.gif);

	background-repeat: no-repeat;

	background-position: right center;

}

.con_m_t a {

	float:right;

	width:18px;

	height:23px;

	display:block;

}



.con_m_t h3 {

	padding-left:10px;

	padding-top:5px;

	font-size:12px;

	color:#EFF0E8;

}



.con_m_pic {

	float: left;

	height: 87px;

	width: 226px;

	margin-bottom: 9px;

	overflow: hidden;

	border-top:#9f9179 3px solid;

}

.con_r {

	float: right;

	height: 236px;

	width: 193px;

	margin-right: 5px;

	margin-left: 5px;

	display:inline;

	background-image: url(../../myx62.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 45px;

	padding-left: 4px;

}

.con_r ul { 

	float:left;

}

.con_r ul li {

	float:left;

	list-style-type:none;

	width:80px;

	height:22px;

	line-height:21px;

	padding-left:10px;

	background-image: url(../../myx59.gif);

	background-repeat: no-repeat;

	background-position: 0px 8px;

	display:block;

}

.con_r ul li a {

	color:#666666;

	font-size:12px;

}

.con_r ul li a:link {

	color:#666666;

	text-decoration: none;

}

.con_r ul li a:hover {

	color:#666666;

	text-decoration: underline;

}

.con_r .line { 

	height:16px; 

	width:160px;

	background:url(../../images/myx/myx63.gif) left center no-repeat; 

	clear:both;  

}