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

body {margin: 0; padding: 0; font: 12px Tahoma;}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, ul, li {
	margin: 0; padding: 0; border: 0}
a img {border: 0}
ul li {list-style-type: none}

/* header */

table.head {width: 100%; height: 150px;}
.t-left {
	background:url(../images/yellow-top.gif) no-repeat bottom; margin-top: 63px;  width: 129px;
	padding-left: 30px; padding-top: 100px; color: #363636;}

td.logo {background: url(../images/hader-red.jpg) no-repeat bottom right; width: 163px;}
td.title, td.t-right {
	background: url(../images/hader-bg.jpg) repeat-x bottom;}
td.t-right {vertical-align: bottom}

td.title h1 {font: 18px Tahoma; color: #fff; margin-left: 30px; margin-top: -20px; position: absolute; width: 300px}

.t-nav {position: absolute; top: 7px; left: 321px}
.t-nav a {margin: 0 8px}

/* menu */

#menu {margin-left: 300px; background: url(../images/m-bg.gif) repeat-x; height: 41px;}
#menu li {display: block; float: left; padding-top: 6px}
#menu li.first {background: url(../images/m-left.gif) no-repeat top left; width: 32px; height: 41px;}
#menu li a {font: bold 11px Tahoma; color: #b8120c; text-decoration: none; margin-right: 10px; display: block; max-width: 142px}

.hk {margin-left: 30px}
.hk a {color: #363636}
.hk a:hover {text-decoration: none}

.sub-menu {margin: 27px 30px; line-height: 26px}
.sub-menu a {font: bold 14px Tahoma; color: #b8120c;}
.sub-menu a:hover {text-decoration: none}
/* book */

h1 {font: lighter 20px Tahoma; color: #363636; line-height: 32px}
h2 {font: lighter 16px Tahoma; color: #363636; line-height: 27px}

#book {background: #ffc200; margin-bottom: 30px}
img.list1 { float: left; width: 400px}
div.list2 {background:url(../images/b-list2bg.gif) repeat-y; height: 230px; margin-left: 400px; padding: 30px 0 0 30px;}
div.list2 p {line-height: 20px;}
div.list2 img {float: right; margin: 0 30px 0 30px}
.clear {clear: both; height:1px; background: #fff}

/* content */

td.left_col {width: 250px; vertical-align: top;}
td.center_col { vertical-align: top; padding-right: 30px; width: 80%}
td.right_col {width: 150px; vertical-align: top; padding-right: 30px}

td.center_col p {font: 12px Tahoma; color: #363636; padding-bottom: 5px}
td.right_col h2 {font: lighter 16px Tahoma; color: #b8120c; line-height: 27px}

#search {background: url(../images/searchbg2.gif) no-repeat; height: 60px; padding: 10px 0 0 30px; margin-bottom: 30px}

#search strong, #search2 strong {font: lighter 16px Tahoma; color: #363636;}
#search input.sf { height: 18px; width: 138px; border: 1px solid #e1e1e1}
#search input.butser {
	background: url(../images/searchbutton2.gif) no-repeat; width: 40px; height: 40px; border: none; position: absolute;
	margin-top: -10px; margin-left: 10px; cursor: pointer; outline: 0}

#search2 {background: url(../images/searchbg2.gif) no-repeat; height: 60px; padding: 10px 0 0 30px; margin-bottom: 30px}
#search2 input.sf { height: 18px; width: 138px; border: 1px solid #e1e1e1}
#search2 input.butser {
	background: url(../images/searchbutton2.gif) no-repeat; width: 40px; height: 40px; border: none; position: absolute;
	margin-top: -10px; margin-left: 10px; cursor: pointer; outline: 0}

.minlist {font: bold 12px Tahoma; color:#363636; width: 190px; margin: 0 30px;}
.minlist a {font: normal 12px Tahoma; color: #0074d6; display: block; margin-bottom: 27px}
.minlist a:hover {color: #b8120c; text-decoration: none}


hr {border: 0px; border-top: 1px solid #dadada}

a.ani {
	display: block; width: 87px; height:21px; background: url(../images/allnews.gif);
	font: normal 12px Tahoma; color:#363636; text-decoration: none; padding-left: 25px;
	padding-top: 6px; margin-left: 45px; margin-top: 5px;}

ul.prepod {font: normal 12px Tahoma;}
ul.prepod  a {color:#0074d6; text-decoration: none; font-weight: bold}
ul.prepod  a img {border: none}
ul.prepod span {display: block; margin-bottom: 15px}

.banners {width: 750px; background: #f0f0f0; padding: 10px 10px 10px 30px}
.banners a img {border: 1px solid #e5e5e5; margin: 1px}
.banners a:hover img {border: 1px solid #999;}

.footer {margin-top: 33px; margin-bottom: 23px; height: 108px; width: 87%; color: #363636}
td.f-left {background: url(../images/f-left.gif) no-repeat; width: 80px;}
td.f-copy {background: url(../images/f-lines.gif) repeat-x;}
td.f-copy ul li span {margin-left: 35px}
td.f-dev {background: url(../images/f-dev.gif) no-repeat; width: 222px; padding-top: 46px; padding-left: 44px;}
td.f-dev a {color: #b8120c}
td.f-dev a:hover {text-decoration: none;}

.calendar {font: 11px Verdana; color: #b8120c}
.calendar a {color: #b8120c; padding: 1px 2px}
.calendar a:hover {color: #fff; background: #9cadb6; padding: 1px 2px}
#month_id, #current_year {font: 11px Verdana; color: #b8120c; border: 1px solid #dbe0e3; padding: 2px}
#current_year {width: 60px}


.pager {text-align: right; font: 12px Tahoma; color: #363636}
.pager a {font: bold 14px Tahoma; color:#b8120c; margin: 0 4px}
.pager a:hover {text-decoration: none;}


#wrap {width: 400px; height: 260px; float: left;}
#s1 {width: 400px;}



/*  */


.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 80%;
    height: 320px;
    padding-left: 34px; border-left: 1px solid #e8e8e8; margin-left: 16px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  500px;
    height: 320px;
}

.jcarousel-skin-tango .jcarousel-item {
display: block; width:  500px;}


ul#news {font: normal 12px Tahoma; color: #363636; margin-top: 0px}
ul#news a {display: block; color: #363636; text-decoration: none; margin-top: 6px}
ul#news a:hover {color: #b8120c;}
ul#news li {padding-bottom: 27px}
span.date {background: #f0f0f0; padding: 2px;}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -3px;
    left: -16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -3px;
    left: -16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -32px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */

}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




.file_desc{
	color: #888888;
}
a.file{
	color: #888888;
}



#content ul{
	list-style-image: none;
	list-style-type: none;

}
#content li{
	background: url(../images/bullet_red.jpg) no-repeat 0em 0.85em;
	padding: 0.3em 0 0.3em 0.8em;