/* CSS Document */
* {
margin:0;
padding:0;
}

/* mac hide \*/
html, body{
height:100%;
width:100%;
}
/* end hide */

body {
background:#000;
text-align:center;
min-height:925px;/* for good browsers*/
min-width:950px;/* for good browsers*/
font-family: Verdana;
font-size:12px;
color:#000;
}
a {
cursor:pointer;
cursor:hand;
}
#outer {
height:100%;
width:100%;

vertical-align:middle;

}


#container {

text-align: center;
position:relative;
vertical-align:middle;

height: 925px;
}


#body {
width: 100%;
height: 925px;
text-align: center;
margin-left:auto;
margin-right:auto;
/*
background:url(http://www.s2arena.ru/sphere2/images/bg.jpg) top center no-repeat;
*/

}
div {
}
.content p {
padding-bottom:10px;
}

#content {

width:885px;
/*padding-top:190px;*/
text-align:justify;
height: 100%px;
//height:740px;

position:absolute !important;
z-index:1 !important;
top:25px !important;

left:50%;
display:block;
margin-left:-450px;
visibility:hidden;
}


#flash {
position:absolute;
z-index:1;
//z-index: 0;
width: 100%;
height: 925px;
}
#to_main {
margin-left:205px;
width:175px;
height:210px;
}
#to_main a {
display:block;
width:175px;
height:210px;
position:absolute;
z-index:1000;
background:url(http://www.s2arena.ru/sphere2/images/free.gif);
}
#main_menu {


height:73px;
padding:0 0 0 0px;
margin-left: 52px;
margin-top: 20px;
}
.main_menu {


list-style:none;
padding: 0px 10px 0 0px;
margin:0;
height:73px;

}
.main_menu li {
float:left;
padding:0;
margin:0;
width: 100px;
}
.main_menu a {
display:block;
width:143px;
height:40px;
/*background:url(http://www.s2arena.ru/sphere2/images/button.png) center top no-repeat !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.s2arena.ru/sphere2/images/button.png");*/
font-family:Times New Roman, Tahoma, Arial;
font-size:14px;
color:#000;
text-decoration:none;
padding:22px 0px 0 0;
text-align:center;
}
.main_menu a:hover {
background:url(http://www.s2arena.ru/sphere2/images/button_hover.gif) center top no-repeat !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.s2arena.ru/sphere2/images/button_hover.gif");
}
.main_menu .active a {
background:url(http://www.s2arena.ru/sphere2/images/button_hover.gif) center top no-repeat !important;
background: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.s2arena.ru/sphere2/images/button_hover.gif");
}
#text {
width:550px;
line-height:150%;
margin-left:60px;
}
#copyright {
position:absolute;
bottom:10px;
color:#f3e6c0;
font-family:Times New Roman;
font-size:11px;
}
#copyright a {
color:#f3e6c0;
text-decoration:none;
}
#copyright a:hover {
text-decoration:underline;
}

/* GRAPHIC  */

#graphic #text {
overflow:auto;
margin:0 70px;
}
#screen {
width:310px;
margin:0 auto;
}
#top_menu {
overflow:auto;
}
.top_menu {
list-style:none;
padding:0;
margin:0;
}
.top_menu li {
display:block;
float:left;
padding:0;
margin:0 10px;
}
.top_menu a {
text-decoration:underline;
color:#333333;
}
.top_menu a:hover {
color:#ff6633
}
#screenshot {
width:312px;
height:228px;
margin:5px 0;
}
#screenshot a {
display:block;
width:312px;
height:228px;
}
#freim {
width:312px;
height:228px;
background:url(http://www.s2arena.ru/sphere2/images/freim.png) center top no-repeat !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.s2arena.ru/sphere2/images/freim.png");
}
#navigation {
text-align:center !important;
}
.navigation {
list-style:none;
padding:0;
margin:0;
clear:both;
text-align:center;
}
.navigation li {
display:inline;
margin:0 2px;
}
.navigation a {
text-decoration:none;
color:#333333;
}
.navigation a:hover {
color:#ff6633
}
.navigation a.selected {
color:#ff6633
}
.central {
display:table;
margin:0 auto;
$left: 50%;
$position: relative;
$float: left;
$margin-left: expression("-" + (this.clientWidth / 2) + "px");
}
/* NEWS */
#news #text {
margin:0 70px;
}
#news .content p {
margin:15px 0;
}
#news .content a {
text-decoration:underline;
color:#333333;
}
/* ABOUT */
#about #text {
margin:0 70px;
}

p.alert {
  padding: 10px 15px 10px 15px;
  border: 5px solid #f90;
  background-color: #ffc;
}


p.success {
  padding: 10px 15px 10px 15px;
  border: 5px solid green;
  background-color: #fff;
}


li.level-1 {

}


li.level-2 {
  margin-left: 30px;
  list-style-type: circle;
}


li.level-3 {
  margin-left: 60px;
  list-style-type: square;
}


li.level-4 {
  margin-left: 90px;
  list-style-type: disc;
}


span.red {
	color: #c30;
}


.top_menu li.selected a:link, .top_menu li.selected a:visited{
color:#ff6633
}
/*  POPUP   */
#popup {
background:#f3e6c0;
}
#popup a {
color:#333333;
text-decoration:none;
}
#popup a:hover {
color:#ff6633;
text-decoration:underline;
}

/* Styles for scrolling layers and scrollbars  */

img {
border:none;
}

div#holder1 { 

  position:absolute; left:90px; top:300px;
  width:450px; height:390px; 
  overflow:hidden; z-index:1200 }

div#wn1  { 

  position:absolute; left:0; top:0;
  width:420px; height: 375px; 
  clip:rect(0, 420px, 100%, 0); 
  overflow:hidden; z-index:1300

  }
/* op7 needs width set here too (?) */  
/*
div#lyr1 { width:420px }
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1300 ;
  line-height:150%;
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:434px; top:0;
  width:11px; height:250px; 
  font-size:1px; z-index:1400
  }
div#track1 { 
  position:absolute; left:0; top:0px;
  width:11px; height:250px;
  background: url("http://www.s2arena.ru/sphere2/images/track000.gif") #336 repeat;
  z-index:1300
  }
div#dragBar1 {
  position:absolute; left:0px; top:0px;
  width:9px; height:20px;
  background: url("http://www.s2arena.ru/sphere2/images/dragBar1-bot.gif") bottom left no-repeat;
  z-index:1300
  }  
  div#dragBar1 img {
  padding-right:1px ;
  }
div#up1 { position:absolute; left:0; top:0; z-index:2000 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:2100 } 
*/

.menu_nav1 {

}

.menu_nav2 {
	margin-top: 23px;
	margin-left: 40px;
	position: absolute;
}

.menu_nav3 {
	margin-left: 196px;
	margin-top: 23px;
	position: absolute;
}

.menu_nav4 {
	margin-left: 356px;
	margin-top: 23px;
	position: absolute;
}

.menu_link:hover, .menu_link a:hover {
	background:url("http://www.s2arena.ru/sphere2/images/button_hover.gif") center;
	height: 20px;
	width: 100px;
	padding-left: 20px;
	padding-right: 20px;
}

.menu_link, .menu_link a:link, .menu_link a:visited, .menu_link a:active {
	color: #000;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}

#new_container {
	position	: absolute;
	top		: 300px;
	left		: 40px;
	width		: 600px;
	height		: 450px;
	overflow	: hidden;

}

#new_content {
	position	: relative;
	width		: 506px;
	left		: 5px;

}

p {
	font		: normal 10px/14px arial,helevetica,san-serif;
}

#new_scrollArea {
	position	: absolute;
	left		: 550px;
	top		: 300px;
	height		: 450px;
	width		: 11px;
	overflow	: hidden;
	background	: #f1daad;
	border		: 1px #d09c6a solid;
	padding	: 1px;
}

#new_scroller {
	position	: absolute;
	top		: 1px;
	width		: 9px;
	margin-left	: 2px;
	margin-top	: 2px;
	background	: #dab277;

}

.textarea {
	height: 300px;
	border: 0px;
	background: transparent;
	font: 12px Verdana;

	scrollbar-3dlight-color: #f1daad; 
	scrollbar-arrow-color: #f6edc8;
	scrollbar-highlight-color: #f1daad;
	scrollbar-face-color: #dab278;
	scrollbar-shadow-color: #f1daad;
	scrollbar-darkshadow-color: #f1daad;
	scrollbar-track-color: #f1daad;
}

.table_about {
}

.table_about td {
	padding: 4px;
	padding-left: 23px;
	text-weight: bolder;
	margin: 10px;
	white-space:pre;
	font-weight: bolder;
	cursor: pointer;
	background: url("http://www.s2arena.ru/sphere2/images/dot.gif") 5% 50% no-repeat;
}


.content a:link , .content a:visited {
color:#333333;
}