/*--------- Canvas Media Group for Astro-center ---------*/
html {width: 100%; height: 100%; padding: 0px; margin: 0px;}
body {width: 100%; height: 100%; padding: 0px; margin: 0px 70px; font: 12px "Book Antiqua_", Arial, Tahoma; color: #212121; background: url(img/bg.jpg) repeat-x;}
a {text-decoration: underline; color: #5e63d0;}
a:hover {color: blue;}
h1 {font: 24px "Times New Roman"; color: #383838; letter-spacing: -1px; padding: 0px; margin: 0px;}
h2 {font: bold  14px "Times New Roman"; color: #676767;}
h3 {margin: 0 0 10px 0px; font: bold 13px Arial; color: #000000;}
p  {text-indent: 0em; margin: 0 0 18px 0;}
div {padding: 0px; margin: 0px; \\border: 1px solid #c0c0c0;}
#br {clear: both; font-size: 1px;}

/*--- Башня ---*/
#header {
     width: 100%;
     height: 230px;
     background: url(img/plan.gif) 0px 50px no-repeat;;
}
#header h1 {
     display: block;
     width: 400px;
     position: absolute;
     top: 95px;
     left: 290px;
}
#header h1 a {
     text-decoration: none;
     color: #000000;
     font-size: 28px;
}
#header h1 em {display: block; font: 10pt Serif; margin-left: 48px;}


/*--------- Дом страница ---------*/

#home {height: auto; width: 100%; margin-top: 30px; margin-bottom: 110px; position: relative;}
#home div {width: 46%; margin-bottom: 35px; float: left; \\height: 500px;}
#home div h1 {margin: 50px 0 30px 0;}
#home div span {display: block; width: 50px; height: 1px; margin: 20px 0px 15px 0; *margin-bottom: 0px; border-top: 4px solid #d70000;}
#home ul {padding: 0px; margin: 0px;}
#home li {list-style-type: none;  padding: 0 0 0 20px;  margin: 0 0 7px 5px; background: url(img/arr.gif) 6px 4px no-repeat; display: block;}

#home *li {text-indent: -15px; padding-left: 35 px;}

/*--- Календарь благоприятных дней ---*/
#calendar {margin-right: 4%; width: 30% !important;}
#calendar table {margin: 0 35px 10px 10px;}
#calendar_table {font: 9pt Arial; }
#calendar_table td, #calendar table th {text-align: center;}
#calendar_table, #calendar table td, #calendar table th {border-color: #e4e4e4; padding: 0px;}
#calendar_table th {width: 30px; color: #000000; background: url(img/cal_bg.gif) 3px 3px no-repeat;}
#calendar_table td a {display: block; border: 1px solid #ffffff; height: 30px; width: 30px; padding: 6px 0 0 0; font-weight: bold; text-decoration: underline;}
#calendar_table td a:hover {border: 1px solid #f1f1f1; background: #f7f7f7;}
#calendar p {text-indent: 0em !important;}
#calendar p b {display: block;}
#calendar cite {font: 12px "Times New Roman"; clear: both; display: block; color: #7E7E7E; width: 190px; margin: 25px 0 25px 0px; text-align: justify;}

#calendar h3 {margin-left: 13px; width: 180px; text-align: center;}

#calendars {width: 230px !important; float: left; margin-bottom: 24px;}

#blue, #blue a {color: green !important;}
#red, #red a {color: #d70000 !important} /*#424586;*/
#gray, #gray a {color: #000000 !important;}

.hint {padding: 15px; background: #F9F9F9; border-top: 4px solid #d70000; border-bottom: 2px solid #d70000; position: absolute; left: 220px; width: 230px !important; height: auto !important; font: 11px Arial; text-indent: 1em; visibility:hidden;}

/*--- Обучение ---*/
#shcoll {background: url(img/cap.jpg) 130px 0px no-repeat; width: 58% !important;}
#shcoll p {margin-left: 1em;}

#c!onsult {\\border: 1px solid red; height: 135px; background: url(img/astrolog.gif) 160px 0px no-repeat; margin-top: 10px !important; padding-top: 86px;}

/*--- Читальный зал ---*/
#books {background: url(img/books.jpg) 160px 17px no-repeat; margin-right: 4%; width: 58% !important;}
#books p {margin-bottom: 7px;}

/*-- Личный блок --*/
#privat_block {margin-right: 4%; width: 30% !important; height: 300px;}
#privat_block p {margin-left: 1em;}
#privat_block *  { width: auto !important;}
#privat_block div div {margin: auto;}
#privat_block li {padding-bottom: 1.5em !important; }
#privat_block .ramblersbox1 table { display: none; float: left;}

/*--- Верхняя менюшка ---*/
#top_menu {z-index: 3; position: absolute; top: 200px; right: 80px; width: 690px; height: 50px; padding: 0px !important; margin: 0px !important; font: bold 13px Arial; text-align: right;}
#top_menu a {text-decoration: underline; margin: 0 0 0 20px; padding: 0 0 6px 0;}
#top_menu_select {border-bottom: 4px solid #DADADA; text-decoration: none !important;}

#_top_menu {z-index: 3; position: absolute; top: 220px; left: 70px; width: 100%; height: 23px; padding: 3px 0 0 80px !important; margin: 0px !important; font: bold 13px Arial; background: #5e63d0;}
#_top_menu a {text-decoration: none; margin: 0 0 0 5%; padding: 0 0 6px 0; color: #ffffff;}
#_top_menu_select {border-bottom: 4px solid #5e63d0; text-decoration: none !important;}


/*--- Рабочая область ---*/
#main_area {height: auto; width: 100%; margin-top: 30px; margin-bottom: 110px; position: relative; padding: 20px 0 0 0px;}
#content   {margin: 0 0 0 220px;  width: 75%;}
#content_   {margin: 0 0 0 30px;  width: 75%;}
#content p, #content_ p {margin-left: 1em;}
#content h1, #content_ h1 {margin: 0 0 18px 0; font: 20px Verdana; letter-spacing: 0; color: #000000;}
#content h2, #content_ h2 {margin: 0 0 18px 0; font: 17px Verdana; letter-spacing: 0; color: #000000; c!lear: both;}
#content h3, #content_ h3 {margin: 0 0 18px 0; font: bold 15px Arial; letter-spacing: 0; color: #000000; clear: both;}
#content h4, #content_ h42 {margin: 0 0 18px 0; font: bold 13px Arial; letter-spacing: 0; color: #000000; clear: both;}

#float {float: left; margin-right: 30px;}

/*--- Левая менюшка ---*/
#dop_menu {width: 190px; height: auto; background: #ffffff; color: #000000; font-weight: bold; float: left; margin: 45px 0px 0 0 !important;}
#dop_menu div {margin: 0 0 12px 0; padding: 0 0 0 6px;}
#dop_menu div div {margin-left: 1em;}
#dop_menu span {display: block; width: 50px; height: 1px; margin: 18px 0px 15px 6px; border-top: 4px solid #DADADA;}

/*--- Подвал ---*/
#footer {border-top: 1px solid #c0c0c0; position: relative; top: 0px; left: 0px; height: 120px;}
#footer span {position: absolute; top: 40px; right: 15px; text-align: right;}
#footer span h1, #footer span p {font: bold 12px Arial; letter-spacing: 0px; color: #676767; margin: 0 0 5px 0;}
#footer span p {font: 11px Arial;}
#footer span p big {font: bold 12px Arial;}
#footer__ {width: 290px; position: absolute; top: -1px; right: 0px; border-top: 7px solid #d70000;}

#counter {position: absolute; top: 50px; right: 350px;}

/*--- Форма для отправки сообщений ---*/
#post_mess input, #post_mess textarea {width: 350px; margin: 0 0 10px 8px;}
#post_mess h4 {margin: 4px;}
#post_mess_submit {display: block; width: auto !important; padding: 2px 10px; border: 1px solid #c0c0c0; background: #f1f1f1; font: bold 12px Arial;}

/*--- Форма ---*/
#form input, #form textarea {margin: 0 0 8pt 3pt; display: block; width: 350px; border: 1px solid #cccccc;}
#form p {margin: 2pt 3pt;}
#form_button {width: 180px !important; height: 24px; background: #fff; font: bold 10pt Arial; color: #454545;}

/*--- Canvas link ---*/
#canvas       {display: block; position: absolute; top: 50px; left: 30px; padding: 0 0 0 40px; font: 11px Arial; color: #969696; text-decoration: none; background: url(img/canvas.gif) 0px 0px no-repeat;}
#canvas b     {display: block;}
#canvas:hover, #canvas b:hover {color: #787878; text-decoration: underline;}