body {
     font: 16px Calibri, Verdana, Helvetica, sans-serif;
     padding: 0;
     margin: 0;
     background-color: #213240;}

#container {
     background: #b0c4de;
     width: 800px;
     margin: auto;
     border: #8b4513 solid 1px;
     padding: 0;}

#header {
     float: left;  
     margin: 0px 0 0 0;
     padding: 10px 0 0 0;
     background: #eee8aa;}

#bigsur {
     float: left;
     width: 187px;
     margin: 0 0 0 5px;}

#logo2 {
     float: left;
     margin: 0 0 0 0;
     width: 330px;}


/*logo - Western Rep Assoc*/
h1 {
     font: bold 40px Georgia, serif;
     color: navy;
     margin: 0;
     padding: 0;}

/*logo - tagline*/
h2 {
     font: italic 15px Georgia, serif;
     color: navy;
     border-top: navy 3px solid;
     margin: 0;
     padding: 0;}

#contact {
     float: right;
     width: 200px;
     padding: 0px;
     font: 12px Georgia, serif;
     text-align: center;
     color: black;
     margin: 0 5px 0 0;}


/*Dave Herget*/
.name {
     font: 15px Georgia, serif;
     font-weight: bold;}



/*Navigation*/

#nav {
     clear: both;
     float: left;
     width: 800px;
     margin: 10px 0 0 0;
     text-align: left;
     border-bottom: 1px #8b4513 dashed;
     background-color: #e0d194;}

#nav li {
     list-style-type: none;
     display: inline;
     text-indent: -30px;
     letter-spacing: 1px;
     padding: 0;
     margin: 0;}

#nav li a{
     font-variant: small-caps;  
     font-size: 14px;
     margin: 0px;
     color: #213240;
     border-left: solid 5px #eee8aa; 
     padding: 0 0 0 5px;}

#nav li a:hover {
     text-decoration: underline;
     border-left: solid 5px #213240;
     padding-left: 5px;}



/*left column*/

#leftcolumn {
     clear: both;
     float: left;
     width: 240px;
     height: 475px;
     margin: 10px 5px 0px 5px;}


/*manufaturer links*/

#mfglinks {
   
     border-bottom: dashed 1px #8b4513; 
     border-right: dashed 1px #8b4513;
     padding: 0 0 0 0;
     margin: 0;}
  
#mfglinks p {
     font-variant: small-caps;
     letter-spacing: 1px;}

#mfglinks li {
     font: bold italic 16px Calibri, Verdana, Helvetica, sans-serif;   
     list-style-type: square;
     line-height: 250%;
     letter-spacing: 1px;}

#mfglinks a {
     text-decoration: none;
     color: black;}

#mfglinks a:hover {
     text-decoration: underline;
     color: navy;}


#main {
     float: left;
     width: 490px;
     letter-spacing: 1px;
     border-bottom: dashed 1px #8b4513; 
     padding: 0 0 10px 0;
     margin: 5px;}


#map {
     float: left;
     margin: 5px;
     width: 250px;}

#markets {
     float: left;  
     margin: 30px 5px 5px 30px;
     letter-spacing: 1px;}

#markets ul {
     margin-left: 5px;}


#footer {
     clear: both;
     margin: 50px 10px 10px 10px;}

#footer p {
    font: 10px Calibri, Verdana, Helvetica, sans-serif;
    color: navy;
    text-align: center;
    border-top: 3px navy solid;
    padding-top: 5px;}



/*page 2*/

/*Manufacturers Represented title*/
h4 {
    font-style: italic;
    font-size: 18px;
    text-align: center;
    }


#mfg-container {
    float: left;
    margin: 5px; 
    padding: 0;
    width: 725px;
    letter-spacing: 1px;
    text-align: left;}


#mfg-container img {
    border: black;
    margin-top: 5px;}  

/*box for each logo and description*/
.mfg {
    clear: left;
    float: left;
    width: 725px;  
    margin: 20px 0 20px 30px;
    padding: 10px 0 0 0;
    border-top: #879AB1 1px solid;}


/*box for logo*/
.pic {
    clear: left;
    float: left;
    width: 200px;
    margin: 0 20px 0 0;}

/*box for description*/
.desc {
    float: left;
    width: 400px;}

hr {
 border-bottom: dashed 1px #8b4513;
 margin-left: 25px;
 width: 725px;}
  
/*for border between top and bottom mfgs*/
#mfg-bot {
     clear: left;
     margin: 0 0 0 5px;}