div.clear {
	clear:both;
}

.bg_main {
	background-color: #edeef6;
	padding			: 0; 
	margin			: 15px 0px 15px 0px;
	text-align		: center;
	vertical-align	: top;
	scrollbar-face-color: #2a0e72;
    scrollbar-shadow-color: #2a0e72;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #2a0e72;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-track-color: #edeef6;
    scrollbar-arrow-color: #ffffff;
	}

img {
	border:0px
}

/* *******************************************  main outline*/
#outer {
	margin			: 0px auto;
	width			: 1000px;
	text-align		: left;
	border			: 1px solid #a6a6a6;
	background-color: #fff;


	}

#main_inner {
	margin			: 0px 0px 0px 7px;
	width			: 985px;
	text-align		: left;
	border			: 0px;
         position: relative; 

}


/* ******************************************* top area */
div#logo {
	background		: url(../images/ssb_logo.gif) top left no-repeat;
	margin			: 25px 0px 0px 0px;
	height			: 114px;
	width			: 160px;
	text-align		: right;
	vertical-align  : baseline;
}


div#ssb_name {

	 background		: url(http://www.ssb.msk.ru/images/stories/ssb_name.gif) top left no-repeat;
         height			: 70px;
         top: 10px; left: 158px; z-index: 1; width: 409px;
         position: relative; z-index: 1;
}

div#ssb_lic {

	height			: 30px;
         width                       : 403px;
         top                         : 0px; 
         right                       : 0px;
	text-align		: right;
	padding			: 0; 
	margin			: 0px 0px 0px 0px;
         vertical-align:middle;
         position: relative; 
         z-index: 2;
}



div.topright {
	float			: right;
	margin			: 0px 0px 0px 0px;
	margin-right		: 2px;
	text-align		: right;
	height			: 114px;
         width                       : 596px;
         z-index: 3;
         position: absolute; 

         top: 0px;
         right: 0px;

}



div#banners_1 {
	background		: url(../images/ssb_logo.gif) top left no-repeat;
	margin			: 0px 0px 0px 0px;
	width			: 160px;
	text-align		: center;
}


/* *******************************************  SEARCH*/
#search {
	margin			: 60px 0px 0px 0px;
	padding			: 0px;
	width			: 100% ;
	height			: 19px ;
	text-align		: right;
}

.searchbox {
	font			: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color			: #666;
	border			: 0px solid #BBB3AD;
	background-color: #e9e9e9;
	width			: 130px;
	height			: 18px;
	padding-top		: 2px;
	text-indent		: 5px;
}

/* *******************************************  top navi */
div#top_navi {
	margin-top		: 20px;
	padding			: 0px;
	height			: 18px;
	text-align		: right;
}

/* *******************************************  pathway */
#can_pathway {
	background		: url(../images/bg_path.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	height			: 30px;
	text-align		: left;
}

#can_pathway img {
	margin:13px 1px 1px 1px;
}

.pathway {
	padding			: 0px;
	margin			: 0px 0px 0px 0px;
	border			: 0;
	line-height		: 17px;
	color			: #ffffff;
}

a.pathway:link, a.pathway:visited {
	color			: #ffffff;
	font-size		: 11px;
	line-height		: 17px;
}
a.pathway:hover {
	color			: #f3f655;
}

/* ******************************************* mid_out */
#mid_out {
	margin-top: 12px;
	margin-left: 7px;
	padding:0px;
	text-align: left;
	width: 100%;
	min-height: 100%;

}

/* ******************************************* leftside */
#leftmain {
	float: left;
	margin: 0px;
	padding:0px;
	text-align: left;
	width: 168px;
}

#rightmain {
	margin: 0px;
	padding:0px;
	text-align: left;
	width: 160px;
}

#rightmain table.moduletable {
	margin-bottom: 3px;
	padding:0px;
	text-align: left;
}

#rightmain table.moduletable th {
	background:url(../images/rtitle.gif) no-repeat;
	border:0;
	height:22px;
	font : bold 11px Arial, Verdana, sans-serif, Helvetica ;
	color: #fff;
	text-align: left;
	text-indent: 10px;
	padding: 0px 0px 3px;
	margin: 0px;
	line-height:22px;
}

#leftmain table.moduletable th {
	background:url(../images/ltitle.gif) no-repeat;
	border:0;
	height:22px;
	font : bold 11px Arial, Verdana, sans-serif, Helvetica ;
	color: #fff;
	text-align: left;
	text-indent: 10px;
	padding: 0px;
	margin: 0px;
	line-height:22px;
}

#leftmain table.moduletable td {
	font : normal 11px Arial, Verdana, sans-serif, Helvetica ;
	color: #333;
	text-align		: left;
	padding			: 2px 0px 2px 0px;
}

/* ******************************************* right area */
#rightarea {
	float: left;
 	position: relative;
	margin-left: 8px;
	padding:0px;
	text-align: left;
	width: 807px;
}

/* ******************************************* random_pic */
#random_pic {
	background:url(../images/ssb1.gif) no-repeat left top;
	width: 807px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0;
}

/* ******************************************* random_pic */
#banner {
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border: 0;
}

/* ******************************************* main_area */
#main_area {
	width		: 100%;
	margin		: 10px 0px 4px 0px;
	padding		: 0px;
	border		: 0px;
	text-align	: left;
}

#main_body {
	width		: 100%;
	margin-top	: 0px;
	padding		: 0px;
	border		: 0px;
	text-align	: left;
}

/* *******************************************  main corner*/
div.left_edge {
	background  	: url(../images/bg_leftside.gif) top left repeat-y;
	margin-bottom	: 7px;
}

div.right_edge {
  background	: url(../images/bg_rightside.gif) top right repeat-y;
}

div.top_lcorner {
  background	: url(../images/corner1.gif) top left no-repeat;
  height		: 6px;
}

div.top_rcorner {
  background	: url(../images/corner2.gif) top right no-repeat;
  height		: 6px;
  text-align	: left;
}

div.top_edge {
  background	: url(../images/bg_corner1.gif) top left repeat-x;
  height		: 6px;
  clear			: both;
}

div.bot_lcorner {
  background	: url(../images/corner3.gif) bottom left no-repeat;
  height		: 6px;
}

div.bot_rcorner {
  background	: url(../images/corner4.gif) bottom right no-repeat;
  height		: 6px;
}

div.bottom_edge {
  background	: url(../images/bg_corner2.gif) bottom left repeat-x;
  height		: 6px;
  clear			: both;
}

div.border {
	border-left	:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:0px;
}

div.corner_inner {
	padding		:0px 6px 0px 6px;
}

/* ******************************************* flashnews and blocks */
#blocks {
	width:100%;
	padding:0;
}

#blocks table.moduletable th {
	height:25px;
	font : bold 12px Arial, Verdana, sans-serif, Helvetica ;
	color: #2a0e72;
	height:18px;
	text-align		: left;
	text-indent		: 5px;
	padding			: 2px 0px 0px 0px;
	border-bottom	: 1px solid #ddd;
}

#blocks table.moduletable td {
	font-family     : Arial, Verdana, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #000;
	line-height		: 16px;
	text-align		: left;
	padding			: 2px 2px 0px 2px;
}

#blocks .moduletable a:link, #blocks .moduletable a:visited { 
	font-size		: 11px;
	color			: #333; 
	text-decoration	: none;
	line-height:18px;
	font-weight:bold;
}

#blocks .moduletable a:hover {
	color			: #2a0e72; 
	text-decoration	: underline;
}

/* ******************************************* bottom navi */
table.moduletable-topnav {
    padding				: 0;
	}

.moduletable-topnav td {
    width				: auto;
	text-align			: center;
	}
.topnav {
	width				: 0;
	}

a.topnav:link, a.topnav:visited {
	width				: auto;
 	padding-left		: 10px;
	color				: #fff;
	border				: 0;
    margin				: 0px 4px;
	text-decoration		: none;
	font-weight			: normal;
	}
a.topnav:hover {
 	width				: auto;
	color				: #f3f655;
	}
a.topnav#current {
	cursor				: default;
	}
a.topnav#current:hover {
 	width				: auto;
	color				: #ffffff;
	}

/* ******************************************* bottomcontainer */

.copyright {
	font			: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color			: #ffffff;
	padding-left	: 4px;
}

div.bottomcontainer {
	background		: url(../images/bg_bnavi.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 98%;
	height			: 30px;
	text-align		: center;
	padding-top		: 8px;
}

/* ******************************************* Footer */
#footer  {
	padding			: 4px 0px 0px 0px;
	margin			: 0;
	width			: 100%;
	height			: 60px;
	text-align		: center;
	font			: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color			: #222;
	line-height		: 18px;
}

/* *******************************************  General CSS Styles  */

.body {
	background		: #ffffff; 
	padding			: 0; 
	margin			: 0;
	vertical-align	: top;
	scrollbar-face-color: #2a0e72;
    scrollbar-shadow-color: #2a0e72;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #2a0e72;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #ffffff;
}

td, div, p {
	color:#000;
	font-family     : Arial, Verdana, sans-serif, Helvetica ;
	font-size		: 11px;
	padding:0px;
	line-height:17px;
}


a, a:link, a:visited {
	color			: #333;
	text-decoration	: none;
}
a:hover {color: #2a0e72; text-decoration:none}

h1	{font: bold 16px Arial, Verdana, sans-serif, Helvetica;	color: #2a0e72; margin: 0px; padding: 0px;}
h2	{font: bold 15px Arial, Verdana, sans-serif, Helvetica;	color: #2a0e72; margin: 0px; padding: 0px;}
h3	{font: bold 14px Arial, Verdana, sans-serif, Helvetica;	color: #2a0e72; margin: 0px; padding: 0px;}
h4	{font: bold 12px Arial, Verdana, sans-serif, Helvetica;	color: #2a0e72; margin: 0px; padding: 0px;}

ol	{list-style: decimal outside; }
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 17px;
  text-indent: 18px;
  padding-top: 0px;
  background-image: url(../images/arrow.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

blockquote {
	margin			: 10px;
	margin-left		: 30px;
	padding			: 0 20px 0 10px;
	border-left		: 5px solid #ccc;
}

form { 
	margin			: 0; 
	padding			: 0;
}
select { 
	font-size		: 12px; 
	font-weight		: bold; 
	color			: #333;
}
input {
	padding			: 0;
	margin			: 0;
}

th.pagenav_prev, th.pagenav_next, a.pagenav_next:link, a.pagenav_next:visited {
	font-size		: 10px; 
	color			: #333;
	background-color:#FFFFFF;
	font-weight		: normal;
}
a.pagenav_next:hover {
	font-size		: 10px; 
	color			: #2a0e72; 
	text-decoration	: none;
}


/* ******************************************* MODULES */
table.moduletable {
	width			: 100%;
	padding			: 0px;
	margin			: 0px 0px 0px 0px;
	border	: 0;
}
table.moduletable th {
	height:21px;
	font-family     : Arial, Verdana, sans-serif, Helvetica ;
	font-size		: 10px;
	font-weight		: bolder;
	color: #333;
	text-indent		: 2em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0;
	line-height:32px;
}
table.moduletable td  {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #333;
	text-align		: left;
	padding			: 0px;
	margin			: 0px;
	border			: 0;
}

table.pollstableborder td {
	padding: 2px;
	line-height:17px;
}

.moduletable a:link, .moduletable a:visited { 
	color			: #333; 
	font-weight:bold;
	font-size		: 11px;
	font-family     : Arial, Verdana, sans-serif, Helvetica ;
	text-decoration	: none;
}
.moduletable a:hover {
	color			: #2a0e72; 
	text-decoration	: none;
}
table.moduletable ul {
	padding			: 0;
	margin			: 0 0 0 3px;
}

.button {
	font			: normal 10px Arial, Helvetica, sans-serif;
	padding-top		: 2px 2px 0px 2px;
	color			: #ffffff;
	border  		: 0px;
	background-color: #2a0e72;
}
.inputbox, .search {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #333;
	border			: 1px solid #999;
	background		: url(../images/bg_input.gif) repeat-x;
}

select.inputbox {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #333;
	border			: 1px solid #E6D2B5;
	background		: #ffffff url(../images/bg_input.gif);
}

.poll {
	font			: 11px Arial, Helvetica, sans-serif; 
	color			: #333; 
	font-weight		: normal; 
	border			: 0; 
	padding			: 0;
}

/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen {
	text-align		: left;
	color			: #333; 
	padding			: 0px;
	width:100%;
}

.contentdescription {
	width:100%;
	text-align		: left;
	color			: #333; 
	padding			: 0px;
}

.contentpaneopen td {
	padding			: 1px 0px; 
}

.contentpane td, .contentdescription td {
	padding			: 4px 0px; 
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
	color			: #333; 
	text-decoration	: none
}
a.contentpane:hover, a.contentpaneopen:hover {
	color			: #2a0e72; 
	text-decoration	: none;
}

.contentheading {
	height:20px;
	font : bold 12px Arial, Verdana, sans-serif, Helvetica ;
	color: #000;
	height:20px;
	text-align		: left;
	text-indent		: 2px;
	border-bottom	: 1px solid #ccc;
}

.componentheading {
	background:url(../images/arrow.gif) no-repeat;
    background-position: 0px 3px;
	font : bold 12px Arial, Verdana, sans-serif, Helvetica ;
	color: #2a0e72;
	height:38px;
	text-align		: left;
	text-indent		: 15px;
}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited 	{
	color			: #333;
}

a.contentpagetitle:hover {
	color			: #2a0e72;

}

td.buttonheading {
	font			: normal 10px Arial, Verdana, sans-serif, Helvetica;
	white-space		: nowrap;
	width			: 10%;	
}

.content_rating, .content_vote {
	font-size		: 11px;	
	color			: #333; 
	text-decoration	: none; 
	font-weight		: normal; 
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 0;
}

.back_button {
	float:right;
	width:55px;
	font-size		: 11px;	
	color			: #333; 
	font-weight		: bold; 
	text-align:right;
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 1px 1px 1px 1px;
	border:0;
}

.small 		{
	font-size		: 10px; 
	color			: #999; 
	font-weight		: normal;
	line-height:14px;
	height:14px;
}

.createdate, .modifydate {
	font-size		: 10px; 
	font-weight		: normal; 
	color			: #999;
	height			:14px;
	line-height		:14px;
}

a.readon:link, a.readon:visited {
	font			: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color			: #333;
	background:url(../images/arrow.gif) no-repeat;
	background-position: 3px 3px;
    border           : 1px solid #E0E0E0;
    padding          : 2px 4px 2px 20px;
    white-space      : nowrap;
    float            : left;
    line-height      : 10px;
    text-decoration  : none;
}
a.readon:hover {
	color			: #2a0e72;
	text-decoration	: none; 
}

.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
	font-size		: 12px; 
	font-weight		: normal; 
	color			: #666666;
}
a.fase4rdf:hover {
	font-weight		: bold; 
	color			: #2a0e72;
}

.blogsection {
	background-color: #ffffff;
}

a.blogsection:link, a.blogsection:visited {
	font-size		: 11px;
	color			: #333;
	text-decoration	: none;
	font-weight		: normal;
	font-weight		: bolder;
}
a.blogsection:hover {
	font-size		: 11px;
	color			: #2a0e72; 
	text-decoration	: underline;
	font-weight		: bolder;
}

.blog {
	margin			: 0px;
	padding			: 0px;
	width			:100%;
}

.blog_more {
	width			: 100%;
	padding			: 4px;
	margin			: 0px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #333;
}
.blog_more ul {
	padding			: 0px;
	margin			: 0px;
}

table.contenttoc {
	border			: 1px solid #ddd;
 	padding			: 1px;
	margin-left		: 7px;
	margin-bottom	: 2px;
}
table.contenttoc th {
	color			: #333;
	text-align		: left;
	padding			: 4px;
	font-weight		: bold;
	font-size		: 10px;
	text-transform	: uppercase;
	background		: #ddd;
}
table.contenttoc td {
	font-size		: 10px;
}


/* ******************************************* STYLES CONTACT PAGE */
table.contact {
	background		: transparent;
}
table.contact td.icons {
	background		: #ccc;
}
table.contact td.details {
	background		: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
}
.contact_email {
	background		: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 0px;
}
textarea.inputbox {
	background: transparent;
	width:300px;
}

/* ******************************************* MAIN AND SUB MENU SYSTEM  */
.mainlevel {
	font		: bold 11px Arial, Verdana, Helvetica, sans-serif;
	line-height	:22px;
}
a.mainlevel:link, a.mainlevel:visited {
	display			: block;
	background		: url(../images/navi.gif) no-repeat;
	padding			: 0px 0px;
	height			: 22px;
	font			: bold 11px Arial, Verdana, Helvetica, sans-serif;
	color			: #5e3686; 
	text-decoration	: none;
	text-indent		: 22px;
	border			: 0px;
	line-height		: 22px;
}
a.mainlevel:hover {
	background		: url(../images/hnavi.gif) no-repeat;
	color			: #f3f655; 
	text-decoration	: none;
	padding			: 0px 0px;
}
#active_menu {
	background		: url(../images/anavi.gif) no-repeat;
	color			: #f3f655; 
}

a.sublevel:link, a.sublevel:visited {
	font			: bold 11px Arial, Verdana, Helvetica, sans-serif;
	color			: #2a0e72;
	text-decoration	: none;
	padding-left: 1px;
	vertical-align: middle;
	text-align: left;
	line-height:16px;
}

a.sublevel:hover {
	color			: #333;
	text-decoration	: none;
}

a.sublevel#active_menu  {
	border			: 0;
	color           : #333;
	text-decoration	: none;
	background		: #f7f7f7;
	line-height:16px;
}

/* ******************************************* TOP MENU SYSTEM  */
ul#mainlevel-nav
{
	list-style		: none;
	padding			: 0;
	margin			: 0;
	float			: right;
	white-space		: nowrap;
 }

ul#mainlevel-nav li {
	background: #2a0e72 url(../images/snavi1.gif) top left no-repeat;	
	width: auto !important;
	width: 5%;
	float: right;
	white-space: nowrap;
	margin-left: 3px;	
}

#mainlevel-nav li a {
	background: url(../images/snavi2.gif) top right no-repeat;
	display			: block;
	height			: 18px;
	font			: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding			: 0px 12px 0px 0px;
	text-decoration	: none;
	color			: #fff;
	line-height		: 18px;
	white-space		: nowrap;
}

ul#mainlevel-nav li a:hover {
	color			: #f3f655;
	background: url(../images/snavi2.gif) top right no-repeat;
}

ul#mainlevel-nav li:hover {
	background: #2a0e72 url(../images/snavi1.gif) top left no-repeat;	
}

/* ******************************************* CATEGORY (text format and links) */
.category {
	color			: #333;
	font-size		: 11px;
	font-weight		: bold;
	text-decoration	: none;
	}
a.category:link, a.category:visited {
	color			: #333;
	font-weight		: bold;
}
a.category:hover {
	color			: #2a0e72;
}
	
/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter  {
	background-color: #2a0e72; 
	color			: #fff; 
	font-weight		: bold;
	font-size		: 11px;
	padding			: 2px 3px 3px 2px;
}
.sectiontableentry1  {
	background-color: #ffffff; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}
.sectiontableentry2  {
	background		: #f7f7f7; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}

.pagenavbar {
	text-align		: center;
	vertical-align	: middle;
	padding			: 2px;
	width			: 100%;
}
.pagenav {
	background-color: #ffffff; 
	color			: #333;
	font-size		: 10px;
	font-weight		: bold;
	text-decoration	: none;
	marging			: 0;
	padding			: 0 2px;
	border			: 0;
}
a.pagenav:link, a.pagenav:visited  {
	background-color: #ffffff; 
	color 			: #333; 
	background-color: transparent;
}
a.pagenav:hover {
	color			: #2a0e72; 
	background		: transparent; 
	text-decoration	: underline;
}


hr {
	background		: transparent; 
	height			: 1px; 
	border			: 1px solid #ddd; 
	width			: 100%;
}




#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{  /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
top:187px;
left:20px;
z-index:100;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:1em;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}
#mainlevelmainnav a{
display:block;
color:#f90;
text-decoration:none;
margin-right:15px;
padding:0.3em;
}
#mainlevelmainnav li{
float:left;
padding:0;
}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:400;
background:#36f;
border:#00C 1px solid;
margin:0;
}
#mainlevelmainnav li li{
width:11em;
}
#mainlevelmainnav li ul a{
width:11em;
color:#fff;
font-size:0.9em;
line-height:1em;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,
#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,
#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,
#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}