/* block level elements */

body {
color: #000000;
background-color: #ccc;
font-family: "times new roman", geneva, arial, sans-serif;
font-size: 90%;
margin: 0;
padding: 0;
}                                   

fieldset {
color: #fff;
background: #0d0d0d;
padding: 2% 5% 2% 5%;
border: 0;
}

a {
text-decoration: none;
}

a:link {
color: #fff;
background: inherit;
}

a:visited {
color: #fff;
background: inherit;
}

a:hover {
color: red;
background: inherit;
}

a:active {
color: #fff;
background: inherit;
}

#head {
color: #fff;
background: #0d0d0d;
font-weight: bold;
width: 100%;
overflow: hidden;
}

#head p {
font-family: "Monotype Corsiva", geneva, arial, sans-serif;
font-size: 18pt;
float: left;
padding: .05% 0% .05% 1%;
}

#head h1 {
float: right;
margin: 2% 40% 2% 0%;
padding: 0;
}

#wrap {
color: #fff;
background: #0d0d0d;
width: 90%;
margin: auto;
padding: 0;
height: 100%;
}

#content {
width: 90%;
padding: 0% 5% 0% 5%;
margin: auto;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
}

#foot {
color: #fff;
background: #0d0d0d;
text-align: center;
font-size: 90%;
clear: both;
margin: 0;
padding: 1% 0% 1% 0%;
}


/* classes */

.note {
color: red;
background: inherit;
}

.center {
text-align: center;
}


.w3c {
padding: 1em;
text-align: center;
}