/* CSS style 
 * ------------------------------------------------------- */

body {
    background-color:#ECECEC;
    background-position: center;
    background-image:url(../images/background_body.gif);
    background-repeat:repeat-y;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    font-size:12px;
    color:#777;
}

/* Container 
 * ------------------------------------------------------- */

#container {
    width: 910px;
    margin-left: auto;
    margin-right: auto;
}

/* Header Section
 * ------------------------------------------------------- */

#header {
    background-color: #fff;
    margin: 10px;
    color: #111;
    float: left;
    padding: 10px 10px 10px 10px;
}

#logo {
    width: 100px;
    float: left;
}

#name {
    width: 700px;
    font-size: 22px;
    padding-top: 22px;
    float: left;
}

#title {
    width: 700px;
    font-size: 13px;
    padding-top: 5px;
    float: left;
}

/* Body Section
 * ------------------------------------------------------- */

#body {
    width: 910px;
    margin: 0 auto;
    margin-top: 0px;
    float: left;
}

/* Left Column of the Body
 * ------------------------------------------------------- */

#left-column {
    width: 610px;
    margin-left: 15px;
    float: left;
    padding: 10px 10px 10px 10px;
}

/* Menu Section
 * ------------------------------------------------------- */

#menu {
    float: left;
    color: #ececec;
    font-size: 12px;
    letter-spacing: 0.1ex;
    text-decoration: none;
    text-align: center;
    padding: 6px 16px 6px 16px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-image:url(../images/background_menu.gif);
    background-repeat:repeat-x;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}

#menu-home, #menu-research, #menu-publication, #menu-project, #menu-team {
    float: left;
    border-right: 1px solid black;
}

#menu-database {
    float: left;
}

#menu-home { width: 63px; }
#menu-research { width: 93px; }
#menu-publication { width: 113px; }
#menu-project { width: 83px; }
#menu-team { width: 63px; }
#menu-database { width: 123px; }

#menu-home a, #menu-research a, #menu-publication a, #menu-project a, #menu-team a, #menu-database a {
    color: #303030;
    text-decoration: none;
}

#menu-home a:hover, #menu-research a:hover, #menu-publication a:hover, #menu-project a:hover, #menu-team a:hover, #menu-database a:hover{
    color: #191919;
    font-weight: bold;
    text-decoration: none;
}

/* Content Section 
 * ------------------------------------------------------- */

#content {
    margin-top: 25px;
    width: 582px;
    font-size: 13px;
    color: black;
    line-height: 1.5em;
    line-height: 1.5em;
    float: left;
    padding: 0px 0px 20px 0px;
}

#content a {
    color: #165090;
    text-decoration: none;
}


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

#content img {
    border: 0px;
}

#content pre {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}

/* Right Column of the Body
 * ------------------------------------------------------- */

#right-column {
    width: 200px;
    float: left;
    padding: 20px 30px 10px 10px;
}


/* Photo Section 
 * ------------------------------------------------------- */

#photo img {
    width: 220px;
    border: 0px;
}

#photo a {
    border: 0px;
}


/* Contact Section
 * ------------------------------------------------------- */

#brief-contact {
    width: 229px;
    margin-top: 5px;
    border-left: 1px solid #ECECEC;
    color:#111;
}

#brief-contact-main {
    padding: 15px 10px 0px 5px;
}

#brief-contact-main a {
    color: #165090;
    text-decoration: none;
}

#brief-contact-main a:hover {
    color: #165090;
    text-decoration: underline;
}

#brief-contact-subtitle {
    padding: 15px 10px 2px 5px;
}

#brief-contact-subsection {
    padding: 3px 10px 2px 5px;
}

#brief-contact-subsection a{
    color: #165090;
    text-decoration: none;
}

#brief-contact-subsection a:hover {
    color: #165090;
    text-decoration: underline;
}


#brief-contact-detail {
    padding: 15px 10px 15px 5px;
}

#brief-contact img {
    border: 0px;
}

#brief-contact-detail a{
    color: #165090;
    text-decoration: none;
}

#brief-contact-detail a:hover {
    color: #165090;
    text-decoration: underline;
}

/* Footer section 
 * ------------------------------------------------------- */

#footer {
    width: 908px;
    float: left;
    margin: auto;
    color: #222;
    letter-spacing: 0.3ex;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;    
    padding-bottom: 30px;    
    border-top: 1px solid #222;
}

#footer a {
    color: #222;
    text-decoration: none;
}

#footer a:hover {
    color: #222;
    text-decoration: none;
}