body {
    background-color : #9fbcf2;
    background-image : url('images/bgfade.png');
    background-position : top;
    background-repeat : repeat-x;
    font-family : Tahoma, Arial, sans-serif;
    font-size : 100%;
  }


#container {
    background-color:white;
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow:hidden;
    width:750px;
    margin:0px auto;
    margin-top:50px;
  }
div.front {
    background-image:url('images/fountains.jpg');
}

#title {
    background-color : transparent;
    background-image : url('images/top.gif');
    background-position : top right;
    background-repeat : no-repeat;
    float : left;
    height : 220px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 100%;
  }

#content {
    background-color:transparent;
    width:500px;
    border-right:250px solid transparent;
    /* The width and color of the rail */margin-right:-250px;
    /* Hat tip to Ryan Brill */float:left;
    text-align:left;
  }

* html #content {
    background-color:white; 
    border-right:250px solid white;
    filter: chroma(color=white);
  }

#rail {
    background-color:transparent;
    width:240px;
    float:left;
    padding:0px 0px;
    text-align:center;
  }

#gallery {
    background-color : white;
    float : left;
    height : 180px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 100%;
    border-top: 3px solid #3e64aa;
  }


#footer {
    background-color:white;
    width:100%;
    float:left;
    height:30px;
    border-top: 3px solid #3e64aa;
  }


img.left {
    float:left;
    margin:5px;
  }

#gallery img {
    float:left;
    margin: 8px 31px;
    border: solid 2px #3e64aa;
    background-color:#dae4cc;
}

img.right {
    float:left;
    margin:5px;
  }


img.line {
    float:left;
    margin-right:0px;
  }


#title p {
    color : #3e64aa;
    float : right;
    font-size : 85%;
    font-weight : normal;
    margin-right : 5px;
    margin-top : 145px;
  }


#content p {
    padding:8px 10px 10px 20px;
		margin: 0;
		text-align: justify;
  }


#content h3,h4 {
    margin-left:20px;
  }

#content h5 {
    margin-left: 45px;
		margin-bottom: 0px;
    color : #3e64aa;
}

#content ul {
    padding-left: 75px;
}

#rail div {
    width:220px;
    border:3px solid #3e64aa /* #b4e0b7 */;
    text-align:left;
    margin-bottom:15px;
    padding: 5px;
  }


#rail h4 {
    margin:5px 0px;
    text-align:center;
  }

#rail p {
    margin:5px 5px;
    text-align:center;
}
#rail img {
		margin: 10px;
}

#footer p {
    color:#3e64aa;
    font-size: 75%;
    font-weight: normal;
		margin: 9px 5px;
  }
p.footright {
  float: right;
}
.footleft {
  float: left;
}
#footer a {
  font-weight: bold;
}

a {
	color: #3e64aa;
  text-decoration: underline;
  font-weight:bold;
}
a:hover {
  color: black;
  background-color: #9fbcf2;
  text-decoration:	 none;  
  font-weight:bold;
}

a img {
  border: none;
	background-color: white;
}
.photo a,a:hover {
  background-color: transparent;
}
#hilde {
  margin-top:380px;
}
#back {
  margin-top:250px;
}

#title img {
  background-color: transparent;
}

#center p {
  text-align:center;
  color:#3e64aa;
  font-weight:bold;
}