/* Visitscott.com stylesheet
   This code controls all aspects of the visual design of the site
   Css code that reads from this page is inserted to the header of
   each page, and will save template coding time, and file size on
   each html file that reads it 

   -TEMPLATE NOTES
    the images in the title bar not touching is a problem with puttin returns
    between the <a>'s... if all links are in a straight line with no return breaks
    the images will work correctly and not touch (weird but it works)*/


@charset "utf-8";


/* BODY - the body tag defines the main body of the site
   it dictates the image, how the image repeats, the color, margins
   and other settings
       -body controls the basic body tag, everything on the bottom
       -margin is distance from any one corner of the page the page will be placed
       -background image defines the bkg */
body {
	margin: 0px;
	background-image: url(bkg-page.gif);
	background-color: #00825A;
	background-repeat: repeat-x;
    text-align: center;  }




/* the .attribute tells the HTML to use a tag within CSS
   the #attribute tells the CSS to use a tag within the HTML
   in this case, this tag controls the main site table 
      -this tag reads from the attributes ID="tag"  */ 
#main-table { margin: 0px auto; padding:0px;
              width: 800px; }
#header { overflow: hidden;}


/* these are the table button classes  */ 
.button1  {background:url(nav-buttons/button1.gif) no-repeat;
           width: 89px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button2  {background:url(nav-buttons/button2.gif) no-repeat;
           width: 154px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button3  {background:url(nav-buttons/button3.gif) no-repeat;
           width: 86px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button4  {background:url(nav-buttons/button4.gif) no-repeat;
           width: 101px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button5  {background:url(nav-buttons/button5.gif) no-repeat;
           width: 63px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button6  {background:url(nav-buttons/button6.gif) no-repeat;
           width: 119px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.button7  {background:url(nav-buttons/button7.gif) no-repeat;
           width: 188px;
           height: 24px;
           text-align: center;
           vertical-align: top; }

.banner-ad { vertical-align: middle;}


/* Content Area - this will create the content area when the .container
   tag is placed as a class in the html, use a DIV to difine it */
.standard-content-gray-bg  {
           background:url(bkg-content.gif);
           background-color:#E6E6E6;
           width: 800px;
           background-repeat: repeat-y;  
           vertical-align: top; 
           text-align: center;  }

.standard-table-bottom     {
           background:url(bkg-content-end.gif);
           width: 800px;
           height: 1px;
           background-repeat: no-repeat;  }

.standard-main-title {
           background:url(bkg-main-title.gif);
           width: 800px;
           height: 111px;
           background-repeat: no-repeat;
           text-align: right;
           align: center;}