* {
 font-family: Tahoma;
}

body {
 background-color: #FEFEFE;
 color: #696969;
 margin: 0;
 padding: 0;
}

body, table, textarea {
 font-size: 10pt;
}

.body {
 min-width: 1000px;
 width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");
}

a {
 color: #89B5ED;
 text-decoration: underline;
}

a:hover {
 color: #33CC66;
}

h1 {
 color: #3972B2;
 font-size: 14pt;
 text-align: center;
}

h2 {
 color: #3972B2;
 font-size: 12pt;
 text-align: left;
}

h3 {
 color: #3972B2;
 font-size: 10pt;
 text-align: left;
}

img {
 border-width: 0;
}

table.hidden {
 border-width: 0;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

table.display {
 border: 1px solid #999999;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

.rowtitle {
 background-color: #AAC1DE;
 color: #FFFFFF;
 text-align: center;
}

.rowodd {
 background-color: #FFFFFF;
 color: #999999;
}

.roweven {
 background-color: #FFFFFF;
 color: #999999;
}

table.display td,
.cell {
 border: 1px solid #999999;
 padding: 2px 6px 2px 6px;
}

span.counter {
 padding: 2px;
}

p.caption {
}

td.caption {
 padding: 4px 8px 0 0;
 text-align: right;
 vertical-align: top;
}

p.message {
 text-align: center;
}

/* main */

#header {
 background: #F4F1EC url(/images/headerbg.jpg) no-repeat top center;
 height: 200px;
}

#header .left {
 height: 200px;
 width: 310px;
 float: left;
}

#header .right {
 height: 200px;
 width: 177px;
 float: right;
}

* html #header .right {
 margin-left: 133px;
}

#header .center {
 height: 200px;
 width: 312px;
 margin: 0 auto;
}

div.headerline {
 background-image: url(/images/headerlinebg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 18px;
 padding: 0;
 margin: 0;
}

div.page {
 background-color: #FEFEFE;
 background-image: url(/images/pagebg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 padding: 0;
 margin: 0;
}

div.sideleft {
 width: 230px;
 float: left;
}

div.sideright {
 width: 224px;
 float: right;
}

div.content {
 padding: 7px 7px 0 7px;
 margin: 0 224px 0 230px;
}

.topspace {
 margin-top: 5px;
}

div.frameleft {
 background-image: url(/images/frameleft.gif);
 background-repeat: no-repeat;
 background-position: top left;
 width: 230px;
}

div.frameleft div.int {
 padding: 7px 13px 14px 7px;
}

div.frameright {
 background-image: url(/images/frameright.gif);
 background-repeat: no-repeat;
 background-position: top right;
 width: 224px;
}

div.frameright div.int {
 padding: 7px 7px 14px 7px;
}

div.framerightu {
 background-image: url(/images/framerightbg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 width: 224px;
}

div.framerightu div.int {
 padding: 7px;
}

div.framerightu .banners-small {
 text-align: center;
}

div.framerightu .banners-small a {
 margin: 0 1px;
}

div.footer {
 background-image: url(/images/footerbg.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 text-align: center;
 height: 118px;
 padding: 0;
 margin: 0;
 clear: both;
}

div.footer * {
 font-size: 8pt;
}

div.train {
 background-image: url(/images/train.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 height: 118px;
 text-align: center;
 padding: 0;
 margin: 0;
}

div.footer div.left {
 height: 118px;
 width: 250px;
 padding: 0;
 margin: 0;
 float: left;
}

div.footer div.right {
 height: 118px;
 width: 380px;
 padding: 0;
 margin: 0;
 float: right;
}

div.footer div.right div.counters {
 text-align: right;
 height: 34px;
 margin: 46px 8px 4px 0;
}

div.footer div.right div.islogo {
 text-align: right;
 height: 30px;
 margin: 4px 8px 0 0;
}

div.footer div.right div.islogo span {
 display: block;
 padding-top: 10px;
 margin-left: 150px;
 float: left;
}

* html div.footer div.right div.islogo span {
 display: inline;
}

div.footer div.copyright {
 text-align: center;
 height: 118px;
 padding: 0 0 0 0;
 margin: 0 234px 0 250px;
}

div.footer div.copyright div {
 padding-top: 92px;
}

div.welcomebox {
 background-image: url(/images/frameleftbg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
}

div.welcome {
 padding: 0 13px 7px 7px;
}

div.welcome a {
 display: block;
}

/* fields and buttons */

form {
 display: inline;
}

.form, .field {
 background-color: #FFFFFF;
 border: 1px solid #999999;
 color: #696969;
}

.form {
 width: 100% !important;
 width: 520px;
 padding: 1px 4px 1px 4px;
 margin: 2px 0 2px 0;
}

.field {
 padding: 1px 4px 1px 4px;
 margin: 0;
}

input.form {
 height: 19px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.input {
 background-color: #CCCCCC;
 border: 1px solid #999999;
 color: #999999;
 padding: 1px 4px 1px 4px;
 margin: 2px 0 2px 0;
}

.button {
 font-size: 8pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
 cursor: pointer;
}

input.button,
span.button,
a.button span {
 background-color: #AAC1DE;
 border: 1px solid #999999;
 text-align: center;
 height: 19px;
 padding: 2px;
 margin: 2px;
}

.buttonset {
 margin: 0.5em 0;
}

.navigator {
 text-align: center;
 margin: 0.5em 0;
}

span.pagelink {
 background-color: #FFFFFF;
 border: 1px solid #FFFFFF;
 padding: 0 6px 0 6px;
 margin: 0 2px 0 2px;
}

#currentpage {
 background-color: #CCCCCC;
 border: 1px solid #89B5ED;
 color: #999999;
}

span.pagelink a {
 text-decoration: underline;
}

/* frames */

div.extframe {
 background-color: #FFFFFF;
 border: 1px solid #999999;
 padding: 8px;
 margin: 0;
}

div.intframe {
 padding: 0;
 margin: 0;
}

.leftbox {
 width: 120px;
 float: left;
}

.mainbox {
 min-height: 90px;
 height: auto !important;
 height: 90px;
 margin-left: 130px;
}

/* news */

h2.newsline {
 text-align: left;
 padding: 0;
 margin: 0 0 4px 0;
}

.newstitle {
 color: #3972B2;
 font-size: 12pt;
 font-weight: bold;
}

.newsdate {
 color: #3972B2;
 font-size: 10pt;
 font-weight: normal;
}

.newsnotice,
.newscontent {
 text-align: justify;
}

a.news {
 color: #3972B2;
}

/* opinions */

.opinionauthor {
 color: #3972B2;
 font-weight: bold;
}

.opiniondate {
 color: #3972B2;
 font-weight: normal;
}

div.opinion {
 color: #696969;
 font-style: italic;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0 8px 0;
}

/* questionbook */

.question_user_name, .answer_user_name {
 color: #3972B2;
 font-weight: bold;
}

.question_date, .answer_date {
 color: #3972B2;
 font-weight: normal;
}

div.question {
 font-style: italic;
}

div.question, div.answer, textarea.answer {
 color: #696969;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0 8px 0;
}

/* camera */

.camera, .camera * {
 background-color: #E7C8B3;
 color: #3972B2;
}

.camera ul, .camera ol {
 padding: 0 0 0 20px;
 margin: 0;
}

.camera a {
 font-weight: bold;
 text-decoration: none;
}

.camera a.selected {
 color: #89B5ED;
}

/* others */

div.view {
 margin-bottom: 4px;
}

div.view a {
 margin-left: 10px;
}

hr {
 background-color: #89B5ED;
 border: none;
 color: #89B5ED;
 height: 1px;
}

/* menu */

div.menubox {
 background-image: url(/images/menurightbg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
 padding: 0;
 margin: 0;
}

#menu {
 background-image: url(/images/menubg.gif);
 background-repeat: repeat-y;
 background-position: top left;
 width: 224px;
 padding: 0;
 margin: 0 6px 0 0;
 position: relative;
}

#menu ul {
 list-style: none;
 font-weight: bold;
 text-align: left;
 padding: 0;
 margin: 0;
}

#menu li {
 list-style: none;
 display: inline-block;
 display: inline;
 padding: 0;
 margin: 0;
}

#menu ul,
#menu li,
#menu a {
 width: 224px;
}

#menu ul.level1 ul {
 background-color: #E6BB99;
 position: absolute;
 left: -9999px;
}

#menu a {
 color: #FFFFFF;
 text-decoration: none;
}

#menu a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

#menu a span {
 display: block;
 padding: 4px 24px 8px 16px;
 cursor: pointer;
}

#menu ul.level1 ul {
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
}

#menu ul.level1 ul a span {
 border-bottom: 1px solid #FFFFFF;
}

#menu .marker {
 color: #3972B2;
}

#menu ul li:hover > ul {
 left: 100%;
 margin-top: -28px;
 margin-left: -7px;
 visibility: visible;
}

#menu ul li:hover > ul ul {
 margin-left: 0;
}

#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {
 left: 100%;
 visibility: visible;
}

#menu a:hover ul ul,
#menu a:hover a:hover ul ul {
 left: -9999px;
}

#menu li a:hover {
 background: none;
}

#menu li:hover > a {
 background: none;
}

#menu li a.fly > span {
 background: url(/images/menuarrow.gif) no-repeat right bottom;
}

#menu table {
 position: absolute;
 left: 99%;
 height: 0;
 width: 0;
 border-collapse: collapse;
 margin-top: -29px;
 margin-left: -7px;
}

#menu ul.level1 ul table {
 margin-left: 0;
}

/* search */

div.searchbox {
 background-image: url(/images/frameleftbg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
}

div.search {
 padding: 0 13px 7px 7px;
}

div.search_line {
 margin: 1.0em 0 1.0em 0;
}

div.search_title {
 font-size: 12pt;
 margin-bottom: 0.5em;
}

div.search_title a {
 text-decoration: underline;
}

div.search_cite {
 text-align: justify;
}

input.searchfield {
 vertical-align: top;
 height: 17px;
 width: 156px;
 padding: 0;
 margin: 0;
}

html:first-child input.searchfield {
 height: 19px;
}

input.searchbutton {
 vertical-align: top;
 height: 19px;
 width: 46px;
 padding: 0;
 margin: 0;
}

/* gallery */

.gallery td {
 vertical-align: top;
 padding: 8px;
}

.gallery img {
 border-width: 0;
 cursor: pointer;
}

/* vote */

div.votebox {
 background-image: url(/images/frameleftbg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
}

div.vote {
 padding: 0 13px 7px 7px;
}

.vote .question {
 color: #3972B2;
 font-weight: bold;
 text-align: justify;
}

.vote .variant {
 font-size: 8pt;
 margin-bottom: 5px;
}

.vote .variant .o {
 display: block;
 width: 20px;
 float: left;
}

.vote .variant .text {
 display: block;
 margin-left: 25px;
}

.vote .results {
 font-size: 8pt;
 text-align: center;
}