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

#navigation{
width:575px;
height:20px;
float:right;
}

#navigation ul{
width:575px;
display:block;
text-decoration:none;
height:20px;
float:left;
position:absolute;
margin-top:-17px;
margin-left:-51px;
_margin-left:-11px;
}

#navigation ul li{
list-style-position:inside;
background:url(../images/no_mouse.jpg) no-repeat;
width:111px;
height:20px;
display:inline;
color:#000;
font: normal 12px Arial, Helvetica, sans-serif;
line-height:20px;
_padding:5px 0px 5px 0px;
padding:5px 17px 5px 18px;
text-align:center;
position:relative;

}

#navigation ul li.about{
padding:5px 30px 5px 30px;
_padding-left:60px;
}

#navigation ul li.archive{
padding:5px 36px 5px 35px;
_padding-left:75px;
}

#navigation ul li.ad{
padding:5px 16px 5px 16px;
_padding-left:75px;
}

#navigation ul li.learn{


}

#navigation ul li.contact{
padding:5px 25px 5px 25px;
_padding-left:75px;
}

#navigation ul li a {
text-decoration:none;
color:#000;
}

#navigation ul li a:hover{
background:url(../images/mouse_up.jpg) no-repeat;
width:111px;
height:20px;
text-decoration:none;
}

    #tabs {
      float: right;
	  margin-top:14px;
	width:720px;
	height:20px;
	_height:19px;
      font-size:93%;
      line-height:normal;
	font:normal 12px Arial;
	text-align:left; 
	
	
      }
    #tabs ul {
	margin-top:-20px;
	margin-left:-40px;
	_margin-left:0px;
	list-style:none;
	position:absolute;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(../images/topmenubg1.jpg) no-repeat;
	  width:98px;
	  height:20px;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  color:#333;
      }
    #tabs a span {
	display:block;
	text-align:center;
	width:98px;
	height:16px;
	padding:4px 0 0 0;
	_position:absolute;
      }
    #tabs a:hover {
      background-position:0 -20px;
	  color:#000;
      }
	  #tabs a.active {
      background-position:0 -20px;
	  color:#000;
      }

/*------------------------------------right tabs----------------------------*/
    #tabsr {
      float:left;
	width:301px;
	_width:310px;
	height:22px;
	_height:20px;
      font-size:93%;
      line-height:normal;
	font:normal 11px Arial;

      }
    #tabsr ul {
	margin-top:0px;
	margin-left:-40px;
	_margin-left:0px;
	list-style:none;
	position:absolute;
      }
    #tabsr li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsr a {
      float:left;
      background:url(../images/innertab.jpg) no-repeat;
	  width:99px;
	  height:18px;
	  _height:20px;
      margin:0;
      padding:2px 0 0 4px;
      text-decoration:none;
	  color:#fce592;
	  _position:relative;
      }
    #tabsr a span {
	display:block;
	text-align:center;
	width:99px;
	height:18px;
	_height:20px;
	padding:2px 0 0 0;
	_padding:2px 0 0 0;
	_position:absolute;
      }
    #tabsr a:hover {
      background-position:0 -22px;
	  color:#fce592;
      }