body {
color:#666;
font-family:helvetica, sans-serif;
font-size:11px;
line-height:18px;
background: #821d1d url(../image/bgfade.jpg) repeat-y right top;
margin:0;
padding:0;
}

#outer {
width:100%;
height:100%;
margin:0;
padding: 0;
}

.main {
font-size: 11px;
vertical-align:top;
margin:0;
padding:0;
}

/*Logo*/
#logo{
height:56px;
margin:0;
padding: 0;
background: url(../image/topbar.gif);
}

/*Content*/
div#mainContent{
width: 490px;
max-width: 500px;
min-height: 400px;
top: 24px;
margin: 0 0 23px 30px;
padding: 0 30px 0 30px;
display:inline;
float: left;
position: relative;
background: #FFF url(../image/contentfade.jpg) repeat-x top left;
}

#mainContent{
letter-spacing: 1px;
line-height: 24px;
color: #333;
}

#mainContent h1{
font: italic 18px helvetica, san-serif;
letter-spacing: 1px;
color: #666;
margin: 10px 0 0 0;
display: block;
}

#mainContent p img{
display: block;
border: 0;
}

#mainContent a{
color: #821d1d;
font-weight:bold;
text-decoration: underline;
}

#mainContent a:hover{
color: #CC3300;
}

/*Navigation*/
#leftnav{
width: 195px;
margin: 0 0 0 5px;
position: relative;
float: left;
display:inline;
}

ul#navlist{
padding: 32px 0 0 12px;
margin: 0px;
list-style-position: outside;
}

#navlist li{
list-style-type: none;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid white;
}

#navlist li a { 
margin-left: 5px;
letter-spacing: 1px;
text-transform: uppercase;
color: white;
text-decoration: none; 
}

#navlist li a:hover { 
color: #CCC;
}

#navlist li a#current { 
font-weight: bold;
}

/*Footer*/
.footer {
font-size: 11px;
vertical-align:top;
margin:0;
padding:0;
background:url(../image/btmbar.gif) repeat-x 0 0;
}