html {
 margin: 0;
 padding: 0;
 width: 97%;
}

body {
 margin: 0;
 padding: 0;
 background: #5a5a5a;
 color: #fff;
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 font-size: 75%;
}

A:hover {
 color: #fff;
 background: #2c2c2c;
 text-decoration: none;
}

A:active {
 color:#fff;
 background: transparent;
 text-decoration: none;
}

A {
 color:#a6a6a6;
 background: transparent;
 text-decoration: none;
}

h1 {
 font-weight: bold;
 font-size: 120%;
 background-color: #a6a6a6;
 color: #000;
 padding: 0 0 2px 4px;
 margin: 4px 0 0 0;
 border-bottom: 2px solid #333;
 border-right: 2px solid #333;
}

p.bodytext {
 text-indent: 3em;
 text-align: justify;
 line-height: 150%;
}

p.credits {
 text-align: right;
 font-size: 75%;
 background-color: #a6a6a6;
 color: #000;
 padding: 0 4px 0 0;
 margin: 0 0 10px 0;
 border-top: 2px solid #333;
 border-left: 2px solid #333;
}

p.article-date {
 font-size: 75%;
 font-weight: bold;
 color: #000;
 background-color: #a6a6a6;
 float: right;
 margin: -.5em 0 0 5px;
 padding: 0 2px 2px 2px;
 border-bottom: 2px solid #333;
 border-left: 2px solid #333;
 border-right: 2px solid #333;
}


p.csc-header-date {
 font-size: 75%;
 font-weight: bold;
 float: right;
 padding: 5px 4px 0 0;
}
/*
p.csc-header-date {
 font-size: 80%;
 font-weight: bold;
 text-align: right;
 margin-bottom: -32px;
 padding: 0 6px 0 0;
}
*/
#header {
 padding: 0 0 15px 0;
}

#sitenav {
 margin-left: 215px;
}

div.logo {
 margin: 0 0 10px 0;
}

div#sitenav ul {
 list-style: none;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: none;
}

div#sitenav li {
 margin: 0 0 0 0;
 display: inline;
}

div#sitenav li a {
 padding: 2px 5px 2px 5px;
 text-decoration: none;
 border: 2px solid #333;
 color: #fff;
}

html>body div#sitenav li a {
 width: auto;       
}

div#sitenav li a:hover {
 background: #2c2c2c;
 color: #fff; 
}

#columns {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: none;
}

#menu_1 {
 float: left;
 left: 0px;
 width: 190px;
 border-top: 2px solid #333;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 background: #000;
 color: inherit;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

div#menu_1 ul {
 list-style: none;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: none;
}

div#menu_1 li {
 margin: 0 0 0 0;
 border: none;
}

div#menu_1 li a {
 display: block;
 padding: 5px 5px 5px 5px;
 font-size: 85%;
 text-decoration: none;
 width: 190px;
}

div#menu_1 li.menu1-level1-no a {
 border-left: 5px solid #a6a6a6;
 background: #5a5a5a;
 color: #fff;
}

div#menu_1 li.menu1-level1-act a {
 border-left: 5px solid #a6a6a6;
 background: #a6a6a6;
 color: #000;
}

div#menu_1 li.menu1-level2-no a {
 border-right: 5px solid #a6a6a6;
 background: #5a5a5a;
 color: #fff;
 text-align: right;
}

div#menu_1 li.menu1-level2-act a {
 border-right: 5px solid #a6a6a6;
 border-left: 5px solid #5a5a5a;
 background: #a6a6a6;
 color: #000;
 text-align: right;
}

html>body div#menu_1 li a {
 width: auto;
}

div#menu_1 li.menu1-level1-no a:hover {
 border-left: 5px solid #666;
 background: #2c2c2c;
 color: #fff;
}

div#menu_1 li.menu1-level1-act a:hover {
 border-left: 5px solid #666;
 background: #2c2c2c;
 color: #fff;
}

div#menu_1 li.menu1-level2-no a:hover {
 border-right: 5px solid #666;
 background: #2c2c2c;
 color: #fff;
 text-align: right;
}

div#menu_1 li.menu1-level2-act a:hover {
 border-left: 5px solid #2c2c2c;
 border-right: 5px solid #666;
 background: #2c2c2c;
 color: #fff;
 text-align: right;
}

#content {
 padding: 5px 15px 5px 15px;
 min-height: 300px;
 height: auto;
 margin-left: 215px;
 /* margin-left: 190px; */
 margin-right: 25px;
 border: 2px solid #333;
 background: #5a5a5a;
}

#footer {
 padding: 10px 0 10px 0;
 font-size: 75%;
 text-align: center;
 clear: both;
}