/* html */
* {margin:0px;padding:0px}
body {width: 100%; background-repeat: repeat-x; background-image: url('images/topfon.jpg'); background-color: #244101; text-align:justify;color:#47443D;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
a img {border:none; margin: 5px}
p {margin:0px 0px 10px 0px}
h1 {align:center; font-size: 16px; color:#47443D; margin: 5px}
/* struct */

/* header */

#header {width: 1000px;height: 300px;  background-color: #244101; background-image: url('images/top.jpg'); background-repeat: no-repeat; background-position: 10px 0px}


/* content  */

#content {height: auto; margin-left:22px;width:expression(document.body.clientWidth - 22 + "px");
width: auto; background-color: #8ABB48; background-image: url('images/bot.gif'); background-repeat: repeat-x; background-position: bottom left;}

#content_ugol { background: url('images/bottom.jpg') no-repeat 0 0; position: relative;  bottom: 83px; left: 22px; width: 10px; height: 82px}

#topmenu {height: 30px; width: auto; margin-left: 250px; padding-top: 15px;}

#topmenu ul {list-style: none; list-style-position: outside}

#topmenu li {display: block; float: left; background-image: url('images/knopka.jpg'); background-repeat: no-repeat; width: 140px; height: 30px; color: #FFFFFF; font-size: 18px; margin-right: 10px; padding-left: 2px;padding-top: 4px; text-align:center}

#topmenu li a {color: #FFFFFF; font-size: 16px;font-weight: 700; text-decoration: none;}

#topmenu li a:hover {color: red; font-size: 16px;font-weight: 700; text-decoration: none;}

#leftmenu {float: left; width: 250px; padding-top: 220px; margin-left: 70px; border: 1px solid red}


#leftmenu ul {list-style: none; list-style-position: outside}

#leftmenu li {display: block; background-image: url('images/knopka.jpg'); background-repeat: no-repeat; width: 109px; height: 30px; color: #FFFFFF; font-size: 18px; margin-right: 30px; padding-left: 8px;padding-top: 4px}

#leftmenu li a {color: #FFFFFF; font-size: 16px;font-weight: 700; text-decoration: none;}

#leftmenu li a:hover {color: red; font-size: 16px;font-weight: 700; text-decoration: none;}

#text {margin-top: 30px;  padding-left: 23px; padding-top: 20px; padding-bottom: 20px; padding-right: 35px;  margin-left: 260px;  width: 672px; background-color: #FFFFFF; font-size: 14px; color: #555555;}

#text ul {color:#8ABB48;list-style-position:outside; list-style: square}

#text_ugol { background: url('images/conner.jpg') no-repeat 0 0; position: relative;  top: -21px; left: -23px; width: 14px; height: 17px}

#text_ugol1 { background: url('images/conner1.jpg') no-repeat 0 0; position: relative;  bottom: -21px; left: -23px; width: 14px; height: 17px}

#text_ugol2 { background: url('images/conner2.jpg') no-repeat 0 0; position: relative;  top: -21px; right: -23px; width: 14px; height: 17px}

#text_ugol3 { background: url('images/conner3.jpg') no-repeat 0 0; position: relative;  top: -21px; right: -23px; width: 14px; height: 17px}


#simple{width: auto; height: 50px}

.storytitle {color:black!important;margin-bottom:10px}

#left {position: absolute; width: 241px; height: 251px; top: 269px; left: 0px; background-image: url('images/plashka.jpg'); background-repeat: no-repeat; background-color: yellow; color: #DAB15F; font-size: 14px; font-weight: 700}

#left ul {padding-left: 65px;padding-top: 40px; padding-right: 27px; list-style: none; list-style-position: outside;}

#left li {border-bottom: 2px dotted #DAB15F; padding-top: 7px; padding-top: 7px;  display: block;}



#left a{text-decoration: none;color: #B56368;}

#left a:hover{font-size: 14px; color:#8ABB48}


#footer { width: auto; height: 75px; padding-top: 0px; font-size: 16px; font-family: verdana, arial, tahoma; wont-weight: 700; text-align: center; color: #8ABB48; }