/*
 * ----------------------------------------------------------------
 * Copyright (C) 2005-2009 成都彩程科技有限公司.
 * All rights reserved.
 * 项目名称    西藏藏医学院网站精品课程      
 * 版本说明    v2
 * 开发者      邓琼
 * 创建时间    2009.05.14
 * 修改记录
 * 文件名称    main.css
 * 文件描述    全局样式
 * 其他
 * ----------------------------------------------------------------
 */
 
/******************
        Reset样式
******************/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

:focus {
    outline: 0;
}

body {
    background: white;
    line-height: 1;
    color: black;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}


/***** 通用样式 *****/

body {
    text-align: center;
    font: normal 12px "宋体",Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    line-height: 180%;
    background-color: #4075AC;
}

a {
    color: #fffb00;
    text-decoration: none;
}

a:hover {
    color: #ff3300;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

clear {
    clear: both;
}

/****layout布局****/

#wrapper {
    margin: 0 auto;
    width: 760px;
    background: #235282;
    text-align: left;
}

#header {
}

#content {
}

#footer {
    background: url(../image/footer-bg.gif) repeat-x left bottom;
    height: 54px;
    line-height: 54px;
    text-align: center;
}


/***** top头部 *****/

#header #top {
    position: relative;
    height: 110px;
    background: url(../image/top-bg.gif) repeat-x left bottom;
}

#header #top h1 {
    margin-top: 20px;
    background: url(../image/logo.gif) no-repeat;
    float: left;
    width: 760px;
    height: 63px;
}

#header #top h1 a {
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    width: 760px;
    height: 63px;
}

#header #top #headLink {
    float: right;
    margin-top: -80px;
    margin-right: 5px;
}

#banner {
    background: url(../image/banner-bg.jpg) no-repeat;
    height: 187px;
    position: relative;
}

#notice {
    position: absolute;
    left: 200px;
    top: 80px;
    width: 200px;
}

#notice  li {
    margin-bottom: 5px;
    text-align: left;
    width: 200px;
    word-break:keep-all;    
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#notice .more a{
    text-decoration: underline;
    float: right;
}

#download {
    position: absolute;
    right: 10px;
    top: 120px;
}

#download a {
    display: block;
    width: 140px;
    height: 40px;
    text-indent: -9999em;   
}


/***** crumb *****/

.crumb {
    background: url(../image/crumb-bg.jpg);
    height: 73px;
}

.crumb h2 {
    font-size: 28px;
    line-height: 76px;
    font-family: "华文隶书","宋体";
    font-weight: normal;
    float: right;
    margin-right: 40px;
}


/***** content *****/

#content {
    position: relative;
}

.clearfix:after {
    content: "";/*放一个空白字符,借鉴自Adobe首页*/
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;/*这个主要针对ie系列浏览器*/

}

#content #left {
    float: left;
    display: inline;
    margin-left: 10px;
    padding-top: 50px;
    width: 210px;
    background-color: #305fa1
}

#courseIntro {
    padding: 20px 0;
}

#courseIntro h2 {
    background: url(../image/title-course-intro.gif) repeat-x;
    width: 210px;
    height: 40px;
    text-indent: -9999em;
    overflow: hidden;
    
}

#courseIntro p {
    padding: 10px 20px;
    text-indent: 2em;
    line-height: 200%;
    color: #ddd;
}

.decorate {
    position: absolute;
    background: url(../image/content-bg.gif) repeat-x;
    height: 42px;
    width: 760px;
    top: 0px;
    left: 0;
}

#content #right {
    float: left;
    padding-top: 50px;
    margin-left: 10px;
}

.courseShow li {
    width: 520px;
    height: 90px;
    position: relative;
}

.courseShow li#courseCountry {
    background: url(../image/course-country.gif);
}

.courseShow li#courseRegion{
    background: url(../image/course-region.gif);
}

.courseShow li#courseAcademy {
    background: url(../image/course-academy.gif);
}
.courseShow li .courseList {
    position: absolute;
    top: 50px;
    left: 140px;
}

.courseShow li .courseList span {
    border-right: 1px solid #fffb00;
    padding-right: 10px;
    margin-left: 5px;
}

.courseShow li .btnCourse a{
    position: absolute;
    bottom: 18px;
    right: 35px;
    text-decoration: underline;
}


/***** subpage *****/

.contentArea {
    padding: 20px;
    padding-top: 60px;

}


/***** table *****/

table.grid {
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    width: 720px;
    
}

table.grid th{
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background: #465570;
    padding: 4px 10px;
    color: #ffffff;
    font-weight: bold;
}


table.grid th.title {
    background: #9297a1;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

table.grid td{
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background: #465570;
    padding: 4px 10px;
    color: #ffffff;
}
    

/***** subnav *****/

#subnav {
    float: left;
    display: inline;
    margin-left: 10px;
    padding-top: 40px;
    padding-bottom: 20px;
    background: #305fa1;
    border-color: white;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    width: 210px;
}

#subnav li {
    width: 200px;
    height: 40px;
    background: url(../image/subnav.gif);
}

#subnav li a{
    display: block;
    width: 200px;
    height: 40px;
    text-indent:-9999em;
    overflow: hidden;
    
}

#subnav li.cur {
    background: url(../image/subnav-current.gif);
}
    
#subnav li.subnav-1 {
    background-position: 0 0;
}

#subnav li.subnav-2 {
    background-position: 0 -40px;
}

#subnav li.subnav-3 {
    background-position: 0 -80px;
}

#subnav li.subnav-4 {
    background-position: 0 -120px;
}

#subnav li.subnav-5{
    background-position: 0 -160px;
}

#subnav li.subnav-6 {
    background-position: 0 -200px;
}

#subnav li.subnav-7 {
    background-position: 0 -240px;
}

#subnav li.subnav-8 {
    background-position: 0 -280px;
}

#subnav li.subnav-9 {
    background-position: 0 -320px;
}

#subnav li.subnav-10 {
    background-position: 0 -360px;
}

#subnav li.subnav-11 {
    background-position: 0 -400px;
}

#subnav li.subnav-12 {
    background-position: 0 -440px;
}

#subnav li.subnav-13 {
    background-position: 0 -480px;
}

#subnav li.subnav-14 {
    background-position: 0 -520px;
}

#subnav li.subnav-15 {
    background-position: 0 -560px;
}

#subnav li.subnav-16 {
    background-position: 0 -600px;
}

#subnav li.subnav-17 {
    background-position: 0 -640px;
}

#subnav li.subnav-18 {
    background-position: 0 -680px;
}


/***** main *****/

#main {
    display: inline;
    float: left;
    width: 520px;
    margin-left: 10px;
    padding-top: 50px;
    position: relative;
    font-family:"宋体",Sunshine,Arial;
    word-break: break-all;
}

.mainArea {
    margin: 10px;
}

.mainArea h3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px dashed #eeeeee;
    text-align: center;
    padding: 10px;
}

.mainArea .textContent {
    margin-top: 15px;
    font-size: 14px;
    line-height: 200%;
    color: #eeeeee;
    font-family:"宋体",Sunshine,Arial;
    width: 500px;
}

.mainArea .textContent p {
    font-family:Sunshine;
}

.mainArea .back {
    height: 20px;
    text-align: right;
}

/***** thirdnav *****/

.thirdnav{
    border-bottom: 1px solid #ccc;
    height: 47px;
    position: absolute;
    left: -10px;
    width: 538px;
}

.thirdnav ul{
    padding-left: 20px;
}

.thirdnav li {
    width: 100px;
    float: left;
    height: 47px;
}

#thirdnav-2 li{
    background-image: url(../image/thirdnav-2.jpg);
}

#thirdnav-2 li.cur {
    background-image: url(../image/thirdnav-2-current.jpg);
}

#thirdnav-3 li{
    background-image: url(../image/thirdnav-2.jpg);
}

#thirdnav-3 li.cur {
    background-image: url(../image/thirdnav-2-current.jpg);
}

#thirdnav-4 li{
    background-image: url(../image/thirdnav-4.jpg);
}

#thirdnav-4 li.cur {
    background-image: url(../image/thirdnav-4-current.jpg);
}

#thirdnav-5 li{
    background-image: url(../image/thirdnav-5.jpg);
}

#thirdnav-5 li.cur {
    background-image: url(../image/thirdnav-5-current.jpg);
}

#thirdnav-6 li{
    background-image: url(../image/thirdnav-6.jpg);
}

#thirdnav-6 li.cur {
    background-image: url(../image/thirdnav-6-current.jpg);
}

#thirdnav-7 li{
    background-image: url(../image/thirdnav-7.jpg);
}

#thirdnav-7 li.cur {
    background-image: url(../image/thirdnav-7-current.jpg);
}

.thirdnav li a{
    float: left;
    width: 100px;
    height: 47px;    
    text-indent: -9999em;
    overflow: hidden;
}

#thirdnav-2 .thirdnav li.thirdnav-21 {
    background-position: 0 0;
}

.thirdnav li.thirdnav-a {
    background-position: 0 0;
}

.thirdnav li.thirdnav-b {
    background-position: -100px 0;
}

.thirdnav li.thirdnav-c {
    background-position: -200px 0;
}

.thirdnav li.thirdnav-d {
    background-position: -300px 0;
}

.thirdnav li.thirdnav-e {
    background-position: -400px 0;
}

.txt {
    padding-top: 60px;
    margin: 0 10px;
}

.txt li {
    position: relative;
    padding-bottom: 10px;
}

.txt li h4 {
    font-size: 14px;
    border-bottom: 1px dotted #aaaaaa;
    padding: 5px;
}

.txt li .top {
    position: absolute;
    right: 10px;
    *top: 20px;
}

.txt li p {
    margin-top: 10px;
    word-break:break-all
}


/***** list *****/

.list {
    padding: 10px;
}

.list li {
    font-size: 14px;
    border-bottom: 1px dotted #cccccc;
    padding-top: 5px;
    padding-bottom: 3px;    
}