/* --------------------------------------------------------------*/
/* screen css */
/* ------------------------------------------------------------- */

/* --------------------------------------------------------------*/
/* general */
/* --------------------------------------------------------------*/

html { 
    height              : 100%;
    font-size           : 100%;
}

body {
    background-image    : url(../images/languages_bg.gif);
    background-repeat   : repeat-x;
    background-color    : #f0f0f0;
    color               : #666;
    font-family         : Arial, Verdana, Sans-Serif;
    font-size           : 0.7em;
    font-weight         : normal;
    text-align          : center;
    padding             : 0;
    margin              : 0;
}

#container {
    width               : 967px;
    text-align          : left;
    padding             : 0;
    margin              : 0px auto;
}

h1, h2, h3, h4, h5, h6 {
    color               : #660000;
    font-size           : 1.4em;
    font-weight         : bold;
    padding             : 8px 0px;
    margin              : 0;
}

h2, h3, h4, h5, h6 {
    font-size           : 1em;
}

p {
    padding             : 8px 0px;
    margin              : 0;
}

a {
    color               : #660000;
    text-decoration     : none;
}

.csc-textpic-caption {
    font-size           : 0.9em;
    padding             : 0px 0px 5px 0px;
    margin              : 0;
}

.align-center {
    text-align          : center;
}

/* --------------------------------------------------------------*/
/* table */
/* --------------------------------------------------------------*/

.contenttable,
.csc-uploads {
    border-spacing      : 0px;
    border-collapse     : collapse;
    padding             : 0;
    margin              : 0px 0px 10px 0px;
}

.contenttable td {
    vertical-align      : top;
}

.contenttable th,
.contenttable td p,
.csc-uploads td p {
    padding             : 2px 4px 2px 4px;
}

table p {
    padding             : 0;
    margin              : 0;
}

/* --------------------------------------------------------------*/
/* forms */
/* --------------------------------------------------------------*/

form {
    padding             : 0;
    margin              : 0;
}

input,
textarea,
select {
    font-family         : Arial, Verdana, Sans-Serif;
    font-size           : 1em;
    margin-bottom       : 5px;
    border              : 1px solid #660000;
}

.csc-mailform-check {
    float               : left;
    border              : none;
}

.csc-mailform-radio {
    border              : none;
}

.csc-mailform-submit {
    margin-top          : 5px;
}

/* --------------------------------------------------------------*/
/* img thumbnail/enlarge */
/* --------------------------------------------------------------*/

.img_thumbnail {
    position            : relative;
    width               : 176px;
    text-align          : center;
    float               : left;
}

.img_thumbnail .img_large {
    position            : absolute;
    top                 : 0;
    left                : 0;
    background-color    : #fff;
    display             : none;
}

.img_thumbnail:hover .img_large,
.wrap span.sfhover .img_large {
    display             : block;
}

/* --------------------------------------------------------------*/
/* languages */
/* --------------------------------------------------------------*/

#languages {
    height              : 62px;
}

#languages ul {
    list-style-type     : none;
    padding             : 40px 0px 0px 107px;
    margin              : 0;
}

#languages li {
    white-space         : nowrap;
    padding             : 0px 7px 0px 0px;
    margin              : 0;
    display             : inline;
}

/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/

#header {
    position            : relative;
    height              : 250px;
}

/* --------------------------------------------------------------*/
/* logo */
/* --------------------------------------------------------------*/

#logo {
    color               : #660000;
    width               : 135px;
    text-align          : right;
    padding             : 25px 0px 0px 20px;
}

* html #logo .csc-textpic {
    border              : 1px solid #f0f0f0;
}

/* --------------------------------------------------------------*/
/* banner */
/* --------------------------------------------------------------*/

#banner {
    position            : absolute;
    top                 : -26px;
    right               : -1px;
    width               : 796px;
    height              : 275px;
    border              : 1px solid #fff;
}

* html #banner {
    right               : -2px;
}

/* --------------------------------------------------------------*/
/* navigation_header */
/* --------------------------------------------------------------*/

#navigation_header {
    background-image    : url(../images/navigation_header_bg.gif);
    background-repeat   : repeat-x;
    height              : 18px;
    padding             : 2px 0px;
    margin-left         : 220px;
    border-top          : 1px solid #fff;
}

ul.menu, ul.menu ul {
    list-style-type     : none;
    padding             : 0;
    margin              : 0;
}

ul.menu a,
ul.menu li.active ul li a {
    color               : #fff;
    font-weight         : normal;
    padding             : 2px 15px;
    display             : block;
}

ul.menu a:hover,
ul.menu li.active,
ul.menu li.active ul li a:hover {
    background-image    : url(../images/menu_li_active_bg.gif);
    background-repeat   : repeat-x;
    color               : #660000;
}

ul.menu li.active a {
    color               : #660000;
}

ul.menu li {
    white-space         : nowrap;
    padding             : 0;
    margin              : 0px 10px;
    float               : left;
}

ul.menu ul {
    background-image    : url(../images/menu_ul_bg.gif);
    background-repeat   : repeat-x;
    position            : absolute;
    z-index             : 1;
    background-color    : transparent;
    min-width           : 100px;
    padding             : 5px 0px 0px 0px;
    display             : none;
    border-bottom       : 1px solid #fff;
}

* html ul.menu ul {
    width               : 120px;
}

ul.menu ul.hover,
ul.menu li.hover ul,
ul.menu li:hover ul,
ul.menu li.sfhover ul {
    display             : block;
}

ul.menu ul li {
    background-color    : transparent;
    padding             : 0px 0px 5px 0px;
    margin              : 0;
    float               : none;
    border-left         : 1px solid #fff;
    border-right        : 1px solid #fff;
}

ul.menu ul li.first {
    padding-top         : 5px;
    border-top          : 1px solid #fff;
}

/* --------------------------------------------------------------*/
/* middle */
/* --------------------------------------------------------------*/

#middle {
    background-image    : url(../images/container_bg.gif);
    background-repeat   : repeat-y;
    min-height          : 300px;
    height              : auto !important;
    height              : 300px;
    padding             : 0;
    margin              : 0;
}