body {
font-family: Arial, Helvetica, Sans-Serif;
}



/* COMMENT: seven divs: container, banner, sidebar, main, main-ight,  footer-left, footer-right.	 */


/* COMMENT: Container holds all elements, preventing width from changing (and in Firefox, centering on page)	 */ 
   #container {
      margin: 0 auto;
      width: 907px;
      background:white;
      }




/* COMMENT: banner div is set to match width and height of its background image (907px by 54px) */
   #banner {
      position:relative; z-index:500;
      width: 907px;
      height: 54px;
      background:purple url(banner.jpg) no-repeat left top;
      }




/* COMMENT: sidebar div is set to match width and height of its background image (265px by 550px).  	 */
   #sidebar {
       width:265px; 
       height: 550px;
       float:left;
       padding-top:10px;
       padding-bottom:10px;
	  

       background:white;
       background-image: url(left-col.jpg);
       border-left: 0px solid white; 
       }

/* COMMENT:  sidebar contents will be positioned with:
Left side of contents 25px from left edge of sidebar
Top side of contents 120px from top edge of sidebar
Color of text is gray */
   #sidebar-contents { 
      padding-left: 10px;
      padding-left:25px;
      padding-top:120px;
      color:#414141;
      }

/* COMMENT: changes appearance of links of class "sidebar." Any link tagged <A class=sidebar>  will:
be underlined. 
Unvisited and visited are both grey. Hover and active are brick red (from banner image)  
*/
    a:link{
	color:#BC1F30;
	text-decoration:underline;
    }
   a:visited{
       color:#BC1F30;
       text-decoration:underline;
    }
  a:hover{
       color:#BC1F30;
       text-decoration:underline;
    }
   a:active{
       color:#BC1F30;
       text-decoration:underline;
    }







/* COMMENT: main div is set to match   height of its background image ( 550px). White border on left and bottom separates it from "sidebar" and "footer" divs.	 */
   #main {
      margin-left:268px;
      height: 550px;
      padding-top:10px;
      padding-bottom:10px;
 
      background-image: url(content.jpg);
      border-left: 1px solid white; 
      border-right: 0px solid white; 
      }    

/* COMMENT: menu at the top of each page - Home About Win$ Specials	 */
     ul.menu-main {
         float:left;
         width:100%;
         padding:2px;
         margin:0;
         list-style-type:none; 
     }
     li.menu-main {
         display:inline;
         font-size:130%;
         float:right;
         padding-left:20px;
         margin:0;
     }
/* COMMENT: changes appearance of main-main links	 */
     A.menu-main:link {
        color:gray;
        text-decoration:none;
     }

     A.menu-main:visited {
        color:gray;
        text-decoration:none;
     }
     A.menu-main:hover {
        color:#B6292F;
        text-decoration:none;
     }

     A.menu-main:active {
        color:#B6292F;
        text-decoration:none;
     }

/* COMMENT:  main-contents will be positioned with:
left side of contents 50px from left edge of main
Top side of contents 70px from top edge of main
Color of text is white */
   #main-contents {
      padding-left:50px;
padding-right:6px;
      padding-top:70px;
      color:white;
      }
/* COMMENT:  main-right will be positioned with:
left side of contents 50px from left edge of main
Top side of contents 70px from top edge of main
Color of text is gray */
   #main-right {
      padding-right:20px;
      padding-left:480px;
      padding-top:70px;
      color:#414141;
      font-size:-1;
      }







 
/* COMMENT: footer-left div is 623 px wide.    White border on top  separates it from "content" and  "sidebar" div.	 */
/*
   #footer-left {  
      float:left;
	border-top:2px solid white;
      width: 623px;
      height: 50px;
      background-color:#99CC66;
      color: #fef9ee;
      overflow:hidden;
      }
*/




/* COMMENT: footer-right div is 283px wide.   White borders on top and left separate it from "content" and  "footer-left" div.	 */
/*
   #footer-right {
      float:right;
	border-top:2px solid white;
	border-left:1px solid white;
      width: 283px;
      height: 50px;
      background-color:#99CC66;
      color: #fef9ee;
      overflow:hidden;
      }
      */

/* COMMENT: changes appearance of links of class "footer." Any link tagged <A class=footer>  will:
be underlined. 
Unvisited and visited are both white. Hover and active are brick red (from banner image)  
*/
/*
    A.footer:link{
       color:white;
       text-decoration:underline;
    }

    A.footer:visited{
       color:white;
       text-decoration:underline;
    }
    A.footer:hover{
       color:#B6292F;
       text-decoration:underline;
    }

    A.footer:active{
       color:#B6292F;
       text-decoration:underline;
    }
    */






/* COMMENT: formatting menus as inline lists. requires listing menu elements in reverse order	 */


/* COMMENT: menu at the top of each page - Home About Win$ Specials	 */
   ul.menutop {
      float:left;
      width:100%;
      padding:2px;
      margin:0;
      list-style-type:none; 
      }
   li.menutop {
      display:inline;
      font-size:130%;
      float:right;
      padding-left:20px;
      margin-right:5px;
      }
  
 
/* COMMENT: menu at the bottom of each page - About Members Join Deals	 */
   ul.menufoot {
      float:left;
      width:100%;
      padding:2px;
padding-top:4px;
      margin:0;
      list-style-type:none; 
      }
   li.menufoot {
      display:inline;
      font-size:90%;
      float:right;
      padding-right:10px;
      margin:0;
      }

 

.side {padding: 18px;}
.text {font-size:14px;}