body {
	margin: 0;
	padding: 0;
	background: #554842;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #737373;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: cambria, serif;
	font-weight: normal;
	color: #FFA800;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #E42E33;
}

a:hover {
	text-decoration: underline;
}

img.border {
	border: 6px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px 0px 0px 100px;
}

img.author{
	float:left;
	width:100px;
	padding-right:5px;
}

img.sfedu {
	position: absolute;
	float:left;
	width: 110px;
	z-index:3;
	margin-top: 5px;
	}


#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header-wrapper {
	height: 240px;
}

#header {
	width: 1200px;
	height: 240px;
	margin: 0 auto;
}

div.up_menu{
	display: -ms-flexbox; 
	-ms-box-orient: horizontal; 
 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: flex; 
 
	-webkit-flex-flow: row wrap; 
	-moz-flex-flow: row wrap; 
	-ms-flex-flow: row wrap; 
	flex-flow: row wrap; 	
	
	/*zoom:1;
	display: -ms-inline-flexbox;
	
	display: inline-flex;
	display : -webkit-flex;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;*/
	
}

/* Logo */

#logo {
	height: 100px;
	margin: 0px auto;
	padding: 70px 10px 0px 20px;
	color: #FFFFFF;
	width: 250px;
	float:left;
}

#logo h1, #logo p {
	display: block;
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0px;
	letter-spacing: -1px;
	text-align: left;
	text-transform: uppercase;
	font-size: 44px;
	font-weight: bold;
	color: #FFFFFF;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 20px;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Menu */

#menu-wrapper {
	overflow: hidden;
	height: 60px;
	background: #DA2F27;
}

#menu {
	width: 1100px;
	margin: 0px auto;
	/*float: right;*/
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: right;
	float:right;
}

#menu li {
	display:inline;
	display: inline-block;
	zoom: 1;
	*display: inline;
	_display:inline;
	
}

#menu a {
	display: block;
	float: left;
	height: 60px;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	line-height: 60px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu .current_page_item a {
	background: #9F1615;
	color: #FFFFFF;
}

#menu a:hover {
}

/* Page */

#page {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

#page-bgtop {
	min-height:600px;
}

#page-bgbtm {
	margin: 0px;
	padding: 20px 40px 0px 40px;
}

/* Content */

#i_content {
	float: left;
	width: 900px;
	padding: 0px 0px 0px 100px;
}
#content {
	float: left;
	width: 880px;
	padding: 0px 0px 0px 0px;
}

.post {
	clear: both;
	/*overflow: hidden;
	padding: 10px 0px;*/
	border-bottom: 1px solid #D9D9D9;
	text-align: justify;
	margin-bottom: 10px;

}
.quote{
	clear: both;
	padding: 10px 0px;
	text-align: justify;
	/*margin-bottom: 10px;*/
	margin:0 auto;
	width:95%;
}

.post .title {
	/*padding-top: 10px;*/
	letter-spacing: normal;
}

.post .title a {
	border: none;
	color: #E42E33;
	text-decoration: none;
}
h2.title {
	font-size:28px !important;
	
}
.post .meta {
	padding-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.exercise { /*div для упражнений - без нижнего подчеркивания*/
	clear: both;
	padding: 10px 0px;
}

.exercise h4{
	padding-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #7F7F81;
}

.entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
}
.post h3 {
	font-size: 24px;
}

.span_ex{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #4D4D54;
background: rgba(255, 126, 0, 0.2);
padding: 7px;
margin-bottom: 10px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */
.common {
	font-size: 13px;
	line-height:0,5 em;
}
#sidebar {
	float: right;
	width: 200px;
	padding: 30px 0px 0px 0px;
	background: rgba(169, 151, 151, 0.1);
	margin-top: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 15px;
	padding-bottom: 30px;
}

#sidebar li li {
	padding-left: 20px;
	line-height: 35px;
}
li#actual {
	/*list-style-image:url(../images/arrow.jpg);*/
	background: url(../images/arrow.jpg) no-repeat left 14px;
}

a#actual_task  {
	font-style: italic;
	font-weight:bold;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 38px;
	/*margin-bottom: 20px;*/
	padding: 0px 0 0 30px;
	/*border-bottom: 1px solid #D9D9D9;*/
	letter-spacing: -1px;
	font-size: 24px;
	color: #E42E33;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebar a {
	border: none;
	color: #737373;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	overflow: hidden;
	width: 960px;
	margin: 0px auto 40px auto;
	font-family: Arial, Helvetica, sans-serif;
}

#fleft{
	float: left;
}

#fright{
	float: right;
}

#footer p {
	display: block;
	padding: 30px 0px;
	line-height: normal;
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

/*Горизонтальный список страниц*/

ul#line {
    overflow:hidden;
	width:100%;
    /*margin: 0; /* Обнуляем значение отступов */
    padding-left: 4px; /* Значение полей */
	padding-right: 3px;
   }
ul#line li {
    display: inline; /* Отображать как строчный элемент */
	border-left:1px solid #D9D9D9;
    /*border: 1px solid #000; /* Рамка вокруг текста */
    padding-left: 3px; /* Поля вокруг текста */
	padding-right: 3px;
	font-size:15px !important;

   }
ul#line li  a:hover{
	color:#E42E33 !important;
}

#line li.first{border:none}
#l1 {font-weight:bold;}
   
/*Горизонтальный список страниц - окончание*/

/*стили для упражнений*/
/*#ex1 {display:none} не ставим, потому что хотим, чтобы он отображался по умолчанию*/ 
#ex2 {display:none}
#ex3 {display:none}
#ex4 {display:none}
#ex5 {display:none}
#ex6 {display:none}
#ex7 {display:none}

/*определение дива для кнопки next*/
.bottom_nav{
	display: inline-flex;
}

.next_div{
	float:right;
}

.prev_div{
	float:left;
}

table.extab {
	border-style: solid;
	border-width:0px;
	border-collapse:collapse;
	margin-left: 100px;
}

table.extab td {
	text-align: center;
	border-style: solid;
	border-width:0px;
	padding:5px;
}

table.extab1 {
	border-style: solid;
	border-width:0px;
	border-collapse:collapse;
	margin:auto;
}

table.extab1 td {
	/*text-align: center;*/
	/*border-style: solid;*/
	border-width:0px;
	padding:10px 10px 10px 10px;
}
h4.quot {
	font-style:italic;
	font-size: 13px;
}

.help{
	background: rgba(255,255,230,0.9);
	border-style:solid;
	border-width: 1px; 
	padding: 5px;
	text-align: center;
}

.Transcript {
	font-family: Times New Roman;
	font-size:15px;
	font-weight:bold;
}
/*всплывающие подсказки*/
.tip { 
  	display: none;
  	position: absolute;
  	z-index: 9999;
  	top: 0;
  	left: 100%;
  	background: #EDEDED;
  	border-radius: 3px;
  	border: 1px solid #ccc;
  	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
  	text-align: left;
  	color: #000;
  	font: normal 500 14px Arial, sans-serif;
  	opacity: .9; 
  	cursor: default;
  	padding: 5px;
  	margin: -15px 0 0 10px;
  	width: auto;
  	min-height: 20px; 
 	height: auto;
}
.support-hover {
 	display: inline-block;
 	position: relative;
 	color: #06C;
 	text-decoration: none;
 	cursor: pointer;
}

a.support-hover:hover .tip {
  display:block;
}
/*конец всплывающих подсказок*/

.adapted {
	/*float:right;*/
	font-style:italic;
	margin-bottom: auto;
}

table.tt {
	border-spacing:10px;
}

.example1{
	background: #edecec;
	border-style:solid;border-whidth:1px; 
	padding: 5px;
	font-weight: normal;
	text-align: center;	
}
.example1 table td{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}
.example2{
	background: #edecec;
	border-style:solid;
	border-width:1px;
	padding: 5px;
	font-weight: normal;
	text-align: center;	
	/*float:left;*/
	margin:0 auto;
	width:300px;
}
.example2 table td{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}
.help1{
	background: rgba(255,255,230,0.9);
	border-style:solid;
	border-width:1px; 
	padding: 5px;
	font-weight: normal;
}
.arrows{
}

a.next_prev {
	font-size:26px;
	text-decoration: none;
}
.a_help{
	background-color:#E42E33;
	color:white;
	padding:3px;
	font-weight:bold !important;
	text-decoration: none !important;
	font-style: normal !important;
	font-family:/*Helvetica,sans-*/serif !important;
}

a:hover.a_help{
	background-color:#FFA800;
}

.author{
	margin-top: 5px;
	overflow: hidden;
}