body {
font: .7em/170% verdana;
background: url('images/background.png');
margin: 0; padding: 0;
color: #ccc;
}

/* layout */

.container {
width: 770px;
}

#header {
float: left;
background: url('images/freckled.png') no-repeat;
width: 364px;
height: 340px;
}

#content {
width: 400px;
float: right;
margin: 10px 0;
}

#sidebar {
width: 150px;
float: left;
clear: left;
margin: 0 0 0 220px;
}

#footer {
clear: both;
width: 100%;
text-align: right;
margin: 10px 0;
}

/* navigation */

#navigation {
list-style: none;
margin: 0; padding: 0;
}
#navigation li {
text-transform: lowercase;
}

#navigation li a {
color: #fff;
font: 1.3em/170% monospace;
text-decoration: none;
}

#navigation li a:visited {
color: #555;
}

#navigation li a:hover {
color: #116fb7;
}

/* styling */

img {
border: 0;
}

span {
color: #777;
}

a {
color: #427fae;
text-decoration: none;
}

a:visited {
color: #555;
}

a:hover {
color: #777;
}

h1 {
padding: 0 0 0 10px;
background: url(images/h1.png) no-repeat;
color: #f5f5f5;
font: 2.2em arial;
}

h2 {
color: #5289b3;
font: 1.3em arial;
margin: 0 !important;
padding: 0 !important;
}

.block {
margin: 10px 20px 10px 20px;
}

strong, em {
	color: #3072a5;
}

/* form */

input, textarea {
font: 12px/16px arial;
border: 1px solid #444;
background: #222;
color: #f7f7f7;
padding: 3px;
}

textarea {
background: #222 url('images/textarea.png') no-repeat center;
}

label {
color: #555;
}

.input {
width: 160px;
}

.submit {
width: 170px !important;
margin: 0 0 0 2px !important;
}

select {
padding: 3px;
width: 170px;
}

.req {
color: #5289b3;
}

.required {
border: 1px solid #fff;
}

/* required */

td {
padding: 3px;
}

.literow {
background: #fff;
}

.darkrow {
background: #ddd;
}