/* Second take on buttons
Home
About Us
Rates
Things to Do
Directions


index.html
about.html
rates.html
things.html
direct.html

For French pages
Accueil
Vos hôtes
Tarifs
Activités
Directions

indexfr.html
aboutfr.html
ratesfr.html
thingsfr.html
directfr.html

Specify at the bottom of the button generator form: menufr.
When generated rename menuscript.js to menuscriptfr.js and make sure the link to
<script src="menuscriptfr.js" language="javascript" type="text/javascript"></script>


===
Final:  controls 2/3 with different colors 44 67:  green going to blue with mouseover

Kabel demi 12, bigger than the 11 default.  Align center.
Text color the default FFFFFF and 000000
All same width.









*/






/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
/* background-color: #3E4D64; */
/* background-image: url(seabg5.jpg); */
background-image: url(seabg5.jpg); */

} 
 
#pagewidth{ 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background-image: url(skybg3.jpg);
 font-family: arial;
} 
 
#header{
 position:relative; 
 height:200px; 
 /*  background-color:#1903FF; */
 background-image: url(bgplain.jpg);
 width:100%;
} 
 
#leftcol{
 text-align: center;
 width:17%; 
 float:left; 
 position:relative; 
 }
.rightbdr {
border-right: 1px solid black;
}
 
#twocols{
 width:82%; 
 float:right; 
 position:relative;

  }
 
#rightcol{
 text-align: center;
 width:37%; 
 float:right; 
 position:relative; 
 border-left: 1px solid #76635C;
 }
 
#maincol{
/* background-color: #F0F3EC; */
 float: left; 
 display:inline; 
 position: relative; 
 width:61%; 
 }

.pbox {
 border: 1px solid #76635C;
 margin-left: 2px;
  }

h1, h2, h3, h4 {
  text-align: center;
  }

div#maincol p {
  font-size: 16px;
  font-family: ariel;
  text-align: left;
  margin-left: 7px;
  margin-right: 7px;
     }
.goldx {
color: #DBD366;      /* was  #F6EC6B; */
font-family: arial;
  }

.boxx {
width:250px;
text-align:center;
  }


img.floatleft {
    float: left;
    padding-right: 5px;
} 
img.floatright {
    float: right;
    padding-left: 5px;
} 


 
#footer{
 background-image: url(seabg5.jpg);
 height:200px; 
/*  background-color:#A95056; */
 color: white;
 text-align: center;
 clear:both;
 } 

#footer a {
 color: white;
   }

.clear2 {
  clear:both;
  }
 

/*  For 2-column pages   */
#leftcol2{
 width:20%; 
 float:left; 
 position:relative; 
 }
 
#maincol2{
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 }

.main2 {

 padding-left: 15px;
 padding-right: 15px;
  }



 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}