html	{width:100%; height:100%; margin:0; padding: 0; }
body	{width:100%; height:100%; min-height: 100%; margin:0; padding: 0; font-family: Arial, sans-serif; font-size: 100%; line-height:1.2em;}
div		{margin:0; padding: 0; }
img		{border: 0px; vertical-align: bottom; }
a 		{text-decoration: underline; color: #cc0001;}
a:hover {text-decoration: none;}
h1 		{font-size: 150%; margin: 0 0 -5px 0; color: #010066;font-weight:normal;}
h2 		{font-size: 110%; margin: 30px 0 -5px 0; color: #010066; font-weight:normal;}
.book-header 		{font-size: 110%; margin: 0 0 -10px 0; color: #010066; font-weight:normal;}
p 		{font-size: 82%;}
ol li 	{font-size: 82%;}
ul li 	{font-size: 82%;}
table tr td 	{font-size: 82%; padding:2px 12px;}
table tr td li	{font-size: 100%;}
table ol	{margin-bottom: 0; }

#logo	{float: left; padding: 0 10px 15px 20px;}
#logo a	{font-size: 24px; text-decoration: none; color:#474747; font-weight: bold;}
#logo a:hover	{text-decoration: none; color:#242424; }
#head	{padding: 20px 0 0 0; width: auto; height: 120px;}
#menu 	{margin: 5px 0 3px 210px; width: auto; }
#menu ul {width:auto; font-size: 140%; text-align:center; list-style-type: none; height: 24px; padding: 0; margin:0;}
#menu ul li { display:inline; float:left; padding: 5px 17px 2px 0px;}
#menu a	{text-decoration: underline; color:#cc0001; }
#menu a:hover	{text-decoration: none; color:#cc0001; }
#menu a.active {text-decoration: underline; color:#040290;}
#menu a.active:hover {text-decoration: none; color:#040290;}

#left {float: left; width: 185px; padding-left: 20px;}
#left ul {font-size: 110%; font-weight:bold; list-style-type: none; padding: 0 0 10px 5px; margin:0; }
#left a.active {text-decoration: underline; color:#040290;}
#left a.active:hover {text-decoration: none; color:#040290;}
#right {width: auto; margin: 0 0 0 350px; border-left: 1px solid #474747;}
#content{padding: 0px 40px 30px 0px; margin-left:210px}
#footer {border-top: 1px solid #474747; font-size: 70%; height: 30px; padding: 10px 40px 0 0; text-align:right;}

.red {color: #f00;}
.green {padding: 7px;  width: 500px; background-color: #a8ffa1; border: 1px solid #000;}
.wrong {	background-color: #FF0000;	color: #FFFFFF;	padding: 2px;	display: none;}
.correct {padding: 2px;  background-color: #a8ffa1;  display: none;}
.strong {font-weight: bold;}
.center {text-align: center; padding: 10px;}
.advimg {display: none;}
.blue {background-color: #D4E0E8;}

/* списки */
ul.inline {list-style-type: none; margin: 5px 0 5px 0;}
ul.inline li {display:inline;}
ul.ul {list-style-type: none;}
ul.ul li {margin-left: -30px; }

.left-img {float:left; padding: 0 10px 20px 0;}
.book {clear:both; padding-bottom:20px;}

.navigation-link {float: left; padding-right: 20px;}
.navigation {clear:both; padding:7px 0;}
.parent {float:left; font-size: 140%}


#searchform {margin: 10px 0 20px 0;}
#searchform table tr td 	{padding:0;}
.submit_search {background: transparent;border: none;padding: 0 0 2px 0;margin: 0;vertical-align: middle;cursor: pointer;color: #fff;}
.niceform {font-size:14px; width:120px;padding:2px 2px 4px 4px;height:14px;}

/* таблицы */
table.profile {border-collapse:collapse; margin-top: 10px;}
table.profile td {border: 1px solid #B0C3D2;}
table.profile th {padding:2px 12px; border: 1px solid #B0C3D2;}

table.images {border-collapse:collapse; margin-top: 10px;}
table.images tr td.right { border-bottom: 1px solid #B0C3D2;text-align:right;}
table.images tr td.left {border-bottom: 1px solid #B0C3D2;}

.navigate {
	/*clear: both;*/
	padding: 10px 0 10px 5px;
}

.navigate a, .navigate a:link, .navigate a:active {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #cc0000;
	color: #cc0000;
	background-color: #fff;	
	font-weight: bold;
	font-size: 11px;
}
.navigate a:hover {	
	border: 1px solid #cc0000;
	color: #cc0000;
	background-color: #fff;
	font-weight: bold;
	font-size: 11px;
}
.navigate a.active {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	font-weight: bold;
	color: #fff;
	background-color: #cc0000;
	border: 1px solid #cc0000;
	font-weight: bold;
	font-size: 11px;
}

p.download {padding: 0;}
p.download img {vertical-align: bottom;}
p.download a {font-size: 20px;}
#text {border: 1px solid rgb(188, 205, 240); padding-left: 2px; margin-bottom: 4px; width: 630px; height: 120px;}


div.words {width:200px; float:left;}
div.word {text-align:center;}

.user-block {position: absolute; top:40px; left: 950px;}
.login-block {position: absolute; top:40px; left: 950px;}

#petr {background: transparent url(/img/petr-tips-1.jpg) no-repeat; width: 450px; height: 63px;}
#tip {padding: 10px 0 0 20px; font-size: 82%; width: 270px; font-style: italic;}