/*********************************************

  CSS styles (screen) for website layout
  
  (c) 2005 RSZdesign
  File created and modified by RSZdesign

 ********************************************/

a         { font-weight: bold; text-decoration: none; }
a:link    { background-color: transparent; color: #FEBC30; }
a:visited { background-color: transparent; color: #FEBC30; }
a:active  { background-color: transparent; color: #990000; }
a:hover   { background-color: transparent; color: #FED856; }

html {
    margin: 0;
    padding: 0;
    /* IE 6.x standard compliance mode horizontal scrollbar fix */
    overflow-x: visible;
    /* ----------------- */
}

body {
    margin: 20px 36px 20px 34px;
    padding: 0;
    background-color: #FFFFFF;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 130%;

    scrollbar-3dlight-color: #EFEFEF;
    scrollbar-arrow-color: #999999;
    scrollbar-base-color: #F7F7F7;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #EAEAEA;
}

h1 {  }
h2 { padding: 13px 4px 4px 30px; margin-bottom: 10px;
     background: transparent url("../images/header1.jpg") no-repeat; color: #345483;
     font-size: 150%; font-weight: bold; letter-spacing: -1px; }
h3 { padding: 4px; margin: 0 0 0.5em 0;
     background-color: #315682; color: #FFFFFF; font-size: 110%; }

p { margin: 0 0 1em 0; line-height: 175%; }

hr { border: solid 1px #EAEAEA; }

form { margin: 0; }

label { cursor: pointer; cursor: hand; }

input, textarea { font-family: Arial, Helvetica, sans-serif; }

textarea { font-size: 110%; }

table, input { font-size: 100%; }

th { text-align: left; cursor: default; }

img, a img { border: none; }

acronym, abbr, .help { border-bottom: 1px dashed #00CC00; }
@media screen {
    acronym, abbr, .help { cursor: help; }
}


/*** text formatting styles ***/

.tinytext   { font-size: 85%;  }
.smalltext  { font-size: 90%;  }
.normaltext { font-size: 100%; }
.bigtext    { font-size: 120%; }
.hugetext   { font-size: 150%; }
.errortext  { font-weight: bold; background-color: transparent; color: #FF0000; }
.warning    { background-color: transparent; color: #FF0000; font-weight: bold; }

.clear, .spacer { clear: both; height: 1px; white-space: nowrap; overflow: hidden; }
.hidden         { display: none; }

#messages {
    margin-bottom: 1em;
}

div.message {
    margin: 10px 0 0 0;
    padding: 20px;
    background-color: #F7F7F7;
    color: #666666;
    border-bottom: solid 2px #FEBC30;
    border-right: solid 2px #DDDDDD;
    font-weight: bold;
}

div.error { padding: 3px 8px 3px 8px; background-color: #EFEFEF; color: #FF0000; font-weight: bold; }


/*** EXTRA styles ***/

body.menu {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

body.copyright {
    margin: 0;
    padding: 0;
}

img.fleft       { float: left; margin-right: 10px; }
img.fright      { float: right; margin-left: 10px; }
.clear, .spacer { clear: both; }
div.spacer      { clear: both; height: 0px; overflow: hidden; }

div.section     { margin-bottom: 2em; clear: both; }
.infobox        { padding: 10px; background-color: #99CCFF; color: #FFFFFF; }


/*** LAYOUT styles ***/

#order-form {
    width: 380px;
    margin: 0px;
    padding: 20px;
    background-color: #F7F7F7;
    color: #666666;
    border-bottom: solid 2px #DDDDDD;
    border-right: solid 2px #DDDDDD;
}
#order-form p { margin: 0px; margin-bottom: 5px; }
#order-form input.text, #order-form textarea {
    border: solid 1px #DDDDDD;
    width: 100%;
}
#order-form .buttons { text-align: right; }
#order-form .buttons input {
    background-color: #FED856;
    background-image: url(../images/btn_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #FEBC30;
    font-size: 90%;
    font-weight: bold;
    color: #990000;
}

#explanation {
    padding: 4px;
    background-color: transparent;
    color: #CC0000;
    text-align: right;
    font-size: 90%;
}

/*** NEWS page / FRONTPAGE ***/
#introduction, #news-items, #other-news, #performances {
    padding-bottom: 2em;
    /* border: solid 1px #000; */
}

#introduction, #performances {
    line-height: 175%;
}
#introduction p { margin-bottom: 0px; text-align: justify; }

.news-item {
    background: #297E9D url("../images/newsitem-footer.jpg") repeat-x left bottom;
    color: #FFFFFF;
    width: 110px;
    float: left;
    margin-right: 5px;
    _height: 178px;
    min-height: 178px;
    text-align: center;
}

.news-item .thumbnail { text-align: center; margin-bottom: 5px; }
.news-item a          { background-color: transparent; color: #EAEAEA; font-weight: normal; }
.news-item a:hover    { background-color: transparent; color: #FFFFFF; }
.news-item p          { height: 100%; margin: 0; padding: 10px 4px 10px 4px;
                        background: transparent url("../images/newsitem-topright.jpg") no-repeat right top; }

#other-news table { width: 100%; }


#stats {
    margin: 1em 0 0 0;
    padding: 2px 4px;
    background-color: #f5f5f5;
    color: #d3d3d3;
    font-size: 90%;
    text-align: center;
}
#stats p { margin: 0; }


/*** Copyright frame styles ***/

#copyright {
    padding: 4px;
    padding-top: 0px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: transparent;
    color: #999999;
    text-align: center;
}
#copyright #copy2004      {}
#copyright #rszdesign     {}
#copyright #rszdesign img { vertical-align: middle; }


/*** left- and rightFrame bg styles ***/
.leftFrame {
    margin: 0px;
    /*
    background-color: #FFFFFF;
    background-image: url(../images/sides_stretch.jpg);
    background-attachment: fixed;
    background-position: right;
    background-repeat: repeat-y;
    color: #666666;
    */
    background-color: #297E9D;
    color: #FFFFFF;
}

.rightFrame {
    margin: 0px;
    /*
    background-color: #FFFFFF;
    background-image: url(../images/sides_stretch_right.jpg);
    background-attachment: fixed;
    background-position: left;
    background-repeat: repeat-y;
    color: #666666;
    */
    background-color: #297E9D;
    color: #FFFFFF;
}

.lf-top {
    height: 100%;
    _height: 100%;
    /*
    background-color: transparent;
    background-image: url(../images/side_left_top.jpg);
    background-attachment: fixed;
    background-position: top right;
    background-repeat: no-repeat;
    */
}

.rf-top {
    width: auto;
    height: 100%;
    _height: 100%;
    /*
    background-color: transparent;
    background-image: url(../images/side_right_top.jpg);
    background-attachment: fixed;
    background-position: top left;
    background-repeat: no-repeat;
    */
}