*{margin:0;padding:0;}
html{margin:0; padding:0;}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:underline;border:none;}
ul li a:hover {text-decoration:none;}
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif, Osaka, verdana;
	color: #333;
	background: url(img/headline.gif) repeat-x;
	font-size: 13px;
	text-align: center;
}

a {	
    font-weight: bold;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #555;
}

.clearfix:after   {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
} 

.clearfix {  
     display: inline-block;  
}

/* container */

#container {
width: 793px;
margin: 0 auto;
text-align: left;
}

#toparea {
  width: 793px;
  height: 300px;
  background: url(img/head.gif) no-repeat;
}
 
#toparea h1 {
  padding:54px 0 0 20px;
}

#toparea h1 a {
  display: block;
  width: 277px;
  height: 60px;
}
#toparea h1 a span {
  display: none;
}

#description {
padding: 20px 20px 106px 20px;
}
#categories li{ float:left; list-style: none; padding: 0;}
#categories li a{display:block; padding:0; line-height:100%; height: 44px;}
#categories li a span{ display: none;}
#categories li a:hover {background: url(img/cat_hover.gif) no-repeat;}

#home a{ width:142px; margin-left: 11px;}
#cl1 a{ width:152px; margin-left: 2px;}
#cl2 a{ width:134px; margin-left: 2px;}
#cl3 a{ width:182px; margin-left: 2px;}
#cl4 a{ width:154px; margin-left: 2px;}

#categories li#home a:hover{ background-position: 0 0;}
#categories li#cl1 a:hover{ background-position: -144px 0;}
#categories li#cl2 a:hover{ background-position: -298px 0;}
#categories li#cl3 a:hover{ background-position: -434px 0;}
#categories li#cl4 a:hover{ background-position: -618px 0;}


/* Content */

#text_block {
float: left;
width: 510px;
margin: 20px 0 0 20px;
line-height: 260%;
font-size: 13px;
}   

#topicpath {
    font-size: 12px;
    color: #000;
    padding: 4px;
    background-color: #eee;
    border: solid 1px #aaa;
line-height: 100%;
}
#topicpath a {
text-decoration:none;
}
#text_block h2 {
    display: block;
    width:510px;
    padding: 30px 0 4px 10px;
    font-size: 28px;
    color: #333;
    background: url(img/pagetitle.gif) no-repeat bottom;
}
#text_block h4 {
font-size: 13px;
color: #000;
} 
#text_block .entry { 
     padding: 20px;
     }

#cls li { font-size: 16px; font-weight: bold;}
#cls li a { text-decoration: none; color: #575757;}
#cls li a:hover {
    color: #000;
}
#text_block .pagetop {
    text-align: right; 
    margin: 10px 0 30px 10px; 
    font-size: 12px;  
}
#text_block .pagetop a {
text-decoration:none;
}
/* list */
#allpages {
float: right;
margin: 20px 20px 0 0;
width: 233px;
overflow: hidden;
}
#allpages ul li {
padding: 6px;
color: #888;
line-height: 160%;
border-bottom: 1px dotted #aaa;
}
#allpages .menu_top {
  display: block;
  width: 233px;
  height: 52px;
  background: url(img/list_top.gif) no-repeat;
}
#allpages .menu_top span {
display: none;
}
#allpages ul#link li {
padding: 0;
border: none;
line-height: 100%;
}
#link li a {
display: block; 
width: 233px;
background: url(img/list.gif) no-repeat left;
text-decoration: none;
}
#link li a span {
   display: block;
   padding: 13px 5px 13px 30px; 
   color: #4d4d4d;
}

#link li a:hover span {
   color: #000;
}
.menu_btm {
display: block;
width: 233px;
height: 26px;
background: url(img/list_btm.gif) no-repeat;
}
/* foot */

#footer {
    clear: both;
    background: url(img/footer.gif) repeat-x; 
    font-size: 11px;
}
#footer ul {
padding: 20px;
}
 
#footer p {
    text-align: center;
    padding: 30px 6px 0 0;
}