/*
*  Last edition:  08.03.2004
*  Creation date: 21.01.2004
*/

/*****************
* Global styles: *
*****************/

/*****  Description  *****

 #top       - menu line at very top
 #logo      - stripe under #top, contains logo
 #main      - main table under #logo, contains time stamp, greeting, 3 columns
 .l, .r     - left & right parts of #main. must have constant width
 #bottom    - bottom stripe with copyrights, etc
 #onsite    - div in 'on site' section
 .inpsite   - input in #onsite
 #help      - div in 'help' section
 #slicemenu - slice menu at the top (div)
 #cursec    - div - current section in 'on site'
 #menu      - table under #cursec
 .navig		-
 #cen		- central td
 .poll		-
  
*/

/* width, min-width, height, margin, padding: */
form, body {margin: 0px; padding: 0px}
hr {height: 1px; margin: 1px; padding: 1px}
#top {min-width: 760px; height: 32px}
#logo {width: 100%; min-width: 660px; height: 80px; color:#000000}
.l, .r {width: 170px}
/*#cen {width: 100%}*/
#main #cen, .bot td.l, .bot td.r {height: 428}
#bottom {padding-top: 10px; padding-bottom: 10px}
#onsite {margin-bottom: 7px}
#onsite form {margin: 3px; padding: 0px}
.inpsite {width: 140px; height: 19px}
#help {margin: 7px; margin-bottom: 10px}
#slicemenu {margin: 3px; margin-bottom: 10px; padding: 3px; margin-top: 0px; padding-top: 0px}
#cursec {width: 168px; margin: 1px; padding: 1px 0px 1px 0px}
#menu {width: 170px; margin-bottom: 10px}
#menu a {width: 170px; margin: 0px; padding: 3px; padding-left: 10px}
#menu a.sec {padding-left: 5px}
/*.navig {width: 100%; margin: 0px; padding: 0px}*/
#polltable {width: 470px; background: #9FA7B5}
#cen #polltable td {vertical-align: middle}
.foto {width: 200px}

/* Font, text-decoration -align: */
#top {font: 12px Verdana; text-align: left}
#top a, #bottom a {font: bold 12px Verdana; text-decoration: none}
#top a:hover, #bottom a:hover{text-decoration: underline}
#logo {font: 12px Tahoma}
body, #main td, #bottom {font: 10px Verdana; text-align: center; vertical-align: top}
#main .bot td {text-align: left}
.quest a, #polltable td {font: 14px Verdana}
.inpsite {font: 10px Verdana}
#cursec {font: bold 10px Verdana}
#menu a {font: 10px Verdana; text-decoration: none}
#menu a.sec, #main #slicemenu a {font: 11px Verdana}
#slicemenu {font: 9px Verdana; color: #696969}
.navig {text-align: center; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; margin: 0px; padding: 2px; font: 9px Verdana; color: #696969; background: #F4E186}
#main #slicemenu .navig a, .navig a {font: 9px Verdana; text-decoration: none}
#main #slicemenu .navig a:hover, .navig a:hover {background: #FFEFD5}
#main .bot .poll {text-align: center}


/* Color, background: */
body {background: #D6A542; color: #696969} /*#85A5C1}*/
hr {color: #DCDCFF}
#top {color: #F4E186; background: #993725} /* #F5F5F5  #778899*/
#top a {color: #FFFFFF} /* #FFFFFF */
#top a:hover {color: #FFFAF0} /*#FFFAF0 */
#logo {background: url(../img/topbk.gif) #F7D68C; color: white}
#main {background: #F4E186}
#main .up td {color: #606060; background: #F1D284}
#main .bot td {color: #353535; background: #FDFBEC}    
#main a {color: #663333}
#main a:hover, #bottom a:hover {color: #4169E1}
#main #cen {background: #FDFBEC}
#bottom {color: #808080; background: url(../img/botbk.gif) #CDD6E0}
#bottom a {color: #708090}
.inpsite {color: #4B4B4B; background: #FDFBEC}
.blue {color: #006699}
#help {color: #696969}
#cursec {color: #8C5242; background: #F7D68C}
#menu a {color: #696969}
#menu a:hover {background: #FDFBEC; color: #FF4500}
#menu a.sec {color: #663333}
#main .navig td {background: #FDFBEC}
.navig a {color: #808080}
.navig a:hover {color: #8B4513}
#main .bot .poll a {color: #663333}
#main .bot .poll a:hover {color: #000080}

/* Borders: */
img {border: none}
#cen img {border: none} /* #cen img {border: 1 solid #222222} */
#top {border-bottom: 3px solid #EAAB36}
#logo {border-top: 2px solid #F0BF00; border-bottom: 2px solid #F5DEB3}
#main .up td {border: 1px dashed #D3D3D3}
#main {border-bottom: 1px solid #FFE4B5}
#bottom {border-top: 2px solid #B0C4DE; border-bottom: 2px solid #F5DEB3}
.inpsite {border: 1px solid #A9A9A9}
/*#slicemenu {}*/
#cursec {border: 1px solid #8C909A}

/* Other */
body {scrollbar-face-color: #DCDCDC; scrollbar-highlight-color: #D3D3D3; scrollbar-track-color: #F5E7A4; scrollbar-darkshadow-color: #D3D3D3}

#cursec {text-transform: uppercase; overflow-x: hidden}
#menu { overflow-x: hidden}
#menu a {display: block; overflow-x: hidden}
.foto img {cursor: hand}

/***** End of Global styles *****/

/*******************
* Main page styles *
*******************/

/*****  Description  *****
 
 #news      - stripe at the top of #main .bot middle column
 .new       - class for each news at main page (div)
 .other     - class for link 'other'
 .newtit    - news title
 
*/

/* width, min-width, height, margin, padding: */
#news {width: 100%}
.new {margin: 7px; padding: 10px}
.new div {width: 80%; margin-bottom: 3px; padding-bottom: 5px}
.other {width: 90%; margin: 5px}

/* Font, text-decoration -align: */
#news {text-align: left}
a.newtit {font: 12px Verdana; text-decoration: none}
.other {text-align: right}

/* Color, background: */
#news {background: url(../img/newsbk.gif) #92B0CB}
#main a.newtit {color: #535F6B}
#main a.newtit:hover, #main .other a:hover {color: #4169E1}
#main .other a {color: #708090}

/* Borders: */
.new {border-bottom: 2px solid #EBEBF5}
.new div {border-bottom: 1px solid #DCDCDC}

/* Other */

/***** End of Main page styles *****/

/*********************
* Other pages styles *
**********************/

/*****  Description  *****

 #bspup     - stripe like #news at the top in the middle column
 .title     - div: title of pages
 .block     - table
 .links
 
*/

/* width, min-width, height, margin, padding: */
#main .title {margin: 5px; padding: 2px}
/*#main .txt {width: 99%; margin: 3px; padding: 3px; word-wrap: break-word; color: #000000; background: #F5F5F5; text-align: left}*/
/*#main .txt, #main .txt *, #main .txt td, #main .txt li {font: 13px Verdana; color: #000000; background: #F5F5F5; text-align: left}
*/
/*#main .txt { color: #000000;}*/
#main #cen td {background: #F4E186; font: 13px Verdana}
#main #cen, #main li {font: 13px Verdana; margin: 3px; padding: 3px; color: #000000;}

.photo img {margin: 10px; border: 1px solid #E6E6FA; vertical-align: middle; cursor: pointer}
.photo {text-align: center}
/*#main .block {width: 99%; margin: 3px; padding: 3px; float: left}*/
/*#main .cntr {border: 1px solid black; word-wrap: break-word}*/
#main .links {width: 90%; margin: 4px 4px 4px 30px; padding: 4px}
/*#main .pre {width: 300px; font: 13px Verdana; word-wrap: break-word; border: 1px solid black}

/* Font, text-decoration -align: */
#main .title {font: bold 15px Lucida Console; text-align: center}
/*#main .links, #main .block .cntr, #main .block td {font: 13px Verdana}*/
#main .links {font: 13px Verdana}

/* Color, background: */
#bspup {background: url(../img/upbk.gif) #A2B5DD}
/*#main .block td {background: #FDFBEC}
#main .block .cntr, #main .block td {color: #000000}*/

/* Borders: */

/* Other */