/* changed to use tables not absolute divs and blocks

cjr 20.5.03 */
body {
 font-family:Arial, Helvetica, sans-serif;
  /* font-size: 16px; */
/* as main p */
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  clear: left;
  background-color: #FFC;
 /* background: white;*/
  background-image:  url(../haute-route03/slideshow-hr.js) );
  margin: 0;  padding: 0;
 }

/* Top banner bar formatting */
div.top { 
  /*color: #063; background:#9C3;*/
  border: 3px green outset;
  background-color: #FFC;
}
div.main {
 background-image: url(); 
 font-size: 24px;
 color: #000;
 background-color: #FFC;  
}
div.side {
 background-image: url();
background-color: #FFC;
 }
div.nav {
 background: transparent;
 }
 div.footer (
 background:#06F;
 z-index: 2; 
 }
 
/* Nested padding for side, main, and right column divisions. */
div.sidepad {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

div.mainpad {
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.rightpad {
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}

/* Settings for the side division. */
div.side p {
  margin-top: 10pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10pt;
}
/*
div.side a, div.side a:link, div.side a:visited, div.side a:active */
.side a,  .side a:link,  .side a:visited,  .side a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	background-color: #669966;
	border: 3px #fc0 outset;
	width: 90px;
	voice-family: inherit;
	height: 45px;
	margin: 5px;
	padding: 5px;
	display: block;
	text-align: center;
	white-space: normal;




}
/*
html>body div.side a {
  width: 90px;
}
*/

/* End box model hack */
/*div.side a:hover */
.side a:hover {
  color: #036;
  background-color: #C90;
  border: 3px #cf0 outset;
  border: 3px #cf0 outset;
}
/* buttons */

div.buttons a, div.buttons a:link, div.buttons a:visited, div.buttons a:active {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #0FF;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, sans-serif;
  padding: 5px;
  background-color: #00F;
  border: 3px #fc0 outset;
  width: 80px;
  voice-family: inherit;
}
div.buttons a:hover{
  color: #036;
  background-color: #0FF;
  padding: 5px;
  border: 3px #C90 outset;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 3px #cf0 outset;
}

/* Settings for the main division */
div.main img {
  /*type: block;*/
  float: centre;
  margin-top: 20pt;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.main p {
  font-size: 18px;
  color: #000;
  clear: left;
  background-color: transparent;
}



div.main h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
  padding-top: 0pt;
  padding-bottom: 5px;
  background-color: transparent;
}

div.main a, div.main a:link, div.main a:visited, div.main a:active {
  color: #0FF;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, sans-serif;
  background-color: #00F;
  /*border-top: 3px #fc0 outset;
  border-right: 3px #fc0 outset;
  border-bottom: 3px #fc0 outset;
  border-left: 3px #fc0 outset; */
}

div.main a:hover {
  color: #960;
  background-color: #0F0;
  /*padding: 5px;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 3px #cf0 outset;*/

/* Settings for the right division */
div.right h2 {
  color: #00F;
  margin-top: 10px;
  padding-bottom: 3px;
  background-color: transparent;
  border-bottom: 3px #0oF groove;
}

div.right h3 {
  font-size: 16px;
  margin-bottom: 0pt;
  color: #00F;
  background-color: transparent;
}

div.right p {
  margin-bottom: 0pt;
  margin-top: 0pt;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: -5px;
}
/*
div.right a, div.right a:link, div.right a:visited, div.right a:active {
  color: yellow;
  background-color: transparent;
}

div.right a:hover {
  color: lime;
  text-decoration: none;
  background-color: #c00;
} 
*/

/* footer  */
div.footer a, div.footer a:link, div.footer a:visited, div.footer a:active {
  color: #000;
  background-color: #696;
  text-decoration: none;
}
div.footer a:hover {
 color: #036;
 background-color: #0FF;
 text-decoration: none;
   }

/* nav  */
div.nav a, div.nav a:link, div.nav a:visited, div.nav a:active {
	color: #000;
	background-color: #696;
	text-decoration: none;
	height: auto;
	width: auto;
	font-size: 12px;
	display: inline;
	font-weight: lighter;
	padding: 3px;





}
div.nav a:hover {
 color: #036;
 background-color: #0FF;
 text-decoration: none;
   }

/* General settings */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 41px;
  color: #000;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: #000;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}

a {
  color: blue;
  font-weight: bold;
  background-color: transparent;
}

a:link {
  color: red;
  background-color: transparent;
}

a:visited {
  color: red;
  background-color: transparent;
}

a:active {
  color: blue;
  background-color: lime;
}

a:hover {
  color: #fc0;
  text-decoration: none;
  background-color: red;
}

HEAD {
}
