@font-face {
    font-family: 'capsuularegular';
    src: url('Capsuula-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body
{
font-family: capsuularegular, sans-serif;
font-size: 100%;
background-image:url('../images/bkgrnd.png');
background-repeat:repeat-x;
background-color:#F0F0F0;
color:#F5F5F5;
margin:50px;
}

h1 {font-size:140%;}
h2 {font-size:120%;}
h3 {font-size:110%;}
h4 {font-size:100%;}

th {background-color:#dc143c;}

ul {list-style:square;}
ol {list-style:upper-roman;}

a:link
{
text-decoration: none;
color:#505050;background-color:transparent;
}
a:visited {text-decoration: none;color:#505050;background-color:transparent;}
a:hover {text-decoration: none;color:#dc143c;background-color:transparent;}
a:active {text-decoration: none;color:#dc143c;background-color:transparent;}

#container {
width:auto;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(bg.gif) repeat-x #ffffff;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#454545;
text-align:left;
min-height: 500px;
}

#nav {
font-size: 120%;
font-weight: bold;
float: left;
width: 160px;
margin-left: 10px;
padding-top: 1em;
}

#content {
font-size: 120%;
font-weight: bold;
padding-top: 1em;
margin: 0 2em 0 200px;
}

#footer {
text-align: center;
background-color: #ccc;
}