* { margin: 0px; padding: 0px; }
html {
/* overflow: -moz-scrollbars-vertical; */

/*overflow-y: scroll; *//* -y stands for the vertical scrollbar */
}
#menu {
      background: url(nav.png);
      height: 36px;
      width: 980px;
      margin: 0 auto;
}

a {
color: #44c;
text-decoration: underline;
}
a:visited {
color: #44c;
}
a:hover {
color: #f00;
}
a:active {
color: #f00;
}
h2 a {
    text-decoration: none;
}

body {
		font: 80% verdana, arial, helvetica, sans-serif;
		text-align: center; /* for IE */
        background: #fff;
	}

.article {
    background: #fcfcfc;
    padding: 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 646px;
    float: left;
    margin-bottom: 20px;
	color: #444;
}

.article ul {
	padding: 20px;
}

.similar_articles {
    background: #fcfcfc;
    padding: 20px;
    border: 1px solid #ccc;
    width: 646px;
    float: left;
    margin-bottom: 20px;
}

.right_hand_block_title {

    background: #eef  url('images/10_recent.png');
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0px;
    width: 254px;
    float: right;
    text-align: center;
    color: #ccc;
}

.right_hand_block {
    color: #999;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    width: 234px;
    float: right;
}

.right_hand_block a{

    text-decoration: none;
}

.right_hand_block_2 {

    color: #999;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    width: 234px;
    float: right;
}

.right_hand_block_2 a{

    text-decoration: none;
}


.right_hand_block_title_2 {

    background: #eef url('images/15_top_votes.png');
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0px;
    width: 254px;
    float: right;
    text-align: center;
}

.article_title {
color:#444;
font-family:'Myriad Pro','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;
font-size:1em;
font-weight:normal;

    background: #f4f4f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 646px;
    float: left;
    text-align: left;
}
.article_title a {
font-family:'Myriad Pro','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;
font-size:2em;
font-weight:normal;
text-decoration: none;
text-align: left;
color: #888;
}

.article_title a:link {
text-decoration: none;
}
.article_title a:hover {
color: #f00;
text-decoration: none;
}
.article_title a:visited {
text-decoration: none;
}

.article_img {
    background: #fff;
    padding: 10px;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.article img {
    background: #fff;
    padding: 10px;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

#banner_adn {
      background: #fff url(banner_adn.png);
      height: 150px;
      width: 980px; 
      margin: 0 auto;
      margin-top: 5px;
}

#banner_adn a {
    text-decoration: none;
}

#content_news {
      width: 980px;
      margin: 0 auto;
      margin-top: 5px;
/*	font-family: Arial, Helvetica, sans-serif;*/
    font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    text-align: left;
}
#menu span {
     display: block;
}
html>body #menu span {
     display: none;
}

#menu li {
	list-style-type: none;
	float: left;
}

#menu a {
	height: 37px;
	display: block;
}
#list1 { width: 117px; }
#list2 { width: 117px; }
#list3 { width: 117px; }
#list4 { width: 117px; }
#list5 { width: 117px; }
#list6 { width: 117px; }
#list7 { width: 117px; }
#list8 { width: 161px; }

#list1 a:hover {
      background: url(nav.png) 0px -38px no-repeat;
}
#list2 a:hover {
      background: url(nav.png) -117px -38px no-repeat;
}
#list3 a:hover {
      background: url(nav.png) -234px -38px no-repeat;
}
#list4 a:hover {
      background: url(nav.png) -351px -38px no-repeat;
}
#list5 a:hover {
      background: url(nav.png) -468px -38px no-repeat;
}
#list6 a:hover {
      background: url(nav.png) -585px -38px no-repeat;
}
#list7 a:hover {
      background: url(nav.png) -702px -38px no-repeat;
}
#list8 a:hover {
      background: url(nav.png) -819px -38px no-repeat;
}


#list1 a:active {
      background: url(nav.png) 0px -75px no-repeat;
}
#list2 a:active {
      background: url(nav.png) -117px -75px no-repeat;
}
#list3 a:active {
      background: url(nav.png) -234px -75px no-repeat;
}
#list4 a:active {
      background: url(nav.png) -351px -75px no-repeat;
}
#list5 a:active {
      background: url(nav.png) -468px -75px no-repeat;
}
#list6 a:active {
      background: url(nav.png) -585px -75px no-repeat;
}
#list7 a:active {
      background: url(nav.png) -702px -75px no-repeat;
}
#list8 a:active {
      background: url(nav.png) -819px -75px no-repeat;
}



#list1.active a {
      background: url(nav.png) 0px -75px no-repeat;
}
#list2.active a {
      background: url(nav.png) -117px -75px no-repeat;
}
#list3.active a {
      background: url(nav.png) -234px -75px no-repeat;
}
#list4.active a {
      background: url(nav.png) -351px -75px no-repeat;
}
#list5.active a {
      background: url(nav.png) -468px -75px no-repeat;
}
#list6.active a {
      background: url(nav.png) -585px -75px no-repeat;
}
#list7.active a {
      background: url(nav.png) -702px -75px no-repeat;
}
#list8.active a {
      background: url(nav.png) -819px -75px no-repeat;
}


#menu9 {
        width: 250px;
        margin: 0px;
        padding: 0px;
        }

#menu9 li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        text-align: center;
        }

#menu9 li a:link, #menu9 li a:visited {
        color: #222;
        display: block;
        background:  url(menu9.gif);
        padding: 8px 0 0 10px;
        }

#menu9 li a:hover {
        color: #FFF;
        background:  url(menu9.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu9 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu9 li {
        margin: 0px;
        padding: 0px;
        }
        
pre.code {
        border: 1px dashed #bbb;
        padding: 0px;
        color: #000;
        background: #F1F1FF;
        overflow: auto;
}