* {
margin : 0;
padding : 0;
}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
border : 0;
}
body {
background : url("images-css/bg.gif") repeat-x 0 0;
font : 0.8em/1.5 "arial", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
margin : 15px 0 10px 0;
font-family : "arial", sans-serif;
}
h3 {
margin : 15px 0 0 0;
}
p, table, ul, ol, dl, fieldset {
margin : 15px 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
font-size : 100%;
}
th {
text-align : center;
font-weight : bold;
}
th, td {
padding : 3px 7px;
}
ul, ol {
margin-left : 30px;
list-style : none;
}
ul ul, ol ol {
margin : 0;
margin-left : 20px;
}
ol {
list-style-type : decimal;
}
li {
display : list-item;
}
dt {
font-weight : bold;
}
dd {
margin-left : 30px;
}
fieldset {
position : relative;
padding : 5px;
border : 1px solid #ccf;
background : #f3f3f3;
}
legend {
position : absolute;
top : -1em;
margin : 0;
padding : 5px 10px;
font-size : 130%;
font-weight : bold;
color : #0559b8;
}
label {
color : black;
font-weight : bold;
}
input {
border : 1px solid #ccf;
padding : 2px;
}
.box {
min-height : 1px;
}
.box:after {
display : block;
visibility : hidden;
clear : both;
line-height : 0;
font-size : 0;
content : ".";
}
.relative {
position : relative;
}
.clear {
clear : both;
}
.f-left {
float : left !important ;
}
img.f-left {
float : left;
margin-right : 10px;
max-width : 40%;
}
.f-right {
float : right !important ;
}
img.f-right {
float : right;
margin-left : 10px;
max-width : 40%;
}
.t-left {
text-align : left !important ;
}
.t-center {
text-align : center !important ;
}
.t-right {
text-align : right !important ;
}
.t-justify {
text-align : justify !important ;
}
.va-top {
vertical-align : top;
}
.va-middle {
vertical-align : middle;
}
.va-bottom {
vertical-align : bottom;
}
.nom {
margin : 0 !important ;
}
.nomt {
margin-top : 0 !important ;
}
.nomb {
margin-bottom : 0 !important ;
}
.noscreen {
display : none;
}
.bigger {
font-size : 110%;
}
.smaller {
font-size : 85%;
}
#main {
width : 960px;
margin : 0 auto;
}
#header {
position : relative;
width : 980px;
height : 70px;
padding-top : 30px;
padding-left: 10px;
background : url("images-css/header.gif") no-repeat 0 0;
overflow : hidden;
}
#logo {
margin : 0;
font-size : 240%;
}
#logo a {
text-decoration : none;
}
#rss {
position : absolute;
top : 0;
left : 700px;
height : 70px;
padding : 20px 0 0 91px;
background : url("images-css/rss.gif") no-repeat 0 0;
font-size : 11px;
font-weight : bold;
}
#rss a:hover {
text-decoration : none;
}
#cols {
background : url("images-css/cols.gif") no-repeat 700px 100%;
}

#contentL {
float : left;
width : 190px;
padding : 10px;
padding-bottom : 20px;
overflow : hidden;
}
#contentL #title {
margin : 0;
padding : 20px 15px 10px 15px;
background : url("images-css/title.gif") repeat-x 0 100%;
font-size : 200%;
letter-spacing : -1px;
}


#content {
float : left;
width : 470px;
padding : 10px;
padding-bottom : 20px;
overflow : hidden;
}
#content #title {
margin : 0;
padding : 20px 15px 10px 15px;
background : url("images-css/title.gif") repeat-x 0 100%;
font-size : 200%;
letter-spacing : -1px;
}
#aside {
float : right;
width : 220px;
padding : 10px 10px 10px 10px;
/*padding : 60px 10px 20px 20px;*/
/*background : url("images-css/aside.gif") no-repeat 0 0;*/
overflow : hidden;
}
#aside h4 {
font-size : 100%;
}
.about {
margin-bottom : 20px;
padding : 10px;
background : url("images-css/about.gif") no-repeat 100% 100%;
}
.nav {
margin : 0;
list-style : none;
}
.nav li {
display : inline;
}
.nav li a {
display : block;
padding : 2px 0 2px 22px;
background : url("images-css/nav-link.gif") no-repeat 0 5px;
text-decoration : none;
}
.nav li a:hover, .nav li a.active {
background : url("images-css/nav-active.gif") no-repeat 0 5px;
}
.latest {
margin : 0;
list-style : none;
}
.latest li {
display : block;
padding : 2px 0;
}
.latest li a {
display : block;
text-decoration : none;
}
#footer {
clear : both;
padding : 15px;
padding-top : 22px;
background : url("images-css/footer.gif") repeat-x 0 0;
}
#footer p {
margin : 0;
}
#footer a:hover {
text-decoration : none;
}
#perex {
padding : 15px;
background : url("images-css/perex.gif") no-repeat 100% 100%;
}
#perex p {
margin : 0;
}
.ico-comment {
padding-left : 15px;
background : url("images-css/ico-comment.gif") no-repeat 0 1px;
}
.cols5050 {
margin : 15px 0;
}
.cols5050 .col {
/*width : 97%;*/
width : 468px;
margin : 0 auto;
}
.cols5050 .col dl.list, .cols5050 .col dl.list dd {
margin : 0;
}
.cols5050 .col dl.list {
background : url("images-css/dl-list.gif") repeat-y 5px 0;
}
.cols5050 .col dl.list dt {
padding-left : 20px;
background : url("images-css/dl-list-dt.gif") no-repeat 0 50%;
font-size : 16px;
padding-bottom : 0;
margin-bottom : 0;
}
.cols5050 .col dl.list dd {
margin-left : 20px;
padding : 10px 10px 20px 0;
background : url("images-css/dl-list-dd.gif") no-repeat 100% 0;
clear : both;
}
#calendar {
width : 230px;
margin : 20px 0;
font-size : 85%;
}
#calendar th {
padding : 4px 1px;
}
#calendar td {
text-align : center;
}
#calendar td#calendar-active {
font-weight : bold;
}
.button {
padding : 5px 8px;
background : url("images-css/button.gif") repeat-x 0 0;
text-decoration : none;
font-weight : bold;
}
a {
color : #034691;
}
a:hover {
color : #ff9f00;
}
body {
background-color : #cce6ff;
}
.low {
color : #888;
}
#header {
background-color : #034691;
}
#logo span {
color : #ff9f00;
}
#logo a {
color : #fff !important ;
}
#rss a {
color : #fff;
}
#cols {
background-color : #fff;
}
#content #title {
background-color : #ff9f00;
color : #fff;
}
.about {
border-top : 1px solid #b2dbff;
background-color : #e6f3ff;
}
.nav {
border-top : 1px solid #e6f3ff;
}
.nav a {
border-bottom : 1px solid #e6f3ff;
}
.nav li.nav-active a {
color : #ff9f00;
}
#footer {
background-color : #b2d9ff;
color : #034691;
}
#footer a {
color : #034691;
}
#perex {
background-color : #eef7ff;
}
.cols5050 .col dl.list dt {
background-color : #fff;
}
.cols5050 .col dl.list dt a {
color : #105cb6;
}
.cols5050 .col dl.list dt a:hover {
color : #003;
}
#calendar th {
background : #cce6ff;
color : #022e5f;
}
#calendar th, #calendar td {
border : 1px solid #cce6ff;
}
#calendar td#calendar-active {
background : #ff9f00;
color : #fff;
}
#calendar tr.bg td {
background : #f0f8ff;
}
.button {
border : 1px solid #034691;
background-color : #034691;
color : #fff;
}
.error {
color : #ff0000;
font-weight : bold;
}
.orange {
color : #f09000;
}
a.addTalkback {
padding : 0 0 0 15px;
background : url("images-css/ico-comment.gif") no-repeat 0 1px;
color : #f09000;
}
a.print {
padding : 0 0 0 15px;
background : url("images-css/print.gif") no-repeat 0 1px;
color : #f09000;
}
h3.comments {
font-family : georgia;
color : #333;
font-weight : bold;
font-size : 18px;
margin : 0 20px;
}
ul.comments * {
font-family : georgia;
}
ul.comments li {
margin : 0 0 20px 0;
padding : 4px;
border-left : 2px solid #ccc;
}
ul.comments li.odd {
background : #f3f3f3;
}
h2.comment-title {
padding : 0 0 0 15px;
background : url("images-css/ico-comment.gif") no-repeat 0 1px;
color : #333;
font-size : 16px;
margin : 0;
}
p.comment-text {
color : #333;
font-size : 12px;
margin : 0;
padding : 0;
}
p.comment-date {
font-size : 12px;
color : #f09000;
margin : 0;
padding : 0;
font-family : arial;
}