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

/*== css global reset ==*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:700;font-style:inherit;font-size:11px;font-family:Trebuchet MS, Helvetica, sans-serif;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
/*== /css global reset ==*/

/*== header.css ==*/
#header .headerIcon{background:url(../image/utmLogo.png) no-repeat;float:left;height:105px;width:295px}
#header .headerSearch{float:right;height:20px;margin-bottom:10px;margin-right:10px;margin-top:15px}
#header .headerStripe{background:url(../image/headerStripe.png) no-repeat;color:#fff;float:right;height:30px;width:630px}
#header .headerStripe a{color:#fff}
#header .headerStripe ul{float:left;list-style-type:none;margin:3px 0 0 0;padding:0;position:relative;width:510px}
#header .headerStripe ul li{display:inline;padding-left:10px}
#header .inspire{background:url(../image/inspire.png) no-repeat;clear:right;float:right;height:32px;width:320px}
#header .popularTab{float:right}
#header .textboxSearch{border:1px #133b53 solid;position:relative;top:-5px}
#right .pictureImg{height:200px;position:relative;width:760px;z-index:0;margin:-13px 0 0 0}
#right .pictureImg .img1{float:left;height:200px;margin-top:7px;position:relative;width:505px;z-index:1}
#right .pictureImg .img2,#right .pictureImg .img3{float:right;height:200px;margin-top:30px;position:relative;width:250px;z-index:2}
#right .pictureImg .img23{float:right;height:200px;width:250px;margin:10px 0 0 0;}
/*== /header.css ==*/

/*== content.css ==*/
#content #left{color:#888;float:left;height:inherit;width:185px}
#content #left .menuDesc{color:#888;font-size:10px;font-weight:400;margin:6px 0 0 0}
#content #left .menuTitle{color:#000;font-size:10px}
#content #left ul{list-style-image:url(../image/bullet.png);margin:10px 0 0 25px;padding:0;position:relative}
#content #left ul li{font-size:10px;padding-bottom:6px;width:100%}
#content #left ul li a{color:#000;text-decoration:none}
#content #left ul li.end{border-bottom:0}
#content #right{float:left;height:369px;width:764px}
#content #right #imgMenu{height:317px}
#content #right .boxContentRight{background:#fff}
#content #right .boxContentRight .boxContentRightLeft{background:#fff;float:left;width:570px}
#content #right .boxContentRight .boxContentRightLeft .theLeft{background:#fff;float:left;width:336px}
#content #right .boxContentRight .boxContentRightLeft .theRight{background:#fff;float:right;width:194px}
#content #right .boxContentRight .boxContentRightRight{background:#fff;float:right;margin-top:0;width:190px}
#content #right .shadow1{background:url(../image/contentRightShadow1.png) no-repeat;height:321px;margin-left:-10px;position:absolute;width:11px}
#content #right .shadow2{background:url(../image/contentRightShadow2.png) left bottom no-repeat;height:9px;margin-left:1px;margin-top:-7px;position:relative;width:760px}
#content .gradientContent{background:url(../image/menu-gradient.png)bottom left repeat-x;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;display:block;height:369px;width:959px}
#content .roundBottom{background:url(../image/round-bottom.png) top left no-repeat;height:30px;margin-bottom:10px;position:relative;width:962px}
#content .roundTop{background:url(../image/round-top.png) top left no-repeat;height:14px;width:962px}
/*== /content.css ==*/

/*== boxes.css ==*/
#boxes{width:960px;float:left;height:auto}
#boxes .boxesCenter .boxesCenterSplit{float:left}
#boxes .boxesCenter .boxesCenterSplit .left,#boxes .boxesCenter{float:left}
#boxes .boxesCenter .boxesCenterSplit .right{float:left;margin:0 0 10px 10px}
#boxes .boxesLeft{float:left;width:195px}
#boxes .boxesRight,.boxAskTheExperts{float:right}
.box185 .footer{background:url(../image/foot185.png) no-repeat bottom;height:29px;margin-top:-1px;width:185px}
.box185 .more,.box366 .text .more,.boxNews .more,.box194 .text .more,.boxCalendar .more,.box570 .more,.boxSuccess .more{float:right;margin-right:25px}
.box185 .text{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-top:-2px;width:183px}
.box185 .text .hilight{font-size:10px}
.box185 .text .hilight .photo{padding:5px 0 0 2px;text-align:center}
.box185 .text .hilight .photoText{margin-left:10px;margin-right:10px;margin-top:5px; font-family:Arial, Helvetica, sans-serif}
.box185 .title{height:29px;width:185px}
.box185,.box570 .text ul{margin-bottom:10px}
.box194 .footer{background:url(../image/foot194.png) no-repeat bottom;height:27px;margin-top:-1px;width:194px}
.box194 .text{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-top:-1px;width:192px}
.box194 .text ul{list-style-image:url(../image/bullet.png);margin:0 0 0 20px;padding:10px}
.box194 .title{height:29px;width:194px}
.box366 .footer{background:url(../image/foot366.png) no-repeat bottom;height:27px;margin-top:-1px;width:366px}
.box366 .text{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;height:264px;width:364px}
.box366 .text .hilight .photo,.box194 .text .hilight .photo{float:left;width:auto}
.box366 .text .hilight .photoText,.box194 .text .hilight .photoText{color:#888;float:right;font-size:11px;font-weight:400;margin-top:10px;width:220px}
.box366 .text .hilight .photoTitle,.box194 .text .hilight .photoTitle{float:right;font-size:12px;margin-top:0;width:220px}
.box366 .text .hilight,.box194 .text .hilight{font-size:10px;height:auto;margin-left:10px;margin-right:10px;padding-top:10px;float:left}
.box366 .text ul{list-style-image:url(../image/bullet.png);margin:0 0 0 20px;padding:0 10px}
.box366 .text ul li,.box194 .text ul li{padding-top:5px}
.box366 .title{height:29px;width:366px}
.box570 .footer{background:url(../image/foot570.png) no-repeat;height:27px;margin-top:-15px;width:570px}
.box570 .text{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-top:-1px;position:relative;width:568px}
.box570 .title{height:29px;width:570px}
.boxAchievement{clear:both;position:relative}
.boxAchievement .hilight .photo{float:left;height:73px;margin-left:10px;margin-right:20px;margin-top:10px;width:109px}
.boxAchievement .hilight .photoText{color:#888;float:left;font-size:11px;font-weight:400;padding-top:5px;width:400px;font-family:Arial, Helvetica, sans-serif}
.boxAchievement .hilight .photoTitle{color:#000;float:left;font-size:12px;padding-top:10px;width:400px}
.boxAchievement .text{height:143px}
.boxAchievement .title{background:url(../image/achievementAwards.png)}
.boxAchievement a{color:#000;text-decoration:none}
.boxAchievement ul{list-style-image:url(../image/bullet.png);margin-left:30px;margin-top:10px}
.boxAskTheExperts .text{color:#888;font-family:Verdana, Geneva, sans-serif}
.boxAskTheExperts .title{background:url(../image/askTheExperts.png)}
.boxCalendar .event{clear:both;margin-left:5px;margin-top:5px;position:relative;float:left}
.boxCalendar .event ul{list-style-type:none; list-style-image:none; margin:0; padding:0 10px 0 5px}
.boxCalendar .event ul li{display:block;float:left;width:170px}
.boxCalendar .event ul li h3{margin:0;color:#888;font-family:Trebuchet MS, Helvetica, sans-serif;font-size:13px;font-weight:400;float:left;text-align:center;display:block;width:30px}
.boxCalendar .event ul li p{font-size:10px;float:right;width:130px}
.boxCalendar .event ul li p span{color:#888;font-weight:400}
.boxCalendar .title{background:url(../image/calendar.png) no-repeat}
.boxCalendar .text{height:220px}
.boxNews .text{height:220px; overflow-y:scroll}
.boxNews .title{background:url(../image/universityNews.png) no-repeat}
.boxNews .text .hilight .photoTitle{float:right;font-size:12px;margin-top:0;width:200px}
.boxNews .text .hilight .photoText{color:#888;float:right;font-size:11px;font-weight:400;margin-top:10px;width:200px}
.boxOnTheWeb .more{clear:both;margin-top:-5px;position:relative}
.boxOnTheWeb .text{height:138px;margin-top:-1px}
.boxOnTheWeb .title{background:url(../image/onTheWeb.png)}
.boxOnTheWeb img{margin-bottom:5px}
.boxSuccess .text{height:133px}
.boxSuccess .title{background:url(../image/successStory.png)}
.boxSuccess,.boxWhereAreWe{background:#fff;clear:both;float:left;width:200px}
.boxSuccess p{padding-top:5px}
.boxUniversityChannel .more,.boxAchievement .more{clear:both;position:relative;z-index:1}
.boxUniversityChannel .photo,.boxSuccess .photo{float:left;height:auto;padding-top:5px;width:auto;margin:0 5px 0 0}
.boxUniversityChannel .photoText,.boxSuccess .photoText{float:left;font-size:9px;margin-left:15px;padding-top:5px;position:relative;width:87px}
.boxUniversityChannel .text{height:80px}
.boxUniversityChannel .title{background:url(../image/universityChannel.png)}
.boxUniversityChannel,.boxOnTheWeb{clear:both;float:right}
.boxVC{background:#fff;margin-top:0;position:relative}
.boxVC .title{background:url(../image/messageFromVC.png) no-repeat}
.boxWhereAreWe .title{background:url(../image/whereAreWe.png) no-repeat}
.boxonUtmMy{margin-top:10px}
.boxonUtmMy	.title{background:url(../image/onUtmMy.png) no-repeat}
.boxonUtmMy .text{height:130px}
a{color:#000}
/*== /boxes.css ==*/

/*== photoDeco.css ==*/
.photo a{text-decoration:none}
.photo img{background:#fff;border:solid 1px #ccc;padding:4px}
.photo span{display:block;height:18px;left:12px;position:absolute;top:12px;width:20px}
/*== /photoDeco.css ==*/

/*== slidemenu.css ==*/
* {margin:0; padding:0}
.sm {list-style:none; width:765px; height:200px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden;display:block;}
.sm li img{border-left:5px solid #ffffff;display:block;}
.sm li img.start {border:0px;display:block;}
/*== /slidemenu.css ==*/

/*== dynamicMenu.css ==*/
#dynamicMenu{margin-top:-10px;padding-bottom:10px}
#dynamicMenu .dynamicMenuMenu .content{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;height:70px;width:959px}
#dynamicMenu .dynamicMenuMenu .contentTitle{font-size:12px;margin:0 0 0 10px}
#dynamicMenu .dynamicMenuMenu ul{float:left;height:auto;width:auto;list-style-image:url(../image/bullet-menu.png);margin-left:30px;margin:0 0 0 20px; list-style-position:inside}
#dynamicMenu .dynamicMenuMenu ul li{margin-top:5px}
.dynamicMenuMenu{height:90px;margin:0 0 10px}
.dynamicMenuMenu .bottomCorner{background:url(../image/round-bottom-white.png) no-repeat bottom left;height:30px;margin-top:-1px;width:961px}
.dynamicMenuMenu .topCorner{background:url(../image/round-top.png) no-repeat top left;height:14px;width:961px}
/*== /dynamicMenu.css ==*/

/*== iframe ==*/
div.tabIframeWrapper {width: 100%;height:200px}
iframe.tabContent { background-color: #c0c0c0; width: 100%; height:300px; overflow:no-scroll}
/*== /iframe ==*/

/*==date==*/
.date{
background: url(../image/date-bg.gif) no-repeat 0px 0px;
color: white;
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 38px;
line-height: 20px;
margin: 4px 10px 0px 0px;
text-align: center;
width: 38px;
}
.date small{
color: rgb(119, 119, 119);
display: block;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
}
/*==/date==*/