/* CSS from tutorials of www.alsacreations.com/articles */
body {
text-align: center;
font: 14px Arial, Verdana, sans-serif;
background-color: #FFF;
}

#body
{
  width: 750px;
  border: 1px solid #006F4B;
  text-align: left;
}

#left
{
  width: 250px;
  border: 0px solid #CCC;
  float: left;
}

#right
{
  width: 490px;
  border: 0px solid #CCC;
  float: right;
}

#head
{
  width: 490px;
  height: 300px;
  border: 0px solid #CCC;
  float: right;
  background-image: url('pics/head.jpg');
  background-repeat: no-repeat;
}

#icons
{
  margin-top: 263px;
  float: right;
  text-align: right;
  width: 140px;
  height: 34px;
  border: 0;
}
#icons img
{
  border: 0;
}

#display_icons_text1
{
  margin-top: 260px;
  float: left;
  text-align: center;
  width: 335px;
  height: 30px;
  padding-top: 5px;
  padding-right: 5px;
  font-size: 20px;
  border: 1px solid #EEE;
  color: #AAA;
  background-color: #FEFEFE;
  display: none;
}

#display_icons_text2
{
  margin-top: 260px;
  float: left;
  text-align: center;
  width: 335px;
  height: 30px;
  padding-top: 5px;
  padding-right: 5px;
  font-size: 20px;
  border: 1px solid #EEE;
  color: #AAA;
  background-color: #FEFEFE;
  display: none;
}

#display_icons_text3
{
  margin-top: 260px;
  float: left;
  text-align: center;
  width: 335px;
  height: 30px;
  padding-top: 5px;
  padding-right: 5px;
  font-size: 20px;
  border: 1px solid #EEE;
  color: #AAA;
  background-color: #FEFEFE;
  display: none;
}



/* ============== info board ============== */

#info_board
{
  border: 0px solid #CCC;
  width: 490px;
  height: 200px;
}

#board_left
{
  border: 1px solid #EEE;
  background: #fff;
  background-image: url('pics/b-left.jpg');
  color: #8F1A77;
  width: 230px;
  height: 190px;
  float: left;
  padding: 10px 5px 0 5px;
}

#board_right
{
  border: 1px solid #EEE;
  background: #fff;
  background-image: url('pics/b-right.jpg');
  color: #1B676F;
  width: 230px;
  height: 190px;
  float: right;
  padding: 10px 5px 0 5px;
}

#main_content
{
  border: 1px solid #EEE;
  background: #fff;
  color: #1B676F;
  padding: 5px;
  width:460px;
  margin: 0 5px 5px 5px;
}

#technobg
{
  font-size: 12px;
  color: #BBB;
  border: 0;
  padding: 2px;
  text-align: center;
}

#technobg a
{
  font-size: 12px;
  color: #AAA;
  text-decoration: none;
  font-weight: bold;
  padding: 0 3px 0 3px;
}

#technobg a:hover
{
  font-size: 12px;
  color: #FFF;
  background:#BBB;
  text-decoration: none;
  padding: 0 3px 0 3px;
}

h1, h2 {
font-size: 18px;
}

ul {list-style-type: none;
margin: 0;
padding: 0;}

.menu a{
display: block;
height: 25px;
width: 250px;
border: 1px solid #006F4B;
border-top: 0;
border-left: 0;
text-decoration: none;
color: #FFF;
text-indent: 40px;
font-size: 18px;
letter-spacing: 2px;
padding-top: 5px;
background-image:url(pics/p0.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #55BC9E;
}

.submenu a{
display: block;
height: 25px;
width: 250px;
border: 1px solid #006F4B;
border-top: 0;
border-left: 0;
text-decoration: none;
color: #FFF;
text-indent: 60px;
font-size: 18px;
letter-spacing: 2px;
padding-top: 5px;
background-image:url(pics/sub0.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #279F7B;
}

#board_right ul li
{
  list-style-type: square;
  margin-left: 25px;
}

.menu a:hover{
background-image:url(pics/p1.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #319F7E;
color: #DDD;
}


.submenu a:hover{
background-image:url(pics/sub1.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #177F60;
color: #DDD;
}

#current {
background-image:url(pics/p2.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #DFFFF5;
color: #118F66;
}

#sub_current {
background-image:url(pics/sub2.gif);
background-position: left center;
background-repeat: no-repeat;
background-color: #DFFFF5;
color: #118F66;
}


#index_contact
{
  margin: 10px;
  padding: 5px;
  border: 1px solid #DDD;
  background: #F9F9F9;
}

#index_contact div:hover
{
  margin: 10px;
  padding: 5px;
  border: 1px solid #AAA;
  background: red;
}

#board_right a
{
  color: #118F66;
  text-decoration: none;
  font-size: 12px;
  margin-left: 130px;
  padding: 0 2px 0 2px;
}

#board_right a:hover
{
  color: #DFFFF5;
  background: #118F66;
}

.clear
{
  clear: both;
}

address
{
  font-style:normal;
}

input, textarea {
  border: 1px solid #EEE;
}
#sbm_button {
  border: 1px solid #1b676f;
  color: #1b676f;
  background: #EEE;  
  margin-top:2px;
 }