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

img {border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:none;border:none;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; text-align: center; font-size: 12px;background: url(img/headline.gif) repeat-x;}

a { color: #2e5bf5; text-decoration:none;}

a:hover {text-decoration:underline;}
 
/* container */

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

/* Header */
#header {
width: 728px;
height: 279px;
background: url(img/head.jpg) no-repeat;
}
#header h1 {
padding: 49px 5px 6px 7px;
}
#header h1 a {
display: block;
width: 715px;
height: 223px;
}
#header a span {
display: none;
}
#main_frame {
width: 700px;
margin-left: 10px;
}
/* left list*/
#topicsblock {
float: left;
width: 216px;
margin: 20px 0 0 0;
line-height: 200%;
letter-spacing: 2px;
}

#topicsblock ul li{
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#topicsblock ul li#topics_head a {
display: block;
width:214px;
height: 42px;
background: url(img/list_top.gif) no-repeat;
margin: 0;
}
#topicsblock ul li#topics_head a span {
display: none;
}
#topicsblock ul.links {
border: 1px solid #bec7e6;
background-color: #ecf0fb;
}
#topicsblock ul.links li {
border: none;
padding: 0;
}
#topicsblock ul.links li a {
display: block; 
background: url(img/mark.gif) no-repeat left;
color: #555;
margin-left: 10px;
}
#topicsblock ul.links li a:hover {
color: #222;
}
#topicsblock ul.links li a span {
display: block;
padding: 16px 5px 16px 25px;
}

/* Content */
#mainblock {
float: right;
width: 470px;
letter-spacing: 2px;
} 
#mainblock h3 {
margin-top: 20px;
font-size: 13px;
font-weight: normal;
letter-spacing: 2px;
border: 1px solid #333;
padding: 3px 6px;
} 
#mainblock h3 span {
border-left: 4px solid #333;
padding-left: 10px;
}
#mainblock .minitext {
padding: 10px;
line-height: 140%;
margin-bottom: 20px;
border-bottom: 3px double #eee;
}
#mainblock .minitext li {
padding-bottom: 10px;
}
#mainblock h2 {
padding: 8px 10px 12px 60px;
font-size: 18px;
background: url(img/pagetitle.gif) no-repeat bottom left;   
color: #222;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
 
#mainblock .block { 
padding: 0 20px 20px 20px;
line-height: 260%;
font-size: 15px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.category {
padding: 0 20px 20px 20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.category li { padding: 5px; margin: 10px; font-size: 16px; font-weight: bold;}
.category li a { color: #575757;}
.category li a:hover { color: #222;}

#mainblock .pagetop-tag {
margin: 0 0 20px 330px; 
}
#mainblock .pagetop-tag a {
display: block;
background: url(img/pagetop.gif) no-repeat;
width:139px;
height: 40px; 
}
#mainblock .pagetop-tag a span {
display: none;
}
/* foot */
#footer {
clear: both;
padding-top: 10px;
background: #f1f1f1 url(img/footer.gif) repeat-x;
letter-spacing: 2px;
}
#footer p {
width: 728px;
margin: 0 auto;
text-align: right;
padding: 10px;
}
#footer ul {
width: 728px;
margin: 0 auto;
text-align: left;
padding: 10px;
}