/* CSS Document */

html, body
{
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
}

.container
{
width:771px;
}

.leftcol
{
width:475px;
float:left;
}

.leftcol p
{
margin:0px 0px 20px 0px;
text-align:left;
font-size:14px;
}

.leftcol ul
{
display:inline;
text-align:left;
float:left;
padding:0px 0px 5px;
margin:20px 0px 30px 0px;
font-size:13px;
border-bottom:1px solid #FF9900;
 }
 
 .leftcol ul li
{
 display:inline;
 margin-right:5px;
 }
 
.leftcol ul li a
{
color:#333333;
text-decoration:none;
 }
 
   .leftcol ul li a:hover
{
color:#FF9900;
text-decoration:underline;
 }
 

h1
{
text-align:left;
color:#993399;
margin:0px 0px 30px 0px;
font-size:16px;
font-weight:normal;
}

.book
{
float:left;
width:100px;
height:103px;
margin:20px 20px 0px 0px;
background-image:url(book1.jpg);
}

.book a
{
float:left;
width:100px;
height:103px;
background-image:url(book1.jpg);
}

.book a:hover
{
float:left;
width:100px;
height:103px;
background-image:url(book2.jpg);
background-repeat:no-repeat;
}

.help
{
float:left;
width:100px;
height:103px;
margin:20px 20px 0px 0px;
background-image:url(help1.jpg);
}

.help a
{
float:left;
width:100px;
height:103px;
background-image:url(help1.jpg);
}

.help a:hover
{
float:left;
width:100px;
height:103px;
background-image:url(help2.jpg);
background-repeat:no-repeat;
}


.soft
{
float:left;
width:100px;
height:103px;
margin:20px 20px 0px 0px;
background-image:url(buy1.jpg);
 }
 
 .soft a
{
float:left;
width:100px;
height:103px;
background-image:url(buy1.jpg);
 }
 
  
 .soft a:hover
{
float:left;
width:100px;
height:103px;
background-image:url(buy2.jpg);
background-repeat:no-repeat;
 }
 
 
 .hard
 {
 float:left;
width:100px;
height:103px;
 margin:20px 20px 0px 0px;
 background-image:url(hard1.jpg);
 }
 
  .hard a
 {
 float:left;
width:100px;
height:103px;

 background-image:url(hard1.jpg);
 } 
 
   .hard a:hover
 {
 float:left;
width:100px;
height:103px;

 background-image:url(hard2.jpg);
 background-repeat:no-repeat;
 }  
 
 .rcol
 {
float:left;
width:296px;
 }
 
 h2
 {
 font-size:16px;
 color:#FF9900;
 margin:10px 85px 0px 40px;
 text-align:left;
 }
 
 .rcol ul
 {
 list-style-type:none;
 text-align:left;
 font-size:12px;
 margin-top:0px;
 }
 
 .rcol ul li
 {
 width:170px;
 }
 
.rcol a
 {
 width:170px;
 display:block;
 color:#333333;
 text-decoration:none;
  padding:5px 0px 5px 0px;
   border-bottom:1px solid #FF9900;
 }
 
 .rcol a:hover
 {
 width:170px;
 display:block;
 text-decoration:underline;
 background-color:#FFCC66;

 }
 
 .footer
 {
width:691px;
float:left;
margin:25px 0px 0px 0px;
 }
  
.footer a
 {
 color:#333333;
 }
 
.footer a:hover
 {
text-decoration:none;
 }
 
.footer p
 {
font-size:10px;
margin:5px 0px 0px 0px;
 }
 
 li.topnews
 {

 width:170px;
  margin-top:0px;
 }
  
  li.topnews a
 {
 border-top:1px solid #FF9900;
 border-bottom:1px solid #FF9900;
 width:170px;
 padding:5px 0px 5px 0px;
 }
 
 
 .book2
{
float:left;
width:127px;
height:29px;
background-image:url(book2a.jpg);
margin:20px 45px 0px 0px;
}

.book2 a
{
float:left;width:127px;
height:29px;
background-image:url(book2a.jpg);
}

.book2 a:hover
{
float:left;width:127px;
height:29px;
background-image:url(book2b.jpg);
background-repeat:no-repeat;
}

 .soft2
{
float:left;
width:127px;
height:29px;
margin:20px 45px 0px 0px;
background-image:url(soft2a.jpg);
}

.soft2 a
{
float:left;width:127px;
height:29px;
background-image:url(soft2a.jpg);
}

.soft2 a:hover
{
float:left;width:127px;
height:29px;
background-image:url(soft2b.jpg);
background-repeat:no-repeat;
}

 .help2
{
float:left;
width:127px;
height:29px;
margin:20px 45px 0px 0px;
background-image:url(help2a.jpg);
}

.help2 a
{
float:left;width:127px;
height:29px;
background-image:url(help2a.jpg);
}

.help2 a:hover
{
float:left;width:127px;
height:29px;
background-image:url(help2b.jpg);
background-repeat:no-repeat;
}

 .hard2
{
float:left;
width:127px;
height:29px;
margin:20px 45px 0px 0px;
background-image:url(hard2a.jpg);
}

.hard2 a
{
float:left;width:127px;
height:29px;
background-image:url(hard2a.jpg);
}

.hard2 a:hover
{
float:left;width:127px;
height:29px;
background-image:url(hard2b.jpg);
background-repeat:no-repeat;
}

h3
{
font-weight:bold;
font-size:14px;
margin:0px 0px 0px 0px;
text-align:left;
}

p.bookp
{
font-size:12px;
color:#990099;
}

p.softp
{
font-size:12px;
color:#3366CC;
}

p.hardp
{
font-size:12px;
color:#FF6600;
}

p.about
{
margin:10px 0px 0px 0px;
font-size:14px;
}

.clsNode
{
border:0px;
font-size:12px;
color:#666666;
padding:2px 0px 2px 0px;
text-align:justify;
line-height:16px;
}

.clsNode p
{
margin:5px 0px 5px 0px;
}



a.clsNode
{
text-decoration:none;
}

a.clsNode:hover
{
text-decoration:underline;
}


.clsNode h1
{
color:#FFFFFF;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
}

h2.clsNodeWht
{
color:#FFFFFF;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
}
a.clsNode2
{
color:#000066;
text-decoration:none;
}

a.clsNode2:hover
{
color:#0000FF;
text-decoration:underline;
}

p.about a
{
color:#0066FF;
}

p.about a:hover
{
text-decoration:none;
color:#FF0000;
}

.leftcol a
{
color:#990099l;
}


#foot
{
width:771px;
height:33px;
background-image:url(footer.jpg);
padding-top:0px;
background-repeat:no-repeat;
}


#foot a
{
color:#FFFFFF;
text-decoration:none;
margin:0px 0px 0px 0px;
line-height:25px;
}