html, body {height: 100%; font: 13px Arial, Helvetica, sans-serif; color: #50507a}
*, html, body {margin: 0px; padding: 0px}
body {background: #dddde9;}
img {border: 0px}
.clear {clear: both; height: 0px}


/* begin header */
#header {width: 1003px; min-width: 1003px}
#header div {height: 182px; float: left}
#header_logo {background: url(../img/logo.jpg) no-repeat; width: 246px}
#header_logo a {display: block; width: 246px; height: 182px}
#header_fon {background: url(../img/head.jpg) no-repeat; width: 757px}
h1 {font: 24px Arial, Helvetica, sans-serif; text-decoration: underline; color: #4e4f7b; position: absolute; top: 265px; left: 274px}

#navigation {background: url(../img/fon_navigation.jpg) repeat-x; width: 1003px; height: 34px; padding-top: 8px}
#navigation a {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #424669; text-decoration: none}
#navigation a:hover {color: #822449}
#navigation div {float: left}
.navigation_link {padding: 0px 34px 0px 37px}
#navigation_link1 {padding: 0px 20px 0px 22px}
#navigation_link2 {padding: 0px 25px 0px 30px}
#navigation_link3 {padding: 0px 31px 0px 35px}
#navigation_link5 {padding: 0px 31px 0px 37px}
.navigation_line {display: block; width: 1px; height: 16px; background: #9f9e9c}
/* end header */

/* begin main */
#main {width: 1003px; min-width: 1003px; margin-top: -8px; background: #dddde9}
#main a, #foother a{font: 12px  Arial, Helvetica, sans-serif; color: #832448}
#main a:hover, #foother a:hover {text-decoration: none}
#main_left  {background: #dddde9; width: 237px;  float: left; height: 100%}
#main_right  {background: #f0eff4; width: 766px;  float: left; padding-top: 90px}
#main_right p {margin: 0px 36px 15px 36px; text-align: justify}

#example1 {margin: 20px 0px 10px 50px; clear: both}
#example2 {margin: 24px 0px 10px 42px; clear: both}
.example_text {width: 237px; height: 23px; display: block; background: #c9c9d9}
.example_text_art {margin-top: 3px; padding-left: 18px; float: left}
.example_text_link {margin: 3px 0px 0px 27px; float: left}
/* end main */

/* begin footer */
#foother{ width: 1003px; min-width: 1003px; height: 100px; background: url(../img/fon_foother.jpg) repeat-x}
#foother div {margin-top: 40px; font-size: 12px}
#foother_left {padding-left: 17px; float: left; }
#foother_center {padding-left: 46px; float: left}
#foother_right {float: right; text-align: right; padding: 4px 10px 0px 0px}
#foother_line {position: relative;  top: -4px; background: url(../img/foother_line.jpg) no-repeat; width: 37px; height: 40px; float: right}
/* end foother */

/* all pages */
#copy_artic {text-align: right; padding-right: 40px; font-size: 11px}