05.10.2010	/*Великая неведомая хуйня, которая хуй поймёшь, что делает, но благодаря ней ослы частично перестают тупить с позиционированием слоёв*/
	.clearfix:after {
 		content: ".";
		display: block;
 		clear: both;
		visibility: hidden;
 		line-height: 0;
		height: 0;
	}
 
	.clearfix {
		display: inline-block;
	}
 
	html[xmlns] .clearfix {
 		display: block;
	}
 
	* html .clearfix {
		height: 1%;
	}
	/*Великая неведомая хуйня, которая хуй поймёшь, что делает, но благодаря ней ослы частично перестают тупить*/
	
	body, table, tr, td, div, span {
		vertical-align: top;
		border: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

	}
	
	body {
		background-color: #f9f8f2;
		background-image: url(/pics/bcgr_01.jpg); 
		background-position:  top center;
		background-repeat: no-repeat;
		font-family: Arial;
	}	

	img {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	a {
		color: #ab0a0a;
		outline: none
	}
	
	div.BodyDiv {
		background-position: bottom center;
		background-repeat: no-repeat;
		z-index: 1;  
		position: relative;
	}
	
	div.MainDiv {
		background-image: url(/pics/main_back_transparent.png);
		background-repeat: repeat;
		width: 950px;
		text-align: left;
		z-index: 4; 
		position: relative;
	}
	
	center.Gates {
		z-index: 2;  
		position: absolute; 
		bottom: 70px; 
		left: -525px;  
		width: 100%;  
		overflow: hidden;
	}
	
	div.LogoLine {
		padding-top: 17px;
		height: 140px;
		display: block;
	}
	
	img.logo {
		margin-top: 27px;
	}
	
	img.gerbMsk {
		margin-left: 390px;
	}
	
	div.MenuLine {
		display: block;
		z-index:2500;
		width: 950px;
		height: 74px;
	}
	

	div.MenuLine div {
		display: inline;
		float:left;
		height: 74px;
	}
	
	div.MenuLine a, .MenuLine a:visited {
		display: block;
		font-size:1px;
		background-repeat: no-repeat;
		background-position: top;
		cursor: hand;
		height: 74px;
	}
	
	div.MenuLine a:hover, div.MenuLine a.selected  { background-position: 0 -74px;}
	
	.m_main a, .m_main a:visited { background-image: url(/pics/m_main.png); width: 107px;	}
	.m_schedule a, .m_schedule a:visited { background-image: url(/pics/m_schedule.png); width: 135px;	}
	.m_team a, .m_team a:visited { background-image: url(/pics/m_team.png); width: 107px;	}
	.m_school a, .m_school a:visited { background-image: url(/pics/m_school.png); width: 124px;	}
	.m_video a, .m_video a:visited { background-image: url(/pics/m_video.png); width: 124px;	}
	.m_gallery a, .m_gallery a:visited { background-image: url(/pics/m_gallery.png); width: 115px;	}
	.m_forum a, .m_forum a:visited { background-image: url(/pics/m_forum.png); width: 115px;	}
	.m_contacts a, .m_contacts a:visited { background-image: url(/pics/m_contacts.png); width: 123px;	}
	
	div.SubMenuBlock {
		background-image: url(/pics/submenu_block_back.png);
		background-repeat: no-repeat;
		width: 950px;
		height: 490px;
	}
	
	div.SubMenuShadow {
		background-image: url(/pics/menu_shadow.png);
		background-repeat: repeat-x;
		height: 22px;
		font-size:1px;
	}
	
	div.SubMenuBlock div.MainBlock {
		padding-top: 3px;
		margin-left: 25px;
		width: 435px;
		display: inline;
		float: left;
	}
	
	div.SubMenuBlock div.MainBlock h1 {
		font-family: Arial;
		font-size: 14pt;
		color: #fff;
		padding: 0px;
		margin-top: 0px;
	}
	
	div.SubMenuBlock div.PhotoDescr {
		padding-top: 4px;
		margin: 0px;
		font-size: 8pt;
		color: #fff;
		clear: both;
		width: 400px;
	}
	
	div.SubMenuBlock div.PhotoDescr p {
		text-align: right;
		padding: 0px;
		margin-top: 5px;
		margin-right: 60px;
	}
	
	div.SubMenuBlock div.PhotoDescr p a {
		color: #ccc;
		font-weight: bold;
	}
	
	div.SubMenuBlock div.PhotoDescr p a:hover {
		color: #ffcc99;
	}
	
	div.SubMenuBlock div.ThumbsBlock {
		display: inline;
		float: left;
		width: 170px;
		margin-left: 15px;
	}
	
	div.SubMenuBlock div.ThumbsBlock div {
		padding-bottom: 7px;
		padding-top: 3px;
		margin: 0px;
	}
	
	div.SubMenuBlock div.ThumbsBlock img {
		color: #fff;
		padding: 0px;
		margin: 0px;
		margin-top: 5px;
	}
	
	div.SubMenuBlock div.ThumbsBlock a {
		line-height: 10pt;
		font-size: 8pt;
		color: #ccc;
		font-family: arial
	}
	
	div.SubMenuBlock div.ThumbsBlock a:hover {
		color: #ffcc99;
	}
	
	div.SubMenuBlock div.MatchBlock {
		padding-top: 3px;
		margin-left: 21px;
//			margin-left: 25px;
		width: 250px;
		display: inline;
		float: left;
		text-align: center;
	}
	
	div.SubMenuBlock div.MatchBlock h2 {
		font-family: Verdana;
		font-size: 12pt;
		color: #fff;
		padding-top: 20px;
		margin-top: 0px;
	} 
	
	div.SubMenuBlock div.MatchBlock h2.next {
		margin-top: 160px;
//			margin-top: 0px;		
	}
	
	div.SubMenuBlock div.MatchBlock div.MatchResults {
		display: inline;
		float: left;
		color: #fff;
		font-weight: bold;
		width: 50%;
	}
	
	div.SubMenuBlock div.MatchBlock div.MatchResults div.Name {
		font-size: 9pt;
		margin-top: 5px;
		margin-left: 2px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		clear: both;
	}
	
	div.SubMenuBlock div.MatchBlock div.MatchResults div.Score {
		font-size: 16pt;
		margin-top: 5px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		clear: both;
	}
	
	div.SubMenuBlock div.MatchBlock div.MatchResults div.we {
		color: #ffcc99;
	}
	
	div.SubMenuBlock div.MatchBlock p {
		font-family: Verdana;
		font-weight: bold;
		font-size: 10pt;
		color: #fff;
		letter-spacing: 1px;
		clear: both;
		position: relative;
		padding-top: 10px;
//			margin-top: -20px;
	}
	
	
	div.MainContent {
		margin-top: 37px;
		width: 632px;
		display: inline;
		float: left;
		margin-bottom: 20px;
	}
	
	div.Content {
		background-image: url(/pics/yellow_back.png);
		background-repeat: repeat;
		width: 630px;
//		width: 632px;
		margin: 0px;
		padding: 1px; /* из-за overflow: auto появляется прокрутка иногда, поэтому лучше паддинг добавить */
		padding-top: 0px;
// 			margin-top: -6px;
// 			margin-bottom: -3px;
		overflow: auto;
		color: #333;		
	}
	
	div.Content h3 {
		margin:0;
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	img.minheight {
		float:left;
		display:inline;
		width: 1px;
		height: 600px;
	}
	
	div.FullBlock {
		width: 949px;
//			width: 950px;
	}
	
	div.MainContent img.RoundingImgs {
		margin: 0px;
		padding: 0px;
		height: 12px;
	}
	
	div.Content h1, div.ContentRight h1 {
		font-size: 16pt;
		padding: 20px;
		margin: 0px;
		color: #000;
	}
	
	h1.OutsideH {
		font-size:16pt;
		padding:0px;
		padding-left: 20px;
		padding-bottom: 20px;
		margin:0px;
		color: #000;
	}
	
	div.NewsTitle {
		margin-left: 20px;
		margin-right: 30px;
		margin-top: 25px;
	}
	
	div.NewsTitle h2 {
		font-size: 10pt;
		color: #eee;
		background-color: #ab0a0a;
		padding: 3px;
		line-height: 13pt;
		display: inline;
	}
	
	div.Content p, div.ContentRight p, div.Content ul {
		margin-left: 20px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 30px;
		padding: 0px;
		font-size: 9pt;
	}
	
	div.Content ul {
		margin-left: 50px;
		margin-top: 5px;
		margin-bottom: 10px;
		margin-right: 30px;
		padding: 0px;
		font-size: 9pt;
	}
	
	div.ContentBlock img {
		margin-left: 20px;
		margin-bottom: 20px;
		margin-top: 8px;
	}
	
	p.right {
		text-align: right;
	}
	
	div.Content div.ContentBlock {
		display: inline;
		float: left;
		width: 50%;
	}
	
	
	div.Players {
		background-image: url(/pics/players_back.png);
		background-repeat: no-repeat;
		width: 639px;
		height: 263px;
		position: relative;
		display: block;
		clear: both;
		text-align: center;
		border: 0px;
		padding-bottom: 75px;
		margin-left: 10px;
	}
	
	div.navButtons {
		display: inline;
		float: left;
	}
	
	div.Players div.navButtons {
		padding-top: 160px;
	}
	
	div.Previews {
		text-align: center;
		width: 800px;
		margin-left: 70px;
		position: relative;
		overflow: auto;
	}
	
	div.Previews div.navButtons {
		padding-top: 30px;
	}

	img.FooterGuys {
		margin-top: 60px;
	}
	
	div.Footer {
		background-image: url(/pics/footer_back.jpg);
		background-repeat: x-repeat;
		width: 630px;
		height: 188px;
		background-color: #000;
		clear: both;
		width: 100%;
		color: #eee;
		font-size: 9pt;
		text-align: center;
	}
	
	.FooterIn {
		width: 950px;
		height: 140px;
	}
	div.Footer a {
		color: #ccc;
	}
	
	div.Footer a:hover {
		color: #ff9966;
	}
	
	div.Copyrights, div.Devs {
		display: inline; 
		float: left;
		text-align: left;
		width: 33%;
	}
	
	div.Sponsors {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	div.Sponsors a {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	div.ContentRight {
		display: inline;
		float: left;
		margin-top: 37px;
		margin-left: 20px;
		width: 298px;
	}
	
	table.ResultsTable {
	 	width: 250px;
	}
	
	table.ResultsTable td {
	 	height: 25px;
		vertical-align: bottom;
	}
	
	table.ResultsTable td.Team {
	 	border-bottom: 1px dotted #5c5c5b;
		font-size: 10pt;
		font-weight: bold;
		padding-bottom: 3px;
		color: #333;
	}
	
	table.ResultsTable td.Logo {
		font-weight: bold;
		vertical-align: middle;
		font-size: 10pt;
		color: #333;
	}
	
	table.ResultsTable td.Score span {
	 	background-color: #ab0a0a;
		height: 20px;
		width: 45px;
		display: block;
		font-size: 13pt;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	

	div.Content table.ResultsTable	{
		margin-left: 30px;
	}
	
	div.GalleryList  {
		margin-left: 20px;
		height: 250px;
	}
	
	div.GalleryList div.NewsTitle {
		margin-bottom: 20px;
		margin-left: 0px;
	}
	
	div.GalleryList img {
		display: inline;
		float: left;
		margin-right: 20px;
		margin-bottom: 40px;
	}
	
	div.navPages {
		margin-left: 20px;
		margin-bottom: 30px;
	}
	
	div.navPages a {
		background-color: #ab0a0a;
		color: #fff;
		padding: 5px;
		margin-right: 5px;
		text-decoration: none;
	}
	
	div.navPages a.selected {
		background-color: transparent;
		color: #000;
		border: 1px dotted #ab0a0a;
		padding: 7px;
	}
	
	div.MainContent div.PhotoDescr, div.PhotoNum {
		display: inline;
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 9pt;
	}
	
	div.MainContent div.PhotoDescr {
		width: 552px;
		margin-left: 75px;
	}
	
	div.PhotoNum {
		width: 248px;
		color: #666;
		margin-right: 20px;
		text-align: right;
		font-weight: bold;
		clear: right;
	}
	
	center.BigPic {
		margin-top: 20px;
	}
	
	
	div.SecondMenu ul li {
		list-style-type: none;
		font-size: 11pt;
	}
	
	div.SecondMenu ul li a.selected {
		font-weight: bold;
	}
	
	div.PlayersListBlocks {
		display: inline;
		float: left;
		width: 185px;
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 10pt;
		height: 230px;
	}
	
	div.PlayersListMain {
		display: block;
		clear: both;
		width: 185px;
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 10pt;
		text-align: center;
	}
	
	div.minplayers {
		height: auto;
	}
	
	div.PlayersListBlocks div.about {
		font-size: 7pt;
		padding-top: 20px;
	}
	
	div.PlayersListBlocks h4, div.PlayersListMain h4 {
		font-size: 11pt;
		margin: 0px;
		padding: 0px;
	}
	
	div.PlayersListBlocks div.descr, div.PlayersListMain div.descr {
		clear: both;
		font-size: 9pt;
	}
	
	div.PlayersListBlocks img {
		margin-top: 5px;
		margin-right: 5px;
	}
	
	div.HalfBlock, table.HalfBlock {
		width: 49%;
		display: inline;
		float:left;
	}
	
	div.HalfBlock h1, div.AfterHalfBlocks h1 {
		padding-bottom: 5px;
	}
	
	div.HalfBlock img {
		padding-right: 5px;
	}
	
	div.AfterHalfBlocks {
		clear: both;
		width: 440px;
		margin-left: 120px;
	}
	
	div.ThirdBlock {
		padding-top: 20px;
		width: 32%;
		display: inline;
		float:left;
		text-align: center
	}
	
	div.ThirdBlock div.NewsTitle h2 {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	div.ThirdBlock div.SchoolYears a {
		display: block;
		padding-top: 3px;
	}
	
	h3 {
		margin-left: 20px;
		padding-top: 0px;
		margin-top: 0px;
		font-size: 13pt;
		clear: both;
		color: #333;
	}
	
	div.LeftBlockImg {
		clear: both;
		padding-bottom: 20px;
	}
	
	div.LeftBlockImg img {
		margin: 20px;
		margin-left: 40px;
		margin-top: 0px;
		float: left;
	}
	
	table.SchoolSchedule {
		margin-left: 20px;
		margin-bottom: 30px;
		border-collapse: collapse;
	}
	
	table.SchoolSchedule tr td {
		width: 72px;
		border: 1px solid #ccc;
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		font-size: 9pt;
		padding: 5px;
	}
	
	table.SchoolSchedule tr td.ScheduleTeams {
		width: 230px;
	}
	
	div.HalfBlock h5, div.AfterHalfBlocks h5, div.ThirdBlock h5 {
		padding: 0;
		margin: 0;
		padding-left: 20px;
		padding-bottom: 5px;
		font-size: 11pt;
	}
	
	div.clear {
		clear: both;
		overflow: auto;
		position: relative;
	}
	
	table.SchoolSchedule tr td.left, table.SchoolSchedule tr td.right  {
		padding-left: 10px;
		padding-right: 10px;
		width: 100px;
	}
	
	div.ThisTab table.SchoolSchedule tr td {
		font-size: 7.5pt;
		padding: 4px;
	}
	
	table.SchoolSchedule tr td.left {
		text-align: left;
		border-left: 0px;
	}
	
	table.SchoolSchedule tr td.right {
		text-align: right;
		border-right: 0px;

	}
	
	table.SchoolSchedule td.score {
		font-size: 7.5pt;
		text-align: center;
		color: #ab0a0a;
		font-weight: bold;
		width: 15px;
		border-right: 0px;
		border-left: 0px;
	}
		
	table.SchoolSchedule tr.TableTitle td {
		background-color: #ccc;
		font-weight: bold;
	}
	
	img.ImgInText {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.videoicon {
		display: inline; 
		float: left; 
		padding: 10px;
	}
	
