@charset "utf-8";
/* CSS Document D2D2D2*/

* {
	margin:0;
	padding:0;
	border:0;
}
a {color:#7393ce;}
a:hover {color:#6D0469; text-decoration:none;}
#content p {margin-bottom:10px;}
body {
	background-color:#9EC8F5;
	font: 14px Verdana, Geneva, sans-serif;
	//background-image:url(http://21school.com.ua/images/dosk145.jpg);
}
h2 {
	font-size: 18px;
}
#main #sidebar {
	width: 180px;
	float: left;
	padding: 10px;
}
#main #sidebarright {
	width: 180px;
	float: right;
	padding: 10px;
}
#main #header h1 {
	font-size: 24px;
	color: #6D0469;
}
#sidebarright .new { 
	border-bottom:1px #333 solid;
	padding:10px 0;
}
#sidebarright .othernews { 
	padding:15px 0;
text-align:right;
}
#main {
	width: 980px;
	margin: 0 auto;
	background-color:#FFF;
	//border: 3px #6D0469 solid;
	border-radius: 10px;
	//box-shadow: 5px 3px 21px -2px;
}
#main #content {
	float: left;
	width: 720px;
	padding: 20px;
	text-align: left;
}
#main #footer {
	clear: both;
padding:15px;
padding-top:0;
	font-weight: bold;
	color: #CCC;
	background-color: #3E3E3E;
	height: 30px;
	border-radius: 0 0 10px 10px ;
}
#header {
	height:229px;
	border-bottom:3px solid #6D0469;
	background-image:url(http://21school.com.ua/images/foto_head.jpg);
	border-radius: 10px 10px 0 0;
}
#main #middle {
	min-height: 400px;
}
#main #header #logo {
	float: left;
	width:244px;
}
#main #header #topinfo {
	float: right;
	width:721px;
	padding-top: 25px;
}
#sidebarright ul {
	list-style-type: none;
}
#main #menu ul li {
	color: #FFF;
	background-color: #CCC;
	display: block;
	margin: 5px;
	padding: 5px;
	float: left;
	border: 1px solid #000;
}
#main #menu ul li a {
	color: #FFF;
}
#main #menu ul li:hover {
	color: #FFF;
	background-color:#333;
}
#main #menu ul li a:hover {
	text-decoration:none;
}
body {
	padding: 50px;
}
/* The CSS Code for the menu starts here */
			#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0;
	padding: 0;
	list-style-type: none;
	background-color: #eee;
	font-size: 13px;
	height: 40px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #ccc;
}
#menu li {
	float: left;
	margin: 0;
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background-color: #f5f5f5;
	border-bottom: 2px solid #DDD;
	color: #999;
}
 //#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {
	padding: 0 0px 0 0;
	background: url(images/grey.png) no-repeat right;
}
#menu_wrapper div {
	float: left;
	height: 44px;
	width: 12px;
	background: url(images/grey.png) no-repeat left;
}
table td {border: 1px #B0C0EA solid; padding:10px;}
table {border: 2px #B0C0EA solid;}
.noborder td, .noborder {border: 0;}
h2 {margin-bottom:15px;}

.copy {color:#ffffff;}
.copy:hover {color:#7393ce;}
.photo {float:left; width:250px; margin: 5px; padding: 5px; }

#pagination {
		margin:10px;
}
#pagination .ditto_currentpage {
		padding:5px;
		margin: 5px;
		display:inline;
		width:5px;
		height:5px;
		color:#bfbfbf;
		border: 1px solid #606060;
		background-color: #fff;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-o-border-radius:2px;
		border-radius:2px;
}
#pagination .ditto_currentpage:hover {
		background-color: #fff;
}
#pagination .ditto_currentpage{
		font-weight:bold; 
}
#pagination .ditto_page{

		padding:5px;
		margin: 5px;
		display:inline;
		width:5px;
		height:5px;
		color:#b1b1b1;
		border: 1px solid #8e8b8b;
		background-color: #fff;
  		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-o-border-radius:2px;
		border-radius:2px;
}
#pagination .ditto_page{ 
		text-decoration:none;
 }
#pagination .ditto_page:hover{
		border: 1px solid #8e8b8b;
		background-color: #ebeff1;
}