/* CSS Document */

body, p, td {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #585858;
}

a {
    color: #3A2663;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

a.purplelink {

    color: #3A2663;
    font-weight: bold;
    font-size: 11px;
}

.website_table_border td {
    border: 1px solid #585858;
    vertical-align: top;
}

p {

    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.redText {
    color: red;
    font-weight: bold;
}

#container {

    width: 950px;
}

.social {
    width: 230px;
    float: left;
    margin-top: 15px;
}

.home-social-area {
    position: relative;
    margin: 15px 0;
    height: 30px;
}

.social-icon-twitter {
    position: absolute;
    border: none;
    top: 0px;
}

.social-icon-facebook {
    position: absolute;
    border: none;
    left: 44px;
    top: 0px;
}

.ustream {
    position: absolute;
    border: none;
    left: 80px;
    top: 0px;
}

.social-link {
    margin-left: 40px;
    margin-bottom: 20px;
}

.topleft {

    float: left;
    width: 250px;
    padding-right: 5px;
}

.topright {
    float: right;
    width: 680px;
    margin: 2px 0 7px 0;
    line-height: 32px;
}

.topright a {

    color: #A7A6E1;
    padding-left: 3px;
    padding-right: 8px;
}

#topnav {

    background-image: url(/images/topnav-white.gif);
    width: 946px;
}

#topnav .left {

    background-image: url(/images/topnav-bg.gif);
    height: 45px;
    width: 946px;
    margin: 0 0 3px 0;
    float: left;
}

#topnav .left td {
    border-right: 1px solid #fff;
}

#topnav a {

    font-size: 18px;
    color: #8B8B8B;
}

#topnav a.sel {

    color: #3A2663;
}

#topnav td.sel {

    background-image: url(/images/topnav-bg-sel.gif);
}

.right {
    float: right;
    padding: 5px;
    border-top: 1px solid #fff;
}

#topnav .right {
    float: left;
    width: 190px;
    height: 20px;
}

.right_padding form {

    padding: 0px;
    margin: 0px;
}

.mainpic {

    border: solid #39285F 6px;
}

#secondnav {

    padding-bottom: 8px;
    background-color: #FFFFFF;
}

#secondnav .orange {

    background-color: #FF9900;
}

#secondnav .green {

    background-color: #2B7122;
}

#secondnav .blue {

    background-color: #32449E;
}

#secondnav .purple {

    background-color: #B09AC2;
}

#secondnav a {

    color: #FFFFFF;
    font-size: 18px;
    padding-left: 10px;
    line-height: 38px;
    font-weight: normal;
}

.col_left {

    width: 360px;
    float: left;
}

.col_left_padding {
    padding: 10px;
    padding-right: 35px;
}

.col_left_padding_home {
    padding: 10px;
    padding-right: 35px;
    height: 450px;
}

.col_right {
    width: 585px;
    float: left;
    padding-top: 10px;
}

#content h1 {

    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 130%;
}

.calendar {
    height: 430px;
    margin-bottom: 10px;
}

#home_calendar {

    font-size: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E4E5E4;
}

#home_calendar .heading {

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #775197;
    float: left;
    width: 75px;
}

#home_calendar_left .heading {

    font-size: 14px;
    font-weight: bold;
    color: #775197;
}

#home_calendar_left {

    float: left;
    width: 380px;
}

#home_calendar_left ul {

    font-size: 16px;
    padding: 0px;
    padding-right: 10px;
    margin: 0px;
}

#home_calendar_left li {

    padding-bottom: 10px;
}

#home_calendar_left li.orange {

    list-style-image: url(/images/icon-arrow-orange.gif);
}

#home_calendar_left span.orange {

    color: #FF9900;
}

span.orange {

    color: #FF9900;
}

span.green {

    color: #3BAA3D;
}

span.blue {

    color: #31459D;
}

span.purple {

    color: #B09AC3;
}

#home_calendar_left li.green {

    list-style-image: url(/images/icon-arrow-green.gif);
}

#home_calendar_left span.green {

    color: #3BAA3D;
}

#home_calendar_left li.blue {

    list-style-image: url(/images/icon-arrow-blue.gif);
}

#home_calendar_left span.blue {

    color: #31459D;
}

#home_calendar_left li.purple {

    list-style-image: url(/images/icon-arrow-purple.gif);
}

#home_calendar_left span.purple {

    color: #B09AC3;
}

#home_benyko_corner {

    float: left;
    width: 204px;
}

#home_benyko_corner .heading {

    margin: 3px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #585858;
}

#home_benyko_corner .padding {

    padding-left: 10px;
}

#home_benyko_corner img {
    margin-bottom: 15px;
}

#home_newsleter {

    float: left;
    width: 220px;
}

#home_newsleter .heading {

    font-size: 14px;
    font-weight: bold;
    color: #775197;
    padding-bottom: 10px;
    padding-top: 10px;
}

#home_newsletter .padding {

}

#footer {
    float: left;
    width: 945px;
    margin: 10px 0;
    border-top: solid 1px #DFDFDF;
    padding-top: 15px;
    background: #FAFAFA;
}

.footertext {

    font-size: 11px;
}

#contactdetails {
    float: left;
    width: 450px;
}

#contactdetails a {
    color: #3A2663;
}

#contactdetails-home {
    float: left;
    width: 450px;
    margin-top: 30px;
}

#contactdetails-home a {
    color: #3A2663;
}

#copyright {

    float: right;
    width: 400px;
}

#departmentselect a:link, #departmentselect a:visited, #departmentselect a:hover {

    font-size: 12px;
    text-decoration: none;
}

.ft_arts, .ft_language, .ft_studies {

    clear: both;
    padding: 10px;
    background-color: gray;
    color: #fff;
    margin-bottom: 10px;
    width: 488px;
}

.ft_arts {

    background-color: #ff9900;
}

.ft_language {

    background-color: #2B7122;
}

.ft_studies {

    background-color: #32449E;
}

.ft_arts h2, .ft_language h2, .ft_studies h2, .ft_arts p, .ft_language p, .ft_studies p {

    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 !important;
    color: #fff !important;
}

.ft_arts a, .ft_language a, .ft_studies a {

    color: #fff !important;
}

.ft_arts p, .ft_language p, .ft_studies p {

    margin-bottom: 0px;
}

.fs_arts, .fs_language, .fs_studies {

    border: 1px solid;
    padding: 10px;
    float: left;
    width: 227px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.fs_arts {

    border-color: #ff9900;
}

.fs_language {

    border-color: #2B7122;
}

.fs_studies {

    border-color: #32449E;
}

.fs_arts h3, .fs_language h3, .fs_studies h3 {

    margin: 0;
    padding: 0;
    border: none;
}

.emailpage label {

    width: 150px;
    float: left;
    clear: left;
}

.hometext {

    font-size: 13px;
}

.fifthspeech_sponsors img {
    margin: 10px 5px 10px 0;
    float: left;
}
.fifthspeech_sponsors {
    margin-left: 30px;
}

span.greenheading {
    color: #2b7122;
    text-decoration: underline;
}

.box-reports {
    background: #ededed;
    border: 1px dotted #666;
    padding: 10px;
    margin-bottom: 20px;
}

td.txtmwh {
    color: #fff;
}

.characters {
    position: relative;
}

img.new-characters {
    position: absolute;
    left: -40px;
    top: 0;
}

.plain-logo {
    display: block;
    margin: 0 auto;
    width: 167px;
}

#earthquake {
    /*margin: 0 auto;
     width: 520px;*/
    overflow: hidden;
}

#earthquake h1, #content h2.vacancy {
    font-size: 16px;
    color: #775197;
}

#earthquake p, #earthquake ul {
    font-size: 14px;
    line-height: 1.6;
}

#earthquake a {
    color: #585858;
    font-weight: bold;
    text-decoration: underline;
}

#earthquake ul {
    padding: 0;
    list-style: none;
}

#earthquake li {
    margin-bottom: 3px;
}

.earthquake-contribute {
    float: right;
    width: 410px;
}

.earthquake-text {
    float: left;
    width: 510px;
}

.jpbooks {
    /*float: left;*/
    margin: 0 10px 10px 0;
}

#content h2.vacancy {
    background: #f8e8ff;
    border: 1px solid #b09ac2;
}

.pdf {
    display: block;
    background: url(../images/pdf_icon.gif) center left no-repeat;
    height: 49px;
    padding: 0 0 0 60px;
}

.doc {
    display: block;
    background: url(../images/doc_icon.gif) center left no-repeat;
    height: 49px;
    padding: 0 0 0 60px;
}

/* -- UPDATE -- */

.slider {
    position: relative;
    float: left;
    width: 939px;
    height: 200px;
    /*border: 3px solid #57467a;*/
    border: 3px solid #E2E2E2;
}

.second_nav {
    float: left;
    width: 945px;
    margin: 0;
    padding: 0;
}

.second_nav li {
    float: left;
    width: 25%;
    height: 28px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.second_nav li a {
    display: block;
    height: 28px;
    padding: 5px 0 0 10px;
    color: #fff;
    font-size: 16px;
}

.menu_arts {
    background: url(../images/menu-arts.png) repeat-x;
}

.menu_language {
    background: url(../images/menu-language.png) repeat-x;
}

.second_nav .menu_studies {
    background: url(../images/menu-studies.png) repeat-x;
    font-size: 12px;
    padding: 6px 0 0 0;
}

.menu_library {
    background: url(../images/menu-library.png) repeat-x;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 6px 7px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 2px 2px 0 0 !important;
}

#content .heading {
    font-size: 14px;
    font-weight: bold;
    color: #775197;
}

.heading {
    font-size: 14px;
    font-weight: bold;
    color: #775197;
}

.footer_left {
    float: left;
    width: 215px;
    padding-right: 20px;
}

.footer_left img {
    float: right;
    margin: 30px 0 0 0;
    background: #fff;
    padding: 8px 0;
}

.footer_right {
    float: left;
    width: 690px;
    line-height: 16px;
    padding-left: 20px;
}

.footer_right a {
    font-weight: bold;
    text-decoration: underline;
    color: #585858;
}

.footer_right p {
    font-size: 12px;
}

#home_newsleter img {
    width: 190px;
    margin: 0 0 8px 1px;
}

.topleft img {
    padding: 0 6px 0 0;
    line-height: 25px;
    vertical-align: middle;
}

.slider_content {
    float: right;
    width: 475px;
    height: 200px;
    overflow: hidden;
}

.tel {
    float: left;
    width: 120px;
}

.slider_fade {
    position: absolute;
    top: 0;
    right: 400px;
    width: 75px;
    height: 200px;
    background: url(../images/slider-fade.png) no-repeat;
    z-index: 9999;
}

.slider_content img {
    width: 475px;
    height: 200px;
}

.calendar ul {
    float: left;
    margin: 0;
    padding: 0;
}

.calendar ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.arts {
    float: left;
    margin: 5px 0 5px 0;
    font-size: 16px;
    color: #fd9f10;
}

.language {
    float: left;
    margin: 15px 0 5px 0;
    font-size: 16px;
    color: #498541;
}

.studies {
    float: left;
    margin: 15px 0 5px 0;
    font-size: 16px;
    color: #30459f;
}

.calendar ul li p {
    margin: 0 0 2px 0;
    padding: 0;
    line-height: 16px;
}

.calendar ul li a {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.searchBoxCon {
    float: right;
    width: 190px;
    margin: 0 0 0 10px;
}

.ebulletin {
    font-size: 11px;
}

.upcomingEvents {
    float: left;
    display: inline;
    width: 440px;
    height: 510px;
    margin: 10px 10px 0 0;
    padding: 10px;
    background: #fafafa;
}

.upcomingEvents h2, .latestNewsFunding h2 {
    margin: -10px -10px 15px -10px;
    padding: 7px 0 7px 10px;
    font-weight: normal;
    font-size: 18px;
    border: 0;
    outline: 0;
    background: none;
    background: #e2e2e2;
}

.fundingBlock {
    height: 289px;
}

.upcomingEvents h2 a, .latestNewsFunding h2 a {
    color: #585858;
}

.upcomingEvents ul {
    float: left;
    width: 440px;
    margin: 0;
    padding: 0;
}

.upcomingEvents ul li {
    float: left;
    width: 440px;
    margin: 0 0 30px 0;
    padding: 0;
    list-style-type: none;
    height: 128px;
}

.upcomingEvents ul li .imgWrap {
    float: left;
    width: 135px;
    margin-right: 15px;
}

.upcomingEvents ul li img {
    width: auto;
    max-width: 135px;
    max-height: 130px;
}

.fundingBlock, .latestNewsBlock {
    float: left;
    width: 240px;
    padding: 10px;
    background: #fafafa;
}

.fundingBlock h2 {
    margin: -10px -10px 15px -10px;
    border: 0;
}

.latestNewsBlock ul {
    margin: 0;
    padding: 0;
}

.latestNewsBlock ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.latestNewsBlock ul li p {
    font-size: 13px;
}

.latestNewsBlock ul li a {
    color: #686868;
}

.latestNewsBlock ul li b {
    padding: 0 8px 0 0;
    color: #6b6b6b;
}

.latestNewsBlock .date {
    float: left;
    margin: 0 10px 0 0;
    font-weight: bold;
    width: 50px;
}

.latestNewsBlock .title {
    float: left;
    width: 180px;
}

.latestNewsBlock .title:hover {
    text-decoration: underline;
}

.latestNewsBlock .title:hover  b {
    text-decoration: none;
}

.latestNewsBlock .archives {
    float: right;
    padding: 7px 0 7px 0;
    color: #8d61b6;
}

.latestNewsFunding {
    float: left;
    display: inline;
    width: 240px;
    margin: 10px 30px 0 0;
}

.fundingBlock h3 {
    margin: 13px 0 5px 0;
    font-weight: normal;
}

.fundingBlock h3 a {
    color: #585858;
}

.fundingBlock ul {
    margin: 0;
    padding: 0;
}

.fundingBlock ul li {
    margin: 0 0 4px 0;
    padding: 0;
    list-style-type: none;
    color: #b4b4b4;
}

.fundingBlock ul li:before {
    content: '> ';
}

.fundingBlock ul li a {
    color: #7c7c7c;
}

.fundingBlock ul li a:hover {
    text-decoration: underline;
}

#home_benyko_corner {
    float: left;
    display: inline;
    width: 196px;
    height: 516px;
    margin-top: 10px;
    padding: 7px;
    background: #fafafa;
}

#home_benyko_corner .word {
    width: 100%;
    height: auto;
}

.upcomingEvents ul li img {
    padding: 0 15px 15px 0;
    border: 0;
}

.upcomingEvents .title {
    float: left;
    width: 290px;
    margin: -2px 0 0 0;
    font-weight: bold;
    font-size: 18px;
}

.upcomingEvents .title:hover {
    text-decoration: underline;
}

.upcomingEvents .date {
    float: left;
    width: 290px;
    margin: 2px 0 4px 0;
    font-size: 14px;
    font-weight: bold;
}

.upcomingEvents .desc {
    float: left;
    width: 290px;
    margin: 2px 0 4px 0;
    font-size: 13px;
    color: #797979;
}

.upcomingEvents .readMore {
    display: block;
    padding: 4px 0 0 0;
    font-weight: bold;
}

.eventsArt .title, .eventsArt .readMore {
    color: #f99f33;
}

.eventsLanguage .title, .eventsLanguage .readMore {
    color: #3eb64f;
}

.eventsStudies .title, .eventsStudies .readMore {
    color: #5c5cac;
}

.findOutMore {
    color: #8d61b6;
    float: right;
}

.sliderLogo {
    float: left;
}

.tasterPackArticle table {
    border-spacing: 0;
    border-collapse: separate;
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}

.tasterPackArticle table th {
    background: #a6a6a6;
    color: #585858;
    border: 1px solid #7f7f7f;
    border-bottom: none;
    border-right: none;
    padding: 10px 0;
}

.tasterPackArticle table td {
    border: 1px solid #7f7f7f;
    border-bottom: none;
    border-right: none;
}

/* ------ T32489 ------ */

body #container .whatsOn h1 {
    color: #32449E;
    background-color: #E1E4FF;
    border: none;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.japanWebsite a.name {
    position: relative;
    top: -2px;
    left: 10px;
}

.boxListIcon {
    vertical-align: middle;
}

.imageWrapper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.imageWrapper img {
    width: 100%;
    height: auto;
}

.underline {
    text-decoration: underline;
}

.red {
    color: red;
}

.mangalogo {
    width: 110px;
    float: right;
    margin: 10px;
}

.resources:after{
    content: "";
    display: table;
    clear: both;
}

.halfArticle {
    width: calc(50% - 20px);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.halfArticle:nth-of-type(2n) {
    margin-right: 0;
}

.halfArticle:nth-of-type(2n + 3) {
    clear: both;
}

.halfArticle .resourceImage {
    margin: 10px 0;
}

.content_col_padding > p > a {
    display: inline-block;
}

.fundingWrapper.japaneseStudies .fs_studies {
    min-height: 212px;
}

.fundingWrapper.japaneseStudies .fs_studies:last-of-type {
    min-height: 0;
}