body {
margin: 0;
padding: 0;
background-color: #ccc;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;}

#container {
width: 756px;
\width: 776px;
w\idth: 756px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background: url(images/container-bg.gif) #fff repeat-y;}

#header {
margin: 0 8px;
padding: 20px 12px;
background: url(images/header-bg.gif) #fff repeat;}

#header h1, #header p {
margin: 0;}

#header h1 a {
background-color: transparent;}

#content {
padding: 0 20px;}

#cols {
display: table;
position: relative;}

#col1, #col2, #col3 {
display: table-cell;
width: 202px;
float: left;
height: auto;
overflow: auto;
margin: 0;
padding: 0 17px;}

#col1 img, #col2 img, #col3 img {
text-align: center;}

#col1 {}

#col2 {
padding: 0 17px;
border: 1px dashed #ccc;
border-width: 0 1px;}

#col3 {}

.clear {
clear: both;}

img.border {
padding: 1px;
border: 1px solid #bbb;}

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

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

#footer {
clear: both;
width: 740px;
margin: 0 8px;
padding: 10px 0;
background-color: #eee;
color: #999;
font-size: 0.8em;
text-align: center;}

#footer p {
margin: 0;}

#footer a {
color: #999;
background-color: transparent;}

#container-bottom {
width: 756px;
height: 10px;
margin: 0;
margin-left: auto;
margin-right: auto;
background: url(images/container-bottom.gif) no-repeat;}

p {
font-size: 0.8em;}

img {
border: 0;}

h1, h2, h3 {
color: #36c;}

h1 {
font-size: 1.2em;}

h2 {
font-size: 1em;}

h3 {
margin: 0;
font-size: 0.9em;}

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

em {
color: #36c;
font-style: italic;}

ul {
display: list-item;
list-style-type: none;
line-height: 1.3em;}

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

a:link {
color: #36c;
background-color: transparent;
text-decoration: underline;}

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

a:hover {
color: #fff;
background-color: #36c;
text-decoration: none;}

a:active {
color: #36c;
background-color: transparent;
text-decoration: underline;}

/* navbar */
#navbar {
width: 740px;
margin: 0 8px;
background: url(images/navbar-bg.gif) repeat;
}

#nav {
display: block;
padding-top: 0.3em;
padding-right: 0;
padding-bottom: 0.3em;
padding-left: 20px;}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.85em;}

#nav li {
display: inline;}

#nav a {
margin: 2px;
padding: 0.2em 1em;
background-color: transparent;
color: #36c;
text-decoration: none;}

#nav a:hover, #nav a.current {
background-color: #7b9cde;
color: #fff;
text-decoration: none;}

/* contact form */
#contact-form {
float: right;
width: 19em;
margin: -12px 0 10px 20px;}

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

fieldset legend {
padding: 5px;
padding-top: 0;
color: #36c;}

.formrow {
padding: 3px 0;}

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

fieldset input {
width: 15em;
margin-left: 0.3em;
padding: 2px 5px;
background: #efefef;
border: 0;
color: #333;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 0.8em;}

fieldset textarea {
width: 15em;
margin-left: 0.3em;
padding: 2px 5px;
height: 8em;
background: #efefef;
border: 0;
font-family: "arial narrow", arial, helvetica, sans-serif;
color: #333;
font-size: 0.8em;}

button {
margin-left: 6em;
background: #efefef;
color: #333;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 0.9em;}

.accesskey {
text-decoration: underline}