@charset "UTF-8";

body {
    margin:0;
    padding:10px 0 0 0;
    background:url(../images/body_back.png) 0 0 repeat-x #FAFAF3;
    font-family:Helvetica,Arial,Sans-Serif;
}

#wrapper {
    width:880px;
    margin:0 auto;
/*background:url(../images/wrap_back.png) 0 0 repeat-y;*/
}

/* ========== header ========== */

#header {
    padding:50px 0 0 0;
}

#header:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

* html #header {
    height:1px;
/*
  height: auto;
  overflow: hidden;
  */
}

#header #CI {
    float:left;
    width:330px;
    margin-left:20px;
}

#header #nav {
    float:left;
    width:auto;
    padding: 15px 0 15px 0;
    border-width:0px;
    border-style:solid;
    color:#000;
    border-radius: 10px;
}

#header #nav ul li {
    float:left;
    width:175px;
    font-size:110%;
    font-weight:normal;
}

#header #nav ul li a {
    display:block;
    margin:0 15px;
    padding: 3px 0 3px 0;
    text-align:center;
    border-radius: 10px;
    font-weight:bold;
    /*text-decoration:none;*/
}

#header #nav ul li a:link {
    color:#2A211C;
}

#header #nav ul li a:visited {
    color:#2A211C;
}

#header #nav ul li a.selected {
    font-weight:normal;
    color: white;
    background-color: #2A211C;
    border-color: #aaaaaa;
    border-width: 1px;
    border-style: solid;
}

/*
#header #nav ul li a:hover {
    background-color:#D9D9D9;
}
*/

/* ========== contentHead ========== */

#contentHead {
    margin:50px 0 0px 0;
}

#contentHead:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

* html #contentHead {
    height:1px;
/*
  height: auto;
  overflow: hidden;
  */
}

#contentHead h2 {
    text-indent: 1em;
    padding:7px 0px 7px 0px;
    margin-bottom: 10px;
    float:center;
    width:880px;
    font-size:180%;
    line-height:1;
    background-color:#dddddd;
    border-radius: 15px;
}

/* ========== section ========== */

div.section {
    padding:20px 0 0 0;
}

div.section:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

* html div.section {
    height:1px;
/*
  height: auto;
  overflow: hidden;
  */
}

div.section h3 {
    float:left;
    margin-left: 3%;
    width:240px;
    padding:0 0 0 10px;
    font-size:120%;
    font-weight:bold;
    line-height:1;
    background:url(../images/h2_blit.png) 0 0.3em no-repeat;
}

div.section li {
    margin-left:10px;
    margin-top: 5px;
    padding:0 0 0 7px;
    background:url(../images/h2_blit.png) 0 0.3em no-repeat;
    line-height:1;
}

hr {
    margin-top:20px;
    width:95%;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #aaaaaa;
    height: 1px;
}

/* --- div.text --- */

div.section div.text {
    float:right;
    width:605px;
}

div.section div.text p {
    margin-top:8px;
    margin-bottom:8px;
    font-size:100%;
    line-height:1.5;
}

div.section div.text img {
    display:block;
    margin-bottom:8px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

div.section div.text div.news img {
    margin-top: 10px;
    border: 1px solid;
}

div.section div.text iframe {
    margin-top: 10px;
    border: 1px solid;
}

div.section div.text div.shortbio {
    width: 300px;
    float: left;
    text-align: center;
}

div.section div.text div.shortbio img {
    border: 1px solid;
}

div.section div.text div.shortbio li {
    text-align: left;
    margin: 0 10px 0 20px;
    background:url(../images/h2_blit.png) 0 0.5em no-repeat;
}

/* ========== toTop ========== */

div#toTop {
    padding:40px 0 30px;
    text-align:right;
}

/* ========== footer ========== */

#footer {
    padding:15px 0 15px 0;
    background:url(../images/foot_back.png) 0 0 repeat-x #2A211C;
}

#footer div#footContent {
    width:880px;
    margin:auto;
}

div#footContent:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

div#footContent {
    min-height:1px;
}

* html div#footContent {
    height:1px;
/*
  height: auto;
  overflow: hidden;
  */
}

#footer div#footContent p {
    float:left;
    width:400px;
    height:20px;
    padding:20px 0 0 130px;
    background:url(../images/foot_logo.png) 0 0 no-repeat;
    color:#FFF;
    font-size:85%;
    line-height:1;
}

#footer div#footContent p img {
    margin:0 5px 0 0;
}

#footer div#footContent ul {
    float:right;
    width:300px;
    margin:8px 0 0 0;
    text-align:right;
}

#footer div#footContent ul li {
    display:inline;
    margin:0 2px 0 0;
}

/* ========== common class ========== */

.clearfix:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

.clearfix {
    min-height:1px;
}

* html .clearfix {
    height:1px;
/*
  height: auto;
  overflow: hidden;
  */
}