body {
margin: 0;
padding: 0;
background-image: url("images/body-bg.gif");
background-position: center top;
background-repeat: repeat-y;
background-color: #f4f4f4;
color: #666;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;}

#container {
width: 730px;
\width: 750px;
w\idth: 730px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;}

#header {
margin-top: 10px;
text-align: center;}

#content {
margin-left: 190px;
margin-right: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;
}

* html #content {
height: 100%;
padding: 20px 0;
}

#content span.disc {
color: #039;}

#sidebar {
float: left;
width: 150px;
margin: 0;
padding-left: 20px;}

#footer {
clear: both;
margin-left: 190px;
}

#footer p {
margin: 0;
padding: 10px 20px;
color: #bbb;
font-size: 0.7em;
text-align: right;}

#footer a {color: #bbb;}
#footer a:hover {background-color: transparent; text-decoration: none;}

p {
font-size: 0.8em;}

p.title {
margin-top: 20px;
}

img {
border: none;}

h1#strapline {
margin: 0;
padding-top: 10px;
padding-right: 20px;
color: #039;
font-size: 0.9em;
text-align: center;}

h2 {
margin-top: 20px;
margin-bottom: 0;
color: #79c;
font-size: 1em;
}

h2 span {
text-transform: uppercase;
}

h3 {
margin-top: 20px;
margin-bottom: 0;
color: #79c;
font-size: 0.9em;}

strong {
color: #79c;
font-weight: bold;}

hr {
height: 1px;
color: #79c;}

ul {
display: list-item;
list-style-type: none;
line-height: 1.5em;
font-size: 0.8em;}

ul li {
list-style-image: url(images/bullet.gif);
}

* html ul li {
padding-left: 5px;}

.floatright {
float: right;
margin: 0 0 8px 8px;}

.floatleft {
float: left;
margin: 0 8px 8px 0;}

.border {
padding: 2px;
border: 1px solid #ccf;}

/* navigation */
#navcontainer {
width: 150px;
margin-top: 65px;}

#navcontainer ul#navlist {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #79c;
font-size: 0.8em;}

#navcontainer ul#navlist li {
margin: 0;
padding: 0;
border-bottom: 1px solid #79c;
list-style-image: none;}

#navcontainer ul#navlist a {
display: block;
height: 100%;
padding: 5px;
background-color: #fff;
color: #79c;
text-decoration: none;}

#navcontainer ul#navlist a:hover {
background-color: #e7edf6;
font-weight: bold;
}

#navcontainer ul#navlist a.current, #navcontainer ul#navlist a:hover.current {
background-color: #fff;
font-weight: bold;
cursor: default;
}

/* standard links */
a:link {
color: #79c;
background-color: transparent;
text-decoration: underline;}

a:visited {
color: #79c;
background-color: transparent;
text-decoration: underline;}

a:hover {
color: #79c;
background-color: #e7edf6;
text-decoration: none;}

a:active {
color: #79c;
background-color: transparent;
text-decoration: none;}

/* contact form */
#contactform {
float: right;
width: 17em;
margin: 0 0 15px 15px;}

fieldset {
padding: 10px;
border: 1px dashed #ccf;
font-family: "arial narrow", arial, helvetica, sans-serif;}

fieldset legend {
display: none;
}

.formrow {
padding: 3px 0;}

.label {
float: left;
margin-right: 0.3em;
width: 5em;
text-align: right;
font-size: 0.8em;}

fieldset input {
width: 13em;
margin-left: 0.3em;
background: #f4f4f4;
border: 1px solid #ccf;
color: #666;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 0.8em;}

fieldset textarea {
width: 13em;
margin-left: 0.3em;
height: 13em;
background: #f4f4f4;
border: 1px solid #ccf;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #333;
font-size: 0.8em;}

button {
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 0.9em;}

.accesskey {
text-decoration: underline}