/*LAYOUT*/
body
{   font-family: Arial,Helvetica,sans-serif;
    font-size:0.9em;
}

#page
{   width:760px;
    margin:0px auto;
}

#header
{   background:url(../images/bg_head.jpg) no-repeat #FFF;
    height:47px;
    margin:0px 0px 10px 0px;
    padding:13px 0px 0px 10px;
    position:relative;
}

#header ul.languages
{   
    position:absolute;
    right:4px;
    top:2px;
}

#header ul.languages li
{   float:left;
    padding-left:7px;
    font-size:66%;
    background:url('../images/white_bullet.gif') no-repeat 0px 4px;
    margin-left:8px;
}

ul.topmenu li
{    cursor:pointer;
}

#header ul.topmenu
{   
    position:absolute;
    right:10px;
    bottom:2px;
}

#header ul.topmenu li
{   float:left;
    background:#C1181F;
    padding:3px;
    font-size:90%;
    border-left:1px solid #EEE;
    text-align:center;
    width:140px;
    height:16px;
}

#header ul li, #header ul li a:link, #header ul li a:active, #header ul li a:visited
{   color:#FFF;
}

#header ul.topmenu li.current, #header ul.topmenu li.hover
{   background:url(../images/red_grad.jpg) repeat-x #C1181F;
}

#sidebar
{   width:136px;
    float:left;
}

#sidebar ul
{   margin-bottom:20px;
}

#sidebar ul li
{   background:url(../images/bullet.gif) no-repeat 4px 10px;
    font-size:80%;
    padding:5px 0px 5px 13px;
    border-bottom:1px solid #CC0000;
    cursor:pointer;
    width:123px;
}

#sidebar ul li.hover, #sidebar ul li:hover, #sidebar ul li.current {
    background-color:#D24D50;
    }

#sidebar ul li:hover a, #sidebar ul li.current {
    color:#F7A016;
}


#main
{   background:url(../images/gray_grad.jpg) repeat-y;
    width:100%;
}

#page.top #main
{   background:none;
}

#contents
{   float:left;
    width:600px;
    padding:1px 0px 6px 10px;
    margin:0 0 5px 0;
}

.public #contents
{   font-size:92%;
}

#page.top #contents
{   width:100%;
}


#footer
{   background:#C1181F;
    clear:both;
    font-size:70%;
    color:#FFF;
    padding:3px;
    text-align:right;
}

.clear
{   clear:both;
}

div.clear
{   height:0px;
}

.center
{   text-align:center;
}

#contents ul.crumbs
{   margin:0 0 10px 0px;
}

#contents ul.crumbs li
{   font-size:80%;
    display:inline;
    padding:0px;
    background:none;
}

#page.public #contents a:link, #page.public #contents a:visited, #page.public #contents a:active, #tinymce a:link, #tinymce a:visited, #tinymce a:active
{   color:#5F85EE;
    text-decoration:underline;
}


/*BASIC TAGS*/

a:link, a:visited, a:active
{   color:#000;
    text-decoration:none;
}

a:hover
{   color:#F7A016;
}

h1
{   font-size:170%;
    font-weight:bold;
    color:#FFF;
    float:left;
}

h2
{   font-size:100%;
    font-weight:bold;
    color:#FFF;
    padding:5px;
    background:#C1181F;
}

h2 a:link, h2 a:visited
{   color:#FFF;
    text-decoration:none;
}

h3
{   font-size:200%;
    font-weight:bold;
    border-left:5px solid #C11C23;
    padding:0px 0px 0px 3px;
    margin-bottom:25px;
    color:#666;
}

h4
{   background:url(../images/big_red_bullet.gif) no-repeat 0px 5px;
    padding-left:10px;
    font-size:130%;
    font-weight:bold;
    margin-bottom:5px;
    margin:15px 0 5px;
}

h5
{   font-weight:bold;
    margin:12px 0px 2px 0px;
    color:#DA777B;
}


label
{   display:block;
    font-weight:bold;
    margin-top:8px;
    font-size:90%;
}

table
{   margin:5px 0px;
    border:none;
    font-size:90%;
}

table th
{   border-right:solid 1px;
    border-color:#555;
    margin-right:40px;
    font-weight:bold;
}

table td, table th
{   padding:4px;
    vertical-align:text-top;
}

fieldset
{   border:solid 1px #BBF;
    margin:5px 0px;
    padding:3px;
}

strong
{   font-weight:bold;
}

#contents p, #tinymce p
{   margin:0 0 5px 0;
    line-height:140%;
}

#contents ul, #tinymce ul
{   padding:0px;
    margin:0px;
}

#contents li, #tinymce li
{   list-style-type:none;
    padding-left:15px;
    margin-bottom:4px;
    background:url('../images/bullet.gif') no-repeat 2px 4px;
}


div.archive_scroll
{   height:350px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    width:99%;
    padding-right:15px;
}

div.archive_nonscroll div.archive_scroll
{   height:auto;
}

#summaries .archive_scroll
{   height:150px;
}

#summaries #ir_news_archive .archive_scroll
{   height:340px;
}

table.archive
{   border:none;
    margin:5px 0px 30px 0px;
    background:url(../images/line.gif) repeat-x left bottom;
    width:100%;
}

table.archive td, table.archive th
{   border:none;
    padding:7px;
    font-weight:normal;
}

table.archive th
{   width:15%;
}

table.archive .date
{   background:url(../images/red_bullet.gif) no-repeat 0px 6px;
    padding-left:10px;
}

table.archive tr
{   background:url(../images/line.gif) repeat-x 0px 0px;
}

table.data
{   font-size:90%;
}

table.data th
{   width:20%;
}

table.data td
{   padding-left:8px;
}

.remark, .remark a:link, .remark a:visited
{   color:#777;
}


#page.public form
{   padding:10px;
    border:1px solid #CCC;
}

.caution
{   font-weight:normal;
    color:#EE0000;
}

.thank_you
{   font-weight:bold;
    color:#333333;
    font-size:120%;
}

.policy_text
{   height:300px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #CCC;
    padding:5px;
}

.policy_text.short
{   height:auto;
}

.accept
{   background:url(../images/line.gif) repeat-x 0px top;
    padding-top:10px;
    margin-top:10px;
    text-align:center;
}

#job_application_resume
{   width:100%
}

.example
{   color:#777;
    font-size:80%;
}

div.fieldWithErrors 
{   display:inline;
}

.fieldWithErrors label
{   color:#FF3333;
}

div.fieldWithErrors textarea, div.fieldWithErrors select, div.fieldWithErrors input {
  border: solid 1px #FF3333;
}

.button, .button:focus 
{   font-weight:bold;
    font-size:120%;
    background:#ECEBEB url(../images/fade-butt.png) repeat-x scroll 0% 0%;
    border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
    border-style:double;
    border-width:3px;
    color:#333333;
    padding:0.20em;
    display:block;
    width:100%;
    margin-top:5px;
}

.button.small,.button.small:focus
{   width:90px;
    /*float:left;*/
    border-width:3px;
    font-size:100%;
    margin:4px 0px;
    padding:4px;
    font-weight:normal;
    display:inline;
}

.button
{   cursor:pointer;
}


label.inline
{   font-weight:normal;
    display:inline;
}

.right
{   float:right;
}

.left
{   float:left;
}

img
{   margin-bottom:2px;
}

img.left
{   margin-right:5px;
}

img.right
{   margin-left:5px;
}

.section
{   background:url(../images/line.gif) repeat-x 0px bottom;
    margin-bottom:5px;
    padding:0 0 10px 0;
}

.to_top
{   clear:both;
    padding:4px;
    text-align:right;
    font-size:90%;
}

.caption
{   font-size:90%;
    color:#666666;
    padding-left:8px;
}

.name
{   font-weight:bold;
    padding-right:7px;
}

.inset
{   width:182px;
    float:left;
    margin-right:10px;
    font-size:90%;
}

.inset.small
{   width:120px;
}

.right_inset
{   float:left;
    width:400px;
}

.right_inset.wide
{   width:440px;
}

.right_inset h5, .right_inset h4, .policy_text h5
{   margin-top:0px;
}

.person_profile
{   color:#555;
}

.english_name
{   display:block;
    font-size:80%;
    padding-top:2px;
}

.board_description
{   float:left;
    margin-right:10px;
    width:277px;
}

.map
{   padding-left:180px;
}

img.framed
{   padding:2px;
    border:1px solid #CCC;
}

#contents .reference
{   background:url("../images/bullet_go.gif") no-repeat 0px 2px;
    margin:5px 0 10px 0;
    padding-left:20px;
}

/* TOP PAGE*/

#top_main
{   width:610px;
    float:left;
}
#top_sidebar
{   float:left;
    width:138px;
    text-align:center;
}

#top_sidebar ul.topmenu
{   margin-top:30px;
}

#top_sidebar ul.topmenu li
{   background:url(../images/red_button.gif) no-repeat 0px 4px;
    width:133px;
    height:32px;
    padding:19px 0 0 1px;
    font-size:90%;
    margin:0px;
}

#page.public #contents #top_sidebar ul.topmenu li a:link, #page.public #contents #top_sidebar ul.topmenu li a:visited
{   color:#FFF;
    text-decoration:none;
}

ul.page_menu li
{   float:left;
    width:205px;
    margin-right:30px;
}


#whats_new
{   float:left;
    width:280px;
    margin:0px 0px 0px 10px;
}

#whats_new h3
{   font-size:100%;
    border:none;
    background:#B40808;
    color:#FFF;
    margin:0px;
    padding:2px;
}

#whats_new .archive_scroll
{   height:310px;
    width:95%;
}

#whats_new table.archive
{   font-size:90%;
}

#whats_new table.archive .date 
{    background:transparent url(../images/red_bullet.gif) no-repeat scroll 0 4px;
}

#whats_new table.archive th
{   width:32%;
    font-size:90%;
}

table.calendar
{   width:100%;
    border:1px solid;
    border-color:#AAA;
}

table.calendar td
{   padding:5px;
}

table.calendar td, table.calendar th
{   border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    border-color:#AAA;
}

table.calendar .year
{   font-size:140%;
    font-weight:bold;
    text-align:center;
    background:#E8E8E8;
}

table.calendar .year td
{   padding:5px;
}