﻿body{
background: #000 url(images/bg.jpg) repeat-x left top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#container
{
width: 792px;
margin: 0 auto;
background-color: #fff;
color: #333;
border: 1px solid #000;
line-height: 130%;
}

#top
{
/* border-bottom: 1px solid gray; */
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 170px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #CCC;
background-color: #000; /*  #1c0908;*/
border-top: 1px solid #000;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
.smallText{margin:0;font-size:smaller; line-height:1.5em;text-align:center;}
.smallestText{margin:0;font-size:x-small; line-height:1.5em;text-align:left;}
.footerText{margin:0;font-size:x-small; line-height:1.5em;text-align:center;}

.ContainerWrapper
{
border: solid 1px gray;
width: 175px; 
/* height:150px; */
text-align: center;
background: #FFF url(images/containerbody.png) repeat-x left top;
}
.ContainerMenu{
background:#FFF url(images/container_bg.jpg) repeat-x left top;
width:170px;
font-weight:bold;
color:#FFF;
text-align:left;
margin:0;
padding-top:5px;
padding-left:5px;
height:23px;
font-size:small;
font-weight:bold;
}