html { overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
* {
padding: 0;
margin: 0;
border: 0;
}

body, html {
font-family: verdana;
font-size:12px
background-color: #eee; 
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
}
p {
margin-bottom:16px;
}
a {
color: #000099;
text-decoration: none;
color:#336699;
}
strong{
color:#336699;
}
a:hover{
color: #0000FF;
text-decoration: underline;
color:#336699;
}
a:visited {
color:#336699;
}
.style1 {
	color:#336699;
	font-size: 12px;
	line-height: 20px;
}
.style3 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
.style5 {
	font-family: "Lucida Grande", Verdana, Arial, Geneva, serif;
	font-size: 10px;
}
h1, h2, h3 {
font-weight: normal;
padding-bottom: 5px;
}
h1 {
font-size: 1.4em;
}
h2 {
font-size: 1em;
}
h3 {
font-size: 1.3em;
}
.clear { clear: both; }

.intro td {
	vertical-align:top;
	padding: 8px;
	padding-bottom: 20px;
}
.intro .col2, .intro .col4, .intro .col5 {
	max-width:200px;
	width: 200px;
	padding-right:20px;
}
.intro .col1, .intro .col3 {
	max-width:80px;
	width: 80px;	
	padding-right: -5px;
}
.intro .col5 {
	border-left:1px dashed #CCCCCC;
}

ul.news li {
	list-style:none;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dashed #CCCCCC;
}

.intro img {
margin-top:20px;
border:0;
height:60px;
width:70px;	
}
.intro td a {
	text-decoration: none;
}

#mainContainer {
width: 820px;
margin: 0 auto; /*** Centers the design ***/
min-height: 10px;
/* submenu color (left) */
background:#fff;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
border: 1px solid #336699;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 240px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 580px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 820px;
margin-left: -240px; /*** Same length as .outer padding-left but with negative value ***/
margin-top: 40px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 579px;
min-height: 600px;
/*** content background colour ***/
background:#fff;
margin: 15px 6px 4px 0px;
color:#333333;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 20px;
background:#fff;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:105%;
text-align:justify;
line-height:1.6em;
}

.deco_top {
height:24px;
background-image:url(/Images/Untitled-4.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
}

.deco_bottom {
height:35px;
background-image:url(/Images/DSC3192crp1.jpg);
background-repeat:repeat-x;
margin-top:32px;
}

.contentWrap h1 {
color:#336699;
}

.contentWrap h2 {
color:#336699;
margin-top:6px;
padding-bottom:7px;
/*
border-bottom: #999999 1px solid;
padding-bottom:-2px;
*/
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 214px;
padding: 5px 0px 5px 20px;
margin:28px 0 0px 0;
}
* html #left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
height: 250px;
}
#left ul {
padding:none;
list-style: none;
padding-bottom: 4px;
}
#left li {
padding:4px;
margin-bottom:0px;
padding-bottom:8px;
padding-top:8px;
color: #336699;
font-size: 13px;
line-height: 20px;
}
#left li.select {
list-style:disc;
margin-right: -2px;
background:#fff
} 
#left .level1 {
margin-left:18px;
}
#left li a {
color: #336699;
text-decoration:none;
}

#left li a:hover {
text-decoration:underline;
}

/*************************
RIGHT COLUMN
**************************/
#right {
margin: 0px 0 0 -820px; /*** Moves the right column to the top of the page. This is now our top menu below the header ***/
float: right; 
width: 820px;
background-image:url(/Images/sub-mast2c_01.jpg);
background-repeat:repeat-x;
}
* html #right {
position: relative; 
margin-top: -145px; /***Since IE is threating padding different than other browsers we need to move it a little bit more ***/
}
#right ul {
list-style: none;
margin-left:45px;
}
#right li {
display: inline; 
margin: 0 -3px 0 0;
}

#copyright {
color:#aaa;
text-align:center;
margin-bottom:15px;
font-size:.8em;
}



/**************************
HEADER
**************************/
#header {
margin-top: 0px; /*** Make some space for the header menu ***/
background: #fff;
height: 170px;
background-image:url(../Images/logo-ru.jpg);
background-position:-50px 0;
background-repeat:no-repeat;
}
#header h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#header h1 a{
font-family:Georgia, "Times New Roman", Times, serif;
}

.nextprev  {
margin:12px 0 12px 0;
font-size:10px;
clear:both;
}
.nextprev td {
width:33%;
}

#announce {
border: #CCCCCC 1px solid;
}

#ann-cont {
margin: 6px;
}

#announce h3 {
color:#eee;
background: #5A96C7;;
padding: 3px;
}



.quotation{
	border: 5px double #666666;
	width: 200px;
	padding: 8px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 8px;
}

.book_cover {
height:269px;
}

.img_left  {
float:left;
padding: 16px 12px 8px 0;
}

.img_center {
text-align:center;
}