/* Design started from code generated by csscreator.com.  Modified extensively by bradhadley.com */ 
/* Final design and css file copyright Brad Hadley, brad@bradhadley.com, 2006                    */


/*    Buttons by buttongenerator.com   Specs:

***** Original *****
FlatGold_1 in both states
Color: 13 for both
Arial Bold
Font 12,  antialial checked
Alignment center
Text color:  000000/ffffff 1/0; mouse over ffffff/000000 -1/-1
Same width (default to largest)
6 across (all)
Leave sub-menus alone, not used.
png format

***** NEW *****
TabsAlpha1/2 *** Put 2 first *** 
Color: 10 for both
Arial Bold
Font 11,  antialial checked
Alignment center
Text color:  ffffff/000033 1/1; mouse over 000030/ffffff 1/1  Reverse:  black initially
Same width (default to largest)
6 across (all)
Leave sub-menus alone, not used.
png format


index.html
member.php
cal.html
contact.html
membership.html
affiliates.html

Home
Member Search
Calendar
Contact Us
Membership
Affiliates


==== Left col buttons -- must be named differently

Not using buttons for now.

165 wide
Arial Narrow Bold 11

National Association of REALTORS®
Vermont Association of REALTORS®
Vermont Real Estate Commission
Northern New England Real Estate Network (NNEREN)

http://www.realtor.org
http://www.vtrealtor.com
http://www.vtprofessionals.org/opr1/real_estate/
http://www.nneren.com


========  End button specs       */


html, body{
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Trebuchet MS", sans-serif; 
      font-size: 14px;
      line-height: 20px;
      color: #000033;
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#864622; /* Was#995214  864622   */
} 
 
#pagewidth{ 
 width:820px; /* Was 750 */
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
background-image: url(sandbg1.jpg);
} 

/* Added by BHH.  Creates News box floating on right  of page */
 .side {
  text-align:center;
  float:right;
  width:170px;
  border:2px solid #995214;
  margin:15px;
 /* background-color: #DFE6F0;  */
}
.side h1 {
  font-size: 18px;
    }


.sidecontent {
   border: 5px;
   padding: 5px;
   text-align: left;
   font-size: 14px;
     }

/* Added by BHH.  Creates News box floating on right  of page */
 #events {
  float:right;
  width:170px;
  border:2px solid #995214;
  margin:5px;
/* let normal background show through     background-color: #DFE6F0;     */
}
#events h1 {
  text-align: center;
  font-size: 16px;
    }


/*  End addition of side bar            ******************    */

/* Added by BHH.  Creates horiz menu for nav buttons          */

#hmenu {
   text-align:center;
   /* background-color: #FFDAB5;  */
   border-bottom: 1px solid #995214;
   padding-top: 2px;
   margin-bottom: 0px; /* Was 2px To give horiz separation from main and left */
   }
/*  End addition of horiz nav menu      ******************    */


 
#header{
 position:relative; 
 height:167px; 
 background-image: url(bridgebg4.jpg); 
 /*  Was:    background-color:#C9C9BF; */
 width:100%;
} 
 
#leftcol{
 width:180px; 
 float:left; 
 position:relative; 

/*  background-color: #FFDAB5; */
  }
.leftcontent {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  }
div#leftcol p {
 width: 98%; /* to handle IE bug related to padding and borders */
   border: 1px solid #995214 ; 
}




     div#leftcol a:link {
          color: #000033;
          font-weight: bold;
          text-decoration: none;

          }
     div#leftcol a:visited {
          color: #000033;
          font-weight: bold;
          text-decoration: none;
      
          }
     div#leftcol a:active {
          color: #000033;
          font-weight: bold;
          text-decoration: none;
          }

     div#leftcol a:hover {
          color: #000033;
          font-weight: bold;
          text-decoration: underline;
        /*   background-color: #AE7F39;  */
          }

/*  Block for test
div#leftcol p {
 border: solid #995214 1px;
 color: #000033;
  }
*/



table.toplist {
  width:95%;
  margin-right:auto;
  margin-left:auto;
  }

table.toplist th {
  text-align:center;
  }

table.toplist td {
  width:25%;
  }

table.affil {
  width:95%;
  margin-right:auto;
  margin-left:auto;
  }



table.affil td {
  width:50%;
  }

.center {
  text-align:center;
  }


.xlinks {
 border: solid #995214 1px;
 color:#000033;
  }
 
#maincol{
/* background-color: #FFDAB5;    */  /* center column color */ 
 float: right; 
   border-left: 1px solid #995214;
 
 display:inline; 
 position: relative; 
 width: 637px; /* Was 568 . If 825, use 643.Leaves a 2px separation from left col */
 }

/*  Added by BHH.  Pad content in main column    */
.maincontent {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  }

.maincontent td {
  padding: 10px;
  width:50%;
  }
  
/*  End main col content formatting             */

/* Added by BHH.  Centering                     */
.bcenter {
   text-align: center;
   clear:both;
   }

/* For the Update page when there are multiple people to choose from */
.radio td {
    width: 5%;
    }
.other td {
    width: 95%;
   }
 
#footer{
 
 margin-top: 2px; 
 border-top: 1px solid #995214;
 text-align: center; 
 /* background-color: #FFDAB5;  */
 clear:both;
 } 
 
.tinytext {
  font-size: 80%;
   }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide some sections when printing*/ 
#header{
 position:relative; 
 height:167px; 
 background-image: url(bridgebg4.jpg);
 width:100%;}
#side{display:none;}
#hmenu{display:none;}
#footer{display:none;}
#maincol{width:100%; float:none;}
#leftcol{display:none;}
}