BODY
        {
        background-color: #FFFFFF;  /* the overall color of the website background */
        padding:0px 0px 0px 0px; /* leave these three options alone */
        margin: 0px 0px 0px 0px;
        border: 0px 0px 0px 0px; 
        }
      #main
        { 
        padding: 10px;
		padding-right: 3px;
		padding-top: 0px; 
        color: #666666;
        font: 9pt verdana;  /*font of the main content area */
        }
      #thumbnail
        {margin: 6px; border: 0px;} /* dont mess with this if you want your thumbnails to work */
      #maintable{
	background-color: #FFFFFF;
	border: 4px solid #CCCCCC;
	color: #FFFFFF;
        }
      #header{
        background-image: url(mainimages/topbar.jpg);  /* top bar URL */
        background-color: #FFFFFF; /* top bar background color. use to blend image to background */
        background-repeat: no-repeat; /* makes sure your background image does not tile */
        }
      #sidebar{
        color: #666666; /* font color of the sidebar */
        font: 14pt verdana; /* font size and face */
		padding-left: 7px;
      	background-image: url(mainimages/leftbar.jpg); /* url of the sidebar bg image */
        background-color: #FFFFFF;  /* side bar background color. use to blend image to background */
        background-repeat: no-repeat; /* makes sure your background image does not tile */
        }
      A:link.sidebar{
        color: black; /* color of links in the sidebar, when they have not been clicked and are not being hoverd over */
        font: 12pt verdana; /* font, size of links */
        text-decoration: none; /* turns off underlines on links */
        }
      A:hover.sidebar{
        /* this part is the same as a:link.sidebar except declares what happens to links when you hover over them with your mouse cursor */
        color: black;  /* for some reason this isnt working */
        font: 12pt verdana; 
        padding-left: 15px; /* makes the links move to the right 15px when they're hoverd over */
        text-decoration: none; 
        }
      A:visited.sidebar{
        /* this part is the same as a:link.sidebar except declares what happens to links when you've previously clicked on a link*/
        color: black;
        font: 12pt verdana;
        text-decoration: none; 
        }
      A:active.sidebar{
      /* this part is the same as a:link.sidebar except declares what happens to links when you have them open in another window */
        color: black;
        font: 12pt verdana; 
        text-decoration: none; 
        }
      #contact /*stuff for the contact info on the bottom of every page */
        {
		font: 10pt Verdana, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
        padding-left: 135px; 
        color: #666666;
        }
      #showcase{float: right; position: relative;} /* dont change */
      #title{font: 16pt verdana;}