body
{
    /* width: 1000px;    
       margin: auto;    
       height: auto;
    */
    margin-top: 0px; /* was 10 */
    font-family: 'trebuchet MS';
    font-size: 13px; /* was 14px - too big */
    font-weight: normal;
    font-style: normal;
    color: #333; /* was #000000 */
    background-color: #CCCCCC;
   
}
h2
{
    
    font-family: 'Times New Roman' , Times, serif;
    font-size: large;
    color: #666666;
}
h1
{
    margin: 5px;
    font-family: 'Times New Roman' , Times, serif;
    font-size: x-large;
    color: #666666;
}

.link
{
    padding: 5px; 
    vertical-align: bottom;
}

#topContent
{
    /* border-width: thin; */
    padding-top: 18px; /* was 30 */
    padding-bottom: 20px;/* was 30 */
    padding-left: 0px;
    padding-right:4px;
    width: 568px; /* was 600 */
    border-top-style: none;
    /* border-top: thin solid #C0C0C0;    
       border-top-color: #669900; */
    background-color: #FFFFFF;
    height: 120px;
}

#mainContent
{
    /* border-style: solid none solid none;
    border-width: thin;
    border-color: #669900;*/
    border-top:1px solid #669900;
    border-bottom:1px solid #669900;
    width: 568px; /* was 600 */
    padding-left: 2px; /* was 20 */
    padding-right: 1px;
    padding-top: 15px; /* was 30 */
    padding-bottom: 15px;/* was 30 */
    background-color: #FFFFFF;
    height: auto;
}

.mainContent { 
	margin: 0 0 0 200px; /* 180, 250 the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 13px;
    width: 568px;
} 
/* #Wrapper - it doesn't make any difference when you take it off.
{
    width: 190px;
    height: auto;
    float:left;
    background-color: #FFFFFF;
    
}
*/
#LeftPanel
{
    padding-left: 10px;
    padding-right: 8px;
    width: 180px;    
    height: auto;
    border-left: thin solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    border-style: none solid none none;    /* it was - border-style: solid solid solid none; */
    border-width: 1px;
    border-color: #669900;
    float: left;   
}

#FooterContent
{
    border-width: 1px;
    height: 50px;
    padding: 20px 2px 20px 0px;
    border-right-style: none;
    width: 568px; /* was 600 */
    background-color: #FFFFFF;
    /* border-bottom: thin solid #C0C0C0;
       border-bottom-color: #669900; */
   
}

.container
{
    background-position: #fff;
    width: 800px; /* was 780 using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #fff;
    margin: 10px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #669900;
    text-align: left; /* this overrides the text-align: center on the body element. */
}