body {
background-color: white;
color: #222;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}

a {
text-decoration: underline;
color: black;
font-weight: bold;
}

a:hover {
color: violet;
}

p {
margin: 1em 0em 0em 1em;
}

h1 {
margin: 0px;
padding: .5em;
font-variant: small-caps;
color: black;
}

h2 {
margin: 0px 0px 10px 0px;
border-style: solid;
border-color: black;
border-width: 0px 0px 1px 0px;
color: black;
text-align: left; 
}

h3 {
margin: 1em 0em 1em 0em;
border-style: solid;
border-color: black;
border-width: 0px 0px 1px 0px;
}

small { 
font-size: 70% 
}

#logo {
width: 50px;
height: 61px;
background-image: url(red.gif);
vertical-align: middle;
margin: 0px 6px 1px 0px;
}

#validhtml {
float: right;
margin: 0px 1em 0px 0px;
}

#validhtml a {
font-weight: bold;
font-size: 12px;
color: #222;
}

#validcss {
float: right;
margin:0px 1em 0px 0px;
}

#validcss a {
font-weight: bold;
font-size: 12px;
color: #222;
}

#title {
font-weight: bold;
font-size: 28px;
color: black;
}

#title a {
color: black;
}

#sub-title {
font-size: 14px;
font-weight: normal;
}

#heading {
margin: 10px;
}

.block, #block_end {
width: 100%;
}

#block_heading {
width: 100%;
border-style: solid;
border-color: violet;
border-width: 0px 0px 3px 0px;
background-color: white;
}

#heading1 {
display: inline;
float: left;
padding-left: 1%;
padding-right: 15px;
}

#heading2 {
display: block;
margin: 0px 0px 0px 5px;
}

#end_heading, .end_block {
clear: both;
}

#sep_block {
background-color: white;
border-style: solid;
border-color: violet;
border-width: 0px 0px 3px 0px;
padding-left: 1%;
width: auto;
}

.subblock {
display: inline;
float: left;
margin: 1em 0px 1em -1px;
padding-right: 10px;
padding-left: 10px;
border-style: solid;
border-color: violet;
border-width: 0px 0px 0px 0px;
}

.rgutter {
display: inline;
width: 1%;
float: left;
height: 1px;
}

#blocka {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
border-style: solid;
border-color: violet;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#blockb {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
border-style: solid;
border-color: violet;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#blockc {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
padding-right: 2%;
padding-left: 1%;
}


#end p {
margin: 0px;
padding: 0px;
}

#end {
background-color:white;
border-style: solid;
border-color: violet;
border-width: 3px 0px 0px 0px;
padding-top: .5em;
padding-left: 1%;
width: auto;
text-align: left;
}

#corps {
margin: 2% 2% 2% 9%;
text-align: justify;
}

#corps h2 {
margin: 0em 0em 0em -1em;
}

#corps p {
margin: 1em 0em 1em 0em;
}

#menu_bord {
display: inline;
width: 20%;
float: right;
padding: 10px;
}

#menu {
padding: 0em 0em 1em 0em;
text-align: left;
background-color: #ddd;
border-style: solid;
border-color: violet;
border-width: 1px;
}

.block ul {
margin: 0px 0px 0px 1em;
padding-top: 0px;
padding-bottom: 0px;
}

.block p {
margin: 0px 0px 0px 1em;
padding-bottom: 0px;
padding-top: 0px;
}