/* GLOBAL */
body {
  padding : 0px;
  margin : 0px 20px;
  font : 0.74em Arial, sans-serif;
  line-height : 1.5em;
  background : #fff url(images/bg.jpg) repeat-x top;
  color : #454545;
}
a {
  color : #7a9833;
  background : inherit;
  text-decoration : none;
}
a:hover {
  color : #7a9833;
  background : inherit;
  text-decoration : underline;
}
p {
  margin : 10px 0;
}
h1 {
  font : bold 1.6em Arial, Sans-Serif;
  padding : 8px 0 4px 0;
  margin : 0;
  letter-spacing : -1px;
}
h2 {
  font : 1.2em Arial, Sans-Serif;
}
h3 {
  padding : 4px 0;
  margin : 0;
}
ul {
  margin : 0;
  padding : 0;
  list-style : none;
}
img {
  border : 0;
}


/* CONTENT */

.content {
  margin : 0 auto;
  width : 970px;
}
#main {
  width : 970px;
  margin : 0;
  padding : 0;
}


/* TOP PART */

#top {
  padding-top : 0;
  background : transparent;
  height : 80px;
}
#top h1 {
  font : bold 2em Arial, Sans-Serif;
  padding : 20px 0 0 0;
  margin : 0;
  letter-spacing : 1px;
}
#top h2 {
  font : 1.5em Arial, Sans-Serif;
  letter-spacing : 0;
  color : #868686;
  margin : 0;
  padding : 0;
}
#top #info {
  float : right;
  margin : -60px 80px 0;
  padding : 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 120%;
}
#top #icons {
  float : right;
  margin : 25px 15px 0;
  padding : 0;
}
#top #icons img {
  padding-right : 2px;
  border : 0;
  border-color: #000000;
}


/* MENU */

#menu {
  margin : 0;
  height : 34px;
  padding-top : 0;
}
#menu li {
  list-style : none;
  display : inline;
  line-height : 34px;
}
#menu li a {
  text-decoration : none;
  margin : 0;
  padding : 9px 15px 10px 15px;
  font-weight : bold;
  color : #fffffe;
}
#menu li a:hover {
  color : #fffffe;
  background : #a7cc44;
  margin : 0;
}
#menu li a.current {
  background : #616161 url(images/trcorner.gif) no-repeat top right;
  color : #fffffe;
}


/* News */


#right_side {
  float: right;
  width: 230px;
  background: #ffffff url(images/topr.jpg) no-repeat top right;
  overflow: hidden;
}
#right_side .pad {
  padding : 35px 10px 10px 17px;
}
#right_side ul {
  padding : 0px 0 0px 0;
  list-style: none;
}
#right_side li {
  line-height: 18px;
  background: #fff;
  list-style: none;
  padding-left: 0;
  margin-left: 0px;
  margin-top: 20px;
  color : #000000;
}
#right_side a {
  background : inherit;
  text-decoration : none;
}
#right_side h3 {
  color : #949494;
  font : bold 1.2em Arial, Sans-Serif;
  margin-top : 10px;
}
#right_side h1 {
  margin: 0;
  padding: 10px 10px 0 10px;
  border: 0;
}
#right_side ul li a {
  display: block;
  text-decoration: none;
  color: #000000;
}
#right_side ul li a:hover {
  color: #c0c0c0;
}
#right_side .bottom {
  text-align: right;
  font-style: italic;
  display: block;
  margin-top: 5px;
  height: 20px;
  width: 200px;
  background: url(images/lrline.gif) no-repeat bottom left;
}


/* LEFT SIDE */


#left_side {
background : inherit;
margin-bottom : 10px;
width : 720px;
}
#left_side .intro {
height : 80px;
background : #616161;
color : #fff;
overflow : hidden;
}
#left_side .intro .pad {
padding : 18px 0 0 0;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 40px 0 0 0;
line-height: 1.8em;
font-size: 1.2em;
}
#left_side h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Arial, Sans-Serif;
}

#left_side .mpart h2 {
background : url(images/lrline.gif) no-repeat bottom left;
height : 20px;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
}
#left_side .mpart .title {
height : 20px;
padding : 0;
margin : 0 0 15px 0;
font-weight: bold;
}

#left_side p {
color : #454545;
padding : 0;
text-align : justify;
}
/*
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
*/
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 10px 0 25px 0;
text-align : right;
}
.line {
background : url(images/lrline.gif) no-repeat bottom left;
height : 20px;
/*border-top : 1px dotted #ccc;*/
}

#left_side .rs {
float : right;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}

#left_side ul {
list-style-position : inside;
list-style-image: url(images/list.gif);
margin-left : 2px;
}
#left_side ul li {
padding: 0;
margin-left: 15px;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}

/* FOOTER */

#footer {
font : 0.9em Arial, Sans-Serif, Verdana;
clear : both;
width : 900px;
margin : 0 0 6em 0;
color : #777;
background : #fff url(images/rlline.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 10px;
width : 900px;
}
#footer a {
text-decoration : none;
background : #fff;
}


/* COMPETITIONS */

#left_side .mpart .mathematics
{
  border: 1px solid;
  width: 150px;
  height: 150px;
  background: url(images/mathematics.jpg) no-repeat 0 0;
}
#left_side .mpart .mathematics a
{
  text-decoration: none;
  display: block;
  width: 150px;
  height: 150px;
}
#left_side .mpart .mathematics a:hover
{
  width: 150px;
  height: 150px;
  background: url(images/mathematics_bw.jpg) no-repeat 0 0;
}

#left_side .mpart .informatics
{
  border: 1px solid;
  width: 150px;
  height: 150px;
  background: url(images/informatics.jpg) no-repeat 0 0;
}
#left_side .mpart .informatics a
{
  text-decoration: none;
  display: block;
  width: 150px;
  height: 150px;
}
#left_side .mpart .informatics a:hover
{
  width: 150px;
  height: 150px;
  background: url(images/informatics_bw.jpg) no-repeat 0 0;
}

#left_side .mpart .results
{
  border: 1px solid;
  width: 150px;
  height: 150px;
  background: url(images/results.jpg) no-repeat 0 0;
}
#left_side .mpart .results a
{
  text-decoration: none;
  display: block;
  width: 150px;
  height: 150px;
}
#left_side .mpart .results a:hover
{
  width: 150px;
  height: 150px;
  background: url(images/results_bw.jpg) no-repeat 0 0;
}

#left_side .mpart .kengur
{
  border: 1px solid;
  width: 150px;
  height: 150px;
  background: url(images/kengur.jpg) no-repeat 0 0;
}
#left_side .mpart .kengur a
{
  text-decoration: none;
  display: block;
  width: 150px;
  height: 150px;
}
#left_side .mpart .kengur a:hover
{
  width: 150px;
  height: 150px;
  background: url(images/kengur_bw.jpg) no-repeat 0 0;
}