body,p,dd{font-family: Verdana, Arial, sans-serif; text-align: justify}
body{font-size: 11pt; background-color: #f0f0f0; background-image: url("../img/body-bg.jpg"); background-position: center top; background-repeat: repeat-y; background-attachment: scroll; color: #000033; padding: 0; margin: 20px 0 0 0}
#the-main{width: 900px; text-align: left}
.pale{color: #AAAAAA}
div#top-l{position: relative; background-image: url("../img/top-bg.gif"); background-position: top left; background-repeat: repeat-x; height: 174px}
div#top-m{background-image: url("../img/yellow-tape.gif"); background-repeat: no-repeat; background-position: bottom right; height: 174px}
div#top-s{background-image: url("../img/buildings.gif"); margin: 0 0 0 180px; background-repeat: no-repeat; background-position: 0 2px; height: 137px}
div#logo{position: absolute; top: 2px; left: 0; height: 152px; width: 180px; background-image: url("../img/logo.gif"); background-repeat: no-repeat; cursor: pointer}
div#main{background-color: #ffffff; margin: 0 10px 0 160px}
h1{color: #dfc300; font-family: Times New Roman, Serif; font-weight: normal; margin: 0; font-size: 28pt; text-align: left; text-shadow: 1px 1px 2px #ddd;}
h2{color: #34719f; font-family: Times New Roman, Serif; font-weight: normal; font-style: normal; font-size: 20pt; margin: 1em 0 0.2em 0; text-shadow: 1px 1px 2px #ddd;}
h2.congrat{background-image: url("../img/flower.gif"); background-position: left center; background-repeat: no-repeat; padding-left: 9px; margin-left: -9px}
div#content{width: 100%; margin-top: 15px}
a img{border: none}
a{color: #34719f; text-decoration: none; background-image: url("../img/a-bg.gif"); background-position: bottom left; background-repeat: repeat-x}
a.no-mark{background: none}
a:hover{text-decoration: underline; background: none}
dt{font-weight: bold; margin: 1em 0 0 0}
optgroup{font-style: normal}

#footer{text-align: left; white-space: nowrap; width: 280px; height: 55px; font-size: 9pt; padding-left: 40px; background-image: url("../img/gold-anchor.png"); background-position: bottom left; background-repeat: no-repeat;color: #8c8552}

div#top-menu{margin: 0; height: 135px; width: 455px; float: right}
div#top-menu ul{padding: 5px 10px 0 30px; margin: 0; float: left; text-align: left; list-style-image: url("../img/top-menu-arr.gif"); list-style-type: none}
div#top-menu ul li{margin: 3px 7px; font-size: 8pt}
div#top-menu ul li a{color: #b2c9da; background: none}
div#top-menu ul li span{color: #b2c9da}

div#left-panel{width: 160px; float: left; margin: 0}
div#left-panel ul{padding: 10px 2em 0 1em; margin: 3em 0 1em -2px; text-align: left; list-style-image: url("../img/left-menu-arr.gif"); list-style-type: none}
div#left-panel ul li{margin: 3px 0; font-size: 9pt}
div#left-panel ul li a{color: #34719f; background: none}
div#left-panel ul li span{color: #b59e00}

div#login-panel{padding: 0 0 2em 0; position: relative}
div#login-panel p.warning{margin: 0; text-align: left; padding: 0 1em 0 0}
div#login-panel input{width: 130px; margin: 0; border: 1px solid #34719f}
div#login-panel button{width: 130px; margin: 5px 0 7px 0}

#anchor{position: absolute; left: -67px; top: 90px; width: 60px; height: 103px; background-image: url("../img/anchor.png"); background-repeat: no-repeat}

dl#interactive dt, dl#reference dt{color: #34719f; font-family: Times New Roman, Serif; font-weight: normal; font-style: normal; font-size: 200%; margin: 1em 0 0 0}

/*div#photos{text-align: left}*/
div#photos img{border: 1px solid #8cafca}

/*фотогалерея*/
div#gallery table{border: none; background-color: black; color: #ccc; margin: 0; padding: 0; position: relative; left: -25px}
div#gallery table a{color: #ccc; text-decoration: underline; background: none}
div#gallery table td{border: none; vertical-align: bottom; margin: 0; padding: 0}
div#gallery table td.small-photo{height: 70px}
div#full-image{width: 560px; height: 420px; text-align: center; vertical-align: middle}
#image-descr{text-align: center; margin: 0 0 0.4em 0; color: #ddd}
div.perforation{margin: 5px 10px; width: 80px; height: 60px; background-color: white}
div#gallery-navigation {text-align: center}
div#gallery-navigation a{font-weight: bold; cursor: pointer; background: none}
p#gallery-page-navigation{width: 560px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-align: center}
div#calendar-link{margin: 0 0 0.5em 0; text-align: center}

.news-date{margin: 0; color: #AAAAAA; font-size: 70%}
.news-text{margin: 0 0 1em}
.admin-mess{color: #003; float: right; width: 22em; border: solid 1px #dfc300; margin: 1em 0 2em 2em; padding: 0.5em 0.7em 1em 0.7em; text-align: justify; font-size: 80%}


table{border-width: 1px; border-color: #34719f; border-style: solid none none solid; width: auto}
td{font-size: 90%; padding: 1px 1px 2px 3px; border-width: 1px; border-color: #34719f; border-style: none solid solid none; vertical-align: top}
td.header{background-color: #bed1e0; font-weight: bold; color: #2e3d48}
tr.ruled{background-color: #fef7c1}
.small-td td{font-size: 70%}
img, form{border-style: none; padding: 0; margin: 0}
.no-border, img, form{border-style: none}

/*график работы аптек*/	
td.pharm-work{font-size: 70%; width: 8em; background-color: #ffffff; padding: 0 1px; border-style: solid; border-width: 1px; border-color: #34719f}
td.pharm-rest{font-size: 70%; width: 8em; background-color: #ffffff; padding: 0 1px; border-style: solid; border-width: 1px; border-color: #990000; color: #990000; text-align: center; vertical-align: middle}

/*досуг*/	
.club-descr{color: #999999; font-weight: bold}

/*элементы форм*/
textarea{width: 470px; height: 100px}
select, input, textarea{font-family: Verdana, Arial, sans-serif; font-size: 100%}
input.text, textarea, select{border: 1px solid #34719f; margin: 0 0 10px 0}
button{padding: 2px 1em; margin: 5px 0 0 0; color: #eee; font-weight: bold; background-color: #34719f; border-style: solid; border-width: 1px; border-color: #88ABC7 #224A68 #173347 #5D8EB3; cursor: pointer}

#star-map{width: 100%; background-color: #fff; border: 4px solid #000033}
#star-map div{width: auto; height: auto; background-color: #000033; text-align: center; margin: 1px}

ul#panorams{padding: 0; margin: 0; list-style-image: url("../img/binocle.gif"); list-style-type: none}
ul#panorams li{margin: 0 0 1em 18px; text-indent: 0px; padding: 0}

.old-new-line{height: 4px; background-image: url("../img/thread.gif"); background-repeat: repeat-x}
.progress{height: 12px; background-image: url("../img/progress.gif"); background-repeat: repeat-x; margin: 2px 0 0;}
.warning{font-weight: bold; color: #d20633}
.warning a{color: #d20633; text-decoration: underline; background: none}

/*календарь*/
table.calendar, td.calendar{border: 0}
.month-title{font-weight: bold}
table.month{border-width: 3px 1px; border-color: #34719f; border-style: solid solid none none}
td.day-title{font-size: 70%; border: 0; padding: 0 5px 0 0}
td.day{font-size: 70%; padding: 0 7px; border-width: 1px; border-color: #34719f; border-style: none none solid solid; text-align: right}

ul#congrats{padding: 0; margin: 0; list-style-image: url("../img/letter.gif"); list-style-type: none}	
ul#congrats li{font-weight: normal; margin: 0.5em 0 1.5em 16px; text-indent: 0px; padding: 0; text-align: justify}

/*улицы*/
.people{margin: 0 0 3em 0}
.people img{}
.people .photo{float: left; margin: 0; background-image: url("../img/people-border.gif"); padding: 7px}
.people .name{font-weight: bold; margin: 0 0 0 65px}
.people .dates{font-weight: bold; color: #aaa; margin: 0 0 0 65px}
.people .descr{text-align: justify; margin: 0 0 0 65px}

/*весточки*/
ul#lands{padding: 0; margin: 0; list-style-image: url("../img/letter.gif"); list-style-type: none}	
ul#lands li{font-weight: normal; margin: 0 0 1em 16px; text-indent: 0px; padding: 0; text-align: justify}
.mess-add-form{padding: 1em 0 0 0} 

/*Книжная лавка*/
.book{margin: 1em 0 2em 0; clear: left}
.book img{float: left; margin: 0 10px 10px 0}
/*.book_title{font-weight: bold; font-size: 120%; margin: 0; text-align: left}*/
.book_title{color: #34719f; font-family: Times New Roman, Serif; font-weight: normal; font-style: normal; font-size: 150%; margin: 0}
.book_author{font-family: Times New Roman, Serif; font-style: italic; font-size: 120%; margin: 0}
.book_descr{margin: 0}

/*Форум*/
#forum-personal-panel{border: solid 1px #34719f; background-color: #eff3f7; padding: 0.5em; margin: 1em 0 0 0}
table#forum-user{background-color: #eff3f7}
table#forum-user td{padding: 0.3em 1em}
table#forum-subjects{background-color: #eff3f7; width: 100%}
table#forum-messages{background-color: #eff3f7; width: 100%}
table#forum-messages td{padding: 0 0.5em 0.5em}
.forum-reply{color: #aaa; vertical-align: bottom}
.forum-quote{margin: 0 0 1em 1em; color: #666}
.forum-message-date{margin: 0; color: #aaa; font-size: 80%}
.forum-message{margin: 0}
.forum-subj{margin: 0; font-weight: bold}
.forum-pers-mess-status{font-weight: bold; color: #aaa; font-size: 80%; text-align: center; margin: 0}

/*чат*/
input#chat-status{border: solid 1px gray; color: #ccc; width: 100%; margin: 0; text-align: right;}
input#chat-send{border: solid 1px #34719f; background-color: white; color: #000033; width: 100%; margin: 0 0 1px 0}
#chat-messages{border: solid 1px #ccc; background-color: #fafafa; height: 37em; padding: 0; overflow: auto; width: 100%}
#chat-messages p{padding: 0 0.5em; margin: 0; background-color: white; text-align: left}
#chat-messages p .time{color: #ccc; font-size: 70%}
#chat-messages p b{cursor: pointer}
#chat-rooms-and-users{width: 150px; float: right; margin: 0}
#chat-rooms{margin: 0 0 1em 0; border: solid 1px #cccccc; height: 10em}
#chat-rooms p{margin: 0 0.5em}
#chat-room-users{border: solid 1px #cccccc; margin: 0; height: 25em}
#chat-room-users p{margin: 0; padding: 0 0.5em; cursor: pointer}
#color-select{margin: 0 0 10px 0}
#chat-send-button{margin: 0 0 10px 0; padding: 0 1em}

/*доска объявлений*/
.nb-title{font-weight: bold; margin: 0.2em 0 0 0}
.nb-body{margin: 0; text-indent: 0px; padding:0; text-align: justify}
.nb-info{margin: 0 0 1.5em 0; text-indent: 0px; padding:0; text-align: justify}

ul#comments{padding: 0; margin: 0; list-style-image: url("../img/letter.gif"); list-style-type: none}
ul#comments li{margin: 2em 0 0 16px}
.message-author{padding: 0; margin: 0; font-style: italic; text-align: right; border-top: 1px solid #eee}

ul#map{padding: 10px 2em 0 1em; margin: 0 0 0 10px; text-align: left; list-style-image: url("../img/left-menu-arr.gif"); list-style-type: none}
ul#map li a{color: #34719f}

/*карта*/
table#city-map{border: none}
table#city-map td{border: none; margin: 0; padding: 0; width: 100px; height: 100px}
table#city-map td div{width: 100px; height: 100px}
table#city-map-navigator{border: none; float: right}
table#city-map-navigator td{text-align: center; vertical-align: middle; border: none; width: 20px; height: 20px}

#counters{height: 1px; text-align: center; overflow: hidden}

/*печать*/
@media print
{
#logo, #left-panel, #top-l, #bot-l, #counters, form, .no-print{display: none}
div#main{padding: 0; margin: 0}
div#content{background-color: #fff; color: #000; padding: 0; margin: 0}
}