BODY {background:url(/images/css/body.gif) 0 0; font-size:62.5%; font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; margin:0 auto; padding:20px; position:relative; color:#333}

TABLE {border-collapse:collapse; margin:10px 0; width:100%}
TD, TH {font-size:140%; text-align:left; padding:6px 10px}
TH {background:#a9a5a0; color:#fff}
.odd TD {background:#e2dcd6}

OL, UL {padding:0; margin:5px 0 12px 32px}
LI {font-size:140%; margin:0; padding:0 0 5px}
LI P, LI LI {font-size:100%}

A {color:#666; text-decoration:none}
A:hover {color:#c00 !important}
A IMG {border:none}

H1 {margin:0; padding:0; font-weight:normal}

.rel {position:relative}
.abs {position:absolute; display:block}
.fl {float:left}
.fr {float:right}
.center {text-align:center}

.cl {width:100%; height:1px; overflow:hidden; clear:both}
.clLine {background:#b6ada4}

#total {margin:0 auto; min-width:920px; max-width:1240px; background:#f0eae4; position:relative;}

.tLine {background:url(/images/css/shadow_top.png)}
.bLine {background:url(/images/css/shadow_bottom.png)}
.lLine {background:url(/images/css/shadow_left.png); width:9px; left:-9px}
.rLine {background:url(/images/css/shadow_right.png); width:9px; left:100%}

.tLine, .bLine {position:relative; height:9px; width:100%; margin:0 auto;min-width:920px; max-width:1240px;}
.rLine, .lLine {position:absolute; height:100%; top:0}

.header {height:294px}
.greyLine {filter:alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55; opacity: 0.55; background:#000; height:72px; bottom:0; left:0; width:100%}
.pageTitle {top:240px; left:20px; font-size:36px; color:#000}
.pageTitle DIV {position:absolute; top:-3px; left:-1px; color:#fff}
/*.pageTitle A, .pageTitle A:hover {color:#fff !important}*/


.headLinks {top:232px; right:20px; text-align:right}

.menu {padding:31px 20px 0 20px; height:30px; border-bottom:2px solid #a9a5a0; font-size:18px; background:#e3e0da}
.menu A:hover {color:#54aefe !important}
.menu DIV {float:left; border-left:2px solid #d1cec8; padding:2px 12px 0; height:23px}
.menu .fr {float:right; border:none; padding-right:0}
.menu .noBorder {border:none}
.menu .active {border:solid #a9a5a0; border-width:2px 2px 0; position:relative; height:30px; background:#f0eae4; top:-11px; padding:11px 12px 0}
.menu .active B, .menu .active I {display:block; position:absolute; top:-2px; width:7px; height:7px; overflow:hidden}
.menu .active B {background:url(/images/css/menu_cl.gif); left:-2px}
.menu .active I {background:url(/images/css/menu_cr.gif); margin-left:100%; left:-5px}
.menu .home A {background:url(/images/css/icons/home.gif); width:27px; height:23px; display:block; position:relative; top:-1px}
.menu .home A:hover {background-position:0 23px}

.block1f3 {width:33%}
.sub {margin:20px; padding:0}
.block2f3 {width:66%}

.sub .corner {background:url(/images/css/corners_left.gif) no-repeat 0 0}
.sub .corner DIV, .sub .corner A {background:url(/images/css/corners_right.gif) no-repeat 100% 0; height:118px; display:block}
/*.titleLink {font-size:18px; padding:0 0 0 9px; position:relative; color:#000; background:url(/images/css/brick.gif) no-repeat 0 4px; font-weight:bold}*/
.titleLink {font-size:18px; padding:0 0 0 9px; position:relative; color:#000; background:url(/images/css/brick.gif) no-repeat 0 5px; font-weight:bold}
.titleLink A, .text .titleLink A {color:#000; text-decoration:none}
/*.titleLink B {background:url(/images/css/brick.gif) no-repeat; width:5px; height:12px; overflow:hidden; position:absolute; left:0; top:6px; display:none; padding:0; margin:0}*/
.titleLink I {background:url(/images/css/arrowRight.gif) no-repeat 0 60%}
.announces .sub P {font-size:140%; font-style:italic; margin:0; padding:0}

.text P {font-size:140%; margin:0 0 16px; padding:0}
.text P.preUL {margin-bottom:5px}
.text A {color:#023f98; text-decoration:underline}
.text .h1, .text H1 {font-size:240%; margin-bottom:13px; font-weight:bold}
.text H2 {font-size:160%; margin:17px 0 5px; font-weight:bold; clear:both}
.text H3 {font-size:140%; margin:14px 0 5px; font-weight:bold}
.text table {clear:both; margin-bottom:25px;}
.text li p {font-size:100%;}

.block2f3 .imgAround {width:50%; margin:0 0 20px 20px; height:260px; background-repeat:no-repeat; background-position:50% 50%}
.mapOfJapan {background-position:5% 50%; background-repeat:no-repeat}

.border {border:1px solid #ccc; padding:20px 0}

.yena {background:url(/images/css/course.gif) no-repeat 0 0; padding:2px 0 0 65px; font-size:120%; height:54px}
.yena .pair, .yena .current, .yena .currentVal, .yena .change {float:left; width:45px; text-align:right; padding:1px 0}
.yena .currentVal {width:88px}
.yena .pair {width:60px; text-align:left}
.yena .green {color:#090}
.yena .red {color:#900}
.yena .dash {clear:left; background:url(/images/css/dash.gif); width:150px; height:1px; overflow:hidden}

.iconLink {padding-left:65px; height:54px}
.iconLink A {color:#023f98; text-decoration:underline}
.iconLink P {font-size:110%; margin:0; padding:0}
.iconLink .fLink {font-size:140%; margin:0 0 2px}

.plane {background:url(/images/css/flight.gif) no-repeat 0 0}
.umbrella {background:url(/images/css/umbrella.gif) no-repeat 0 0}

.dateList P {margin:0 0 10px; font-size:140%; padding:0}
.dateList .date {color:#999; font-size:110%; margin:5px 0 0; padding:0}

.cite {margin-top:34px; font-style:italic; font-size:140%}
.cite .laquo {background:url(/images/css/laquo.gif); width:55px; height:39px; top:-14px; left:-14px; z-index:1}
.cite .citeText {z-index:2; background:url(/images/css/raquo.gif) no-repeat 100% 100%; margin-bottom:5px}
.cite .author {font-weight:bold; text-align:right}

.flickr {margin:20px; background:url(/images/css/flickr.gif) no-repeat 0 100%; padding-left:20px; height:100px}
.flickr UL {list-style:none; margin:0; padding:0}
.flickr UL LI {float:right; padding:0; margin:0; width:14.2%}
.flickr A {display:block; margin:0 0 0 20px; height:94px; border:3px solid #aba7a2; text-align:center; background-position:50%}

.searchText {margin-right:71px; padding-right:4px; background:url(/images/css/searchText.gif) no-repeat 100% 0}
.search .text {background:url(/images/css/searchText.gif) no-repeat; height:22px; width:185px; padding-left:2px; font-size:12px; border:none; color:#999; width:100%}
.search .submit {background:url(/images/css/searchButton.gif); width:61px; height:22px; font-size:12px; color:#333; border:none; padding:0; top:0; right:0}

.half {width:50%; float:left}
.linkBlock {margin:0 20px 19px 0}
.linkBlock B {font-size:160%}
.linkBlock P {margin:0 0 0 16px}

.pager {margin:40px 0 20px; font-size:160%; color:#023f98}
.pager A, .pager B, .pager SPAN {margin-right:8px}
.pager .first {margin-left:3px}
.pager .last {margin-right:3px}
.pager B {color:#333}

.footer P {font-size:12px}
.footer A {color:#224fa0; text-decoration:underline}
.footer .links {color:#333}

.imgLink {display:block; width:100%; height:250px; top:10%; background:url(/images/css/e.gif)}

/* Error Styling ========================== */

#errorExplanation {
  border: 2px solid red;
  /*padding: 7px;*/
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2, .question #total .text #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  /*margin: -7px;*/
  background-color: #c00;
  color: #fff;
  margin-top:0;
}

#errorExplanation p {
  color: #333;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
}

.fieldWithErrors {
  display: inline;
}

.fieldWithErrors input, .form_list ul.label_smoll li .fieldWithErrors input {
  padding: 2px 0 2px 0 !important;
  padding: 0;
  border: 2px solid red;
  background-color: #f0f0f0;
}