@import "template.css";

body {
  behavior: url(/include/hover.htc);
  background: url('../images/bg_blue.jpg') repeat-x #00AEEB;
  font-family: Arial;
  font-size: 0.8em;
  color: #515151;
}

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 960px;}

/*Header height*/
#header {height: 218px;}

/*Column's width*/
#left {width: 205px; padding-left: 6px; padding-right: 4px;}
#page {width: 510px; padding: 0px 10px;}
#right {width: 206px; padding-left: 4px; padding-right: 4px;}

/*Height of the footer */
#footer {height: 60px;}
#content {padding-bottom: 60px;}

/******************DESIGN OF PAGE***********************/
/* Common design */
#container {
  text-align: justify;
  background: url('../images/bg_page.jpg');
}

/* Header design */
#header {
  background-image: url('../images/bg_header.jpg');
}
#header .fulltext {
  position: absolute;
  top: 5px;
}
#header .fulltext input {
  font-size: 0.9em;
  border: 1px solid #98DFF5;
  color: #8F8F8F;
}
#header .fulltext .bg_input {
  width: 180px;
}
#header .logo {
  position: absolute;
  top: 40px;
  left: 100px;
}
#header .logo img {
  width: 175px;
  height: 65px;
  border: 0px;
}
#header #functions {
  position: absolute;
  top: 0px;
  right: 0px;
}
#header #functions ul li {
  display: block;
  float: left;
  height: 31px;
  line-height: 31px;
  font-size: 0.85em;
  padding-left: 15px;
}
#header #functions ul li a {
  display: block;
  float: left;
  height: 31px;
  line-height: 31px;
  color: #bcd4ec;
  text-decoration: none;
}
#header #functions ul li a:hover {
  background: url('../images/arrow_white.jpg') no-repeat bottom center;
  color: #fff;
}

/* Footer design */
#footer {
  width: 100%;
  background: #00AEEB;
}
#foot {
  background-image: url('../images/bg_footer.jpg');
  text-align: center;
  font-size: 0.9em;
  color: #fff;
  padding-top: 30px;
}
#makedby {
  position: absolute;
  font-size: 0.85em;
  color: #ace0fe;
  top: 25px;
  right: 0px;
  width: 210px;
  text-align: center;
}
#makedby a {
  color: #ace0fe;
  text-decoration: none;
}
#makedby a:hover {
  color: #E0EAEF;
}
/*Top menu*/
#topmenu {
  height: 70px;
  background: url('../images/bg_menu.jpg');
}
#topmenu .home {
  float: left;
  width: 60px;
  margin-top: 25px;
  text-align: center;
}
#topmenu ul {
  display: block;
  float: left;
}
#topmenu .menu li {
display:inline;
}
#topmenu li a {
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  font-size: 1.1em;
  padding: 10px 13px;
  width: 91px;
  height: 17px;
  text-align: center;
  font-weight: bold;
  margin-top: 17px;
  background: url('../images/top_menu_li.png') no-repeat;
  behavior: url(../include/iepngfix.htc);
}
#topmenu li a:hover {
  color: #fff;
  padding: 13px 13px 7px 13px;
  background: url('../images/top_menu_li_a.png') no-repeat;
  behavior: url(../include/iepngfix.htc);
}

/* left menu */
#left h3 {
  display: block;
  background: url('../images/h3.jpg');
  font-size: 1.1em;
  color: #000;
  height: 32px;
  line-height: 32px;
  width: 206px;
  text-align: center;
  margin-bottom: 10px;
}
#left ul {
  padding: 0px 10px;
}
#left ul li h4 {
  color: #369D25;
  padding: 5px 0;
  margin: 0;
  font-size: 1.1em;
}
#left ul li a {
  width: 160px;
  display: block;
  color: #00aeec;
  font-weight: bold;
  padding: 2px 0px 2px 15px;
  text-decoration: none;
  background: url('../images/arrow_blue.jpg') no-repeat 0px 7px;
  font-size: 1.1em;
}
#left ul li a:hover {
  color: #ff8a19;
  background: url('../images/arrow_orange_2.jpg') no-repeat 0px 7px;
}
#left ul li .menu1 {
  color: #ff8a19;
  text-decoration: underline;
  background: url('../images/arrow_orange_1.jpg') no-repeat 0px 7px;
}
#left ul li .menu1:hover {
  background: url('../images/arrow_orange_1.jpg') no-repeat 0px 7px;
}
#left ul li ul li {
  margin-left: 5px;
  font-size:0.9em;
}
#left ul li ul li a {
  width: 145px;
  display: block;
  color: #00aeec;
  font-weight: normal;
  padding: 2px 0px 2px 15px;
  text-decoration: none;
  background: url('../images/arrow_blue.jpg') no-repeat 0px 7px;
}
#left ul li ul li a:hover {
  color: #1d8c0a;
  background: url('../images/arrow_green.jpg') no-repeat 0px 7px;
}
#left ul li ul li .menu1 {
  color: #1d8c0a;
  text-decoration: underline;
  background: url('../images/arrow_green.jpg') no-repeat 0px 7px;
}
#left ul li ul li .menu1:hover {
  background: url('../images/arrow_green.jpg') no-repeat 0px 7px;
}
#left span {
  font-size: 0.8em;
}

/* right panel */
#right h3 {
  display: block;
  background: url('../images/h3.jpg') #fff;
  font-size: 1.1em;
  color: #000;
  height: 32px;
  line-height: 32px;
  width: 206px;
  text-align: center;
  margin-bottom: 10px;
}
#right .right_content {
  padding: 10px;
  font-size: 0.85em;
  text-align: left;
  border-bottom: 8px solid #fff;
}
#right .right_content ul {
  margin: 0;
  padding-left: 10px;
}
#right span {
  font-size: 0.8em;
}
/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin-bottom: 10px;
  text-align: center;
  padding: 4px 0px 13px 0px;
  font-size: 1.4em;
  font-weight: bold;
  color: #00aeec;
  background: url('../images/h1.jpg') no-repeat center bottom;
}
h2 {
  margin: 0px;
  text-align: left;
  padding: 0px 0px 10px 0px;
  font-size: 1.2em;
  font-weight: bold;
  color: #00aeec;
}
#page h3 {
  margin: 0px;
  text-align: left;
  padding: 0px;
  font-size: 1.1em;
  font-weight: bold;
  color: #EF702D;
}

a {
  color: #00aeec;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #369d25;
}

/*developer*/
/*body {background: #FFF5E6;}
#container {background: silver;}
#header {background: #efa4ae;}
#footer {background: #bf9347;}
#content {background: #afdbff;}
#topmenu {background: #0033cc;}
#left {background: #811f72;}
#page {background: #97468b;}
#right {background: #bd4ec0;}*/