@import url(defaults.css);
@import url(news_typography.css);

/*********************************/
/*                                 MAIN                             */
/*********************************/


body{
	text-align: center;
	background-color: #adae8c;
}

p.add_links {
  clear:both;
}
.news-list-item 
{
  width:725px;
}

#container{
	width: 998px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	overflow: hidden;
}

#header{
	height: 136px;
}

#logo {
	width: 215px;
	height: 136px;
	position: relative;
	float: left;
	background-color: #f3f3e0;
	overflow: hidden;
}
#logo a{
	position: absolute;
	top: 0;
	left: 0;
	padding: 60px 0 40px 0;
	text-align: center;
	font: normal 32px "Dutch801 Rm WGL4 BT",Georgia,serif;
	text-transform: uppercase;
	width: 215px;
}
#logo a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 215px;
	height: 136px;
	background: url(../images/logo.png) no-repeat;
	cursor: pointer;
}

#menu_n_title{
	width: 783px;
	float: right;
	text-align: center;
}
#menu {
	height: 43px;
	background-color: #842940;
	text-align: left;
	border-right: solid #fff 1px;
}
* html #menu {
	background-color: #792035;
}

*:first-child+html #menu {
	background-color: #792035;
}
#menu ul li{
	float: left;
	position: relative;
	height: 42px;
}

#menu div.buttons{
	width: 107px; 
	height: 42px;
	float: left;
	background: url(../images/buttons_bg.jpg) no-repeat;
}
#menu div.buttons a{
	width: 40px;
	height: 42px;
	display: block;
	float: left;
}
#menu div.buttons .links{
	float: left;
	padding-left: 10px;
}
#menu div.buttons .home{
	background: url(../images/home.gif) no-repeat center;
}
#menu div.buttons .email{
	background: url(../images/mail.gif) no-repeat center;
}
#menu div.buttons .divider{
	float: right;
	background: url(../images/divider.gif) no-repeat;
	width: 1px;
	height: 42px;
}

#menu ul.menu{
	width: 670px;
	float: right;
}



#menu ul.menu li.news,	#menu ul.menu li.news a, #menu ul.menu li.news a span{
	width: 75px;
}
#menu ul.menu li.info, #menu ul.menu li.info a, #menu ul.menu li.info a span{
	width: 130px;
}
#menu ul.menu li.pupils, #menu ul.menu li.pupils a, #menu ul.menu li.pupils a span{
	width: 122px;
}
#menu ul.menu li.traditions, #menu ul.menu li.traditions a, #menu ul.menu li.traditions a span{
	width: 104px;
}
#menu ul.menu li.contacts, #menu ul.menu li.contacts a, #menu ul.menu li.contacts a span{
	width: 106px;
}
#menu ul.menu li.elearning, #menu ul.menu li.elearning a, #menu ul.menu li.elearning a span{
	width: 104px;
}

#menu ul.menu li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font: bold 12px/44px Arial,sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff;
	height: 42px;
	overflow:hidden;
}
#menu ul.menu li a:link, #menu ul.menu li a:visited{
	background-color: transparent;
	text-decoration: none;
}
#menu ul.menu li a:hover, #menu ul.menu li a:active{
	background-color: #8f3d52;
	text-decoration: none;
}

#menu ul.menu li a span{
	display: block;
	position: absolute;
	cursor: pointer;
	float: left;
	top: 0;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 42px;
}
#menu ul.menu li a:hover span {
	background-position: 0 -42px;
}

#menu ul.menu li.news a span{
	background-image: url(../images/menu_news.png);
}
#menu ul.menu li.info a span{
	background-image: url(../images/menu_info.png);
}
#menu ul.menu li.pupils a span{
	background-image: url(../images/menu_pupils.png);
}
#menu ul.menu li.traditions a span{
	background-image: url(../images/menu_traditions.png);
}
#menu ul.menu li.contacts a span{
	background-image: url(../images/menu_contacts.png);
}
#menu ul.menu li.elearning a span{
	background-image: url(../images/menu_elearning.png);
}

#menu ul.menulv li.news a span{
	background-image: url(../images/menu_news_lv.png);
}
#menu ul.menulv li.info a span{
	background-image: url(../images/menu_info_lv.png);
}
#menu ul.menulv li.pupils a span{
	background-image: url(../images/menu_pupils_lv.png);
}
#menu ul.menulv li.traditions a span{
	background-image: url(../images/menu_traditions_lv.png);
}
#menu ul.menulv li.contacts a span{
	background-image: url(../images/menu_contacts_lv.png);
}
#menu ul.menulv li.elearning a span{
	background-image: url(../images/menu_elearning_lv.png);
}

#menu ul.menuen li.news a span{
	background-image: url(../images/menu_news_en.png);
}
#menu ul.menuen li.info a span{
	background-image: url(../images/menu_info_en.png);
}
#menu ul.menuen li.pupils a span{
	background-image: url(../images/menu_pupils_en.png);
}
#menu ul.menuen li.traditions a span{
	background-image: url(../images/menu_traditions_en.png);
}
#menu ul.menuen li.contacts a span{
	background-image: url(../images/menu_contacts_en.png);
}
#menu ul.menuen li.elearning a span{
	background-image: url(../images/menu_elearning_en.png);
}

#menu_n_title h1{
	width: 657px; /*671px*/
	height: 59px; /*51px*/
	position: relative;
	margin: 21px auto 0 auto; /*25px*/
	font: normal 18px serif;
	text-transform: uppercase;
	overflow: hidden;
}
#menu_n_title h1 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 657px; /*671px*/
	height: 59px; /*51px*/
	background-image: url(../images/title.png);
}

#menu_n_title h1 span.langlv{
	background: url(../images/title_lv.png) no-repeat;
}
#menu_n_title h1 span.langen{
	background: url(../images/title_en.png) no-repeat;
}

#body{
	clear: both;
}
#content{
	width: 784px;
	float: right;
}

#navigation{
	padding: 8px 20px;
	background: #852a43 url(../images/navigation_left.jpg) no-repeat left;
	color: #fff;
	font: normal 13px "Trebuchet MS",sans-serif;
	border: solid #bfbdbd 1px;
	border-left-color: #fff;
	border-right: none;
	border-right: solid #fff 1px;
}
#navigation a:link,#navigation a:visited{
	color: #fff;
}
#navigation a:hover, #navigation a:active{
	color: #e6b7c4;
}

#page{
	margin: 12px 30px 20px 20px;
}

#sidebar{
	width: 214px;
	float: left;
}
#sidebar .sideblock{
	margin: 0 0 20px 0;
}
#sidebar h4{
	color: #fff;
	font: normal 18px Georgia,serif; 
	padding: 7px 10px 6px 18px;
	border: solid #bfbdbd 1px;
	border-left: none;
	border-right: none;
	background: #70800b url(../images/leftmenu_header.gif) no-repeat left;
}
#sidebar h5{
	color: #70800b;
	font: bold 11px Verdana,sans-serif; 
	text-transform: uppercase;
	padding: 7px 10px 6px 18px;
	border: solid #bfbdbd 1px;
	border-left: none;
	background: #f3f2df url(../images/h4_left.gif) no-repeat left;
}
#sidebar ul{
	margin: 15px 10px 15px 18px;
	color: #70800b;
	font: normal 13px "Trebuchet MS",sans-serif;
}
#sidebar ul li{
	list-style: disc;
	margin: 12px 15px 12px 20px;
	padding-left: 2px;
}
#sidebar a:link,#sidebar a:visited{
	color: #70800b;
}
#sidebar a:hover,#sidebar a:active{
	color: #adae8c;
}
#sidebar dl dt{
	font-weight: bold;
}
#sidebar dl dd{
	font-size: 11px;
	color: #626246;
	margin-bottom: 10px;
}




#footer{
	clear: both;
}
#footer .line{
	height: 5px;
	background: #852a43 url(../images/footer_bg.jpg) no-repeat left;
	border-right: solid #fff 1px;
}
#footer .footer_copy{
	width: 205px;
	float: left;
	text-align: center;
	padding: 13px 5px;
}
#footer ul{
	width: 310px;
	height: 45px;
	float: right;
}
#footer ul li{
	float: left;
	padding: 13px 2px;
}

#logo #language-selector{
  left:5px;
  padding:0;
  position:absolute;
  top:118px;
  /*display:none;*/
}
* html #logo #language-selector{
  top:122px;
}
* html #logo #language-selector div.SPC{
  float:left;
}
* html #logo #language-selector a {
  display:block;
  width:60px;
  float:left;
}
#logo #language-selector a{
  padding:0;
  font-size:11px;
  position:relative;
  padding:0 0 0 5px;
}