/* CSS Document for BHN */
/* created by orchestra productions / heidi gustafson. */
/* we used cssplay.co.uk excellent and insiteful resources for some of this coding */

html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#8CCEFF; 
font-size:80%; 
font-family:arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: auto; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background-image:url(images/sun_pattern2.gif); background-repeat:repeat;}

a:link{
	color:#000;
	text-decoration:none;
	font-style:normal;
}
a:visited{
	color:#000;
	text-decoration:none;
	font-style:normal;
}
a:hover{
	color:#000;
	text-decoration:none;
	font-style:normal;
}
#head {position:absolute; margin:auto 0; top:0; left:0; width:100%; height:70px; background:transparent; background-repeat:no-repeat; font-size:3em; font-family:arial, sans-serif; font-weight:bold; text-transform:uppercase; z-index:5; color:#000; text-align:center; padding-top:3px;  }

/*		Navigation core 	*/

#outer {
	width:100%;
	margin:auto 0;/* centre etc */
	text-align:center;
	position:absolute;
	right:0;
	top:20px;
	color: #000;
	background:transparent;
}

#menu1 {
  width:516px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#menu1 li {
  float:left;
  width:100px;
  border:0; 
  }
#menu1 a {
  display:block;
  width:100px;
  color:#000; 
  background:transparent; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
	text-transform:none;
  float:left; 
  font-family:georgia,palatino linotype,serif;
  font-size:12pt;
  }
#menu1 a:hover {
  color:#000; 
  background:#FFFF99;
  }
#menu2 {
  width:200px;
  padding:0; 
  margin-top:50px; 
  list-style-type:none;
  }
#menu2 li {
  width:190px;
  border:0; 
  }
#menu2 a {
  display:block;
  width:190px;
  color:#fff; 
  background:transparent; 
  text-align:left; 
  padding:2px 0; 
  text-decoration:none; 
	text-transform:uppercase;
	font-family:arial, sans-serif;
  font-size:large;
	font-weight:none;
  }
#menu2 a:hover {
  color:#FFFF99;
	font-weight:bold; 
  background:transparent;
  }
#menu2 a.solid { color:#FFFF99; font-weight:bold; }

#content {position:absolute;
	top: 100px;
	left: 50%;
	width:70em;
	height:75%;
	margin-left: -35em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #ccc;
	background-color: #fff;
	z-index:14; }
#contentimages {position:absolute; top:0px; left:15px; height:85%; overflow:auto; width:65%; background:#fff; margin:10px; margin-top:15px; padding:5px; padding-left:15px; border:0; text-align:left; font-family:georgia, palatino linotype, serif; font-size:10pt;}

#photo_strip {width:600px; margin-left:15px; margin-top:15px;}
#container {margin:0; padding:0; height:400px; overflow:auto; color:#222; background:#fff;}
#container ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#container ul li {display:table-cell; padding:0 5px; background:#fff; border-bottom:0; vertical-align:top;}
#container ul li img {height:250px; border:1px solid #555; margin: 20px 0 5px 0;}
#photo_strip h1 {text-align:left; padding:0; margin:5px 0 0 15px; width:600px; height:38px; line-height:35px; color:#CC6600; font-weight:normal; font-size:20px; border-bottom:0;}
#container p {margin:0; padding:5px 0; font-size:11px;}

#contentright {position:absolute; top:0px; right:25px; height:85%; overflow:none; overflow-y:hidden; width:200px; background:transparent; margin:10px; margin-top:5px; padding:5px; padding-left:15px; border-left:0; }


#foot {position:absolute; margin:0 auto; bottom:10px; display:block; width:100%; height:30px; background:transparent; font-size:.9em; padding:0; text-align:center; color:#000; text-transform:none; font-family:georgia, palatino linotype, serif;}


h1 {font-family: georgia, palatino linotype, serif; font-size: 2em; color: #CC6600; font-weight:normal; text-transform:none;}
h1.spacer {font-family: georgia, palatino linotype, serif; font-size: 2em; color: #CC6600; font-weight:normal; text-transform:none; padding-left:10px;}

h2 {font-family: georgia, palatino linotype, serif; font-size: 1.4em; color: #CC6600; font-weight:normal; text-transform:none;}

a.italic {font-style:italic;}


.a1italic:link {
	color:#548C74;
	text-decoration:none;
	font-style:italic;
	font-size:1.7em;
}
.a1:link{
	font-size:1.2em;
	color:#13402D;
	text-decoration:none;
	font-style:normal;
}
.a1:visited{
	color:#13402D;
	text-decoration:none;
	font-style:normal;
	font-size:1.2em;
}
.a1:hover{
	color:#548C74;
	text-decoration:none;
	font-style:normal;
	font-size:1.2em;
}
.a2:link{
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
	font-size:.7em;
	font-style:normal;
}
.a2:visited{
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
	font-style:normal;
	font-size:.7em;
}
.a2:hover{
	color:#8C1C00;
	text-decoration:underline;
	text-transform:uppercase;
	font-style:normal;
	font-size:.7em;
}
ul {
list-style: none;
}
#bottom {position:absolute; bottom:0px; border-top:1px solid #ccc; padding-top:3px}



#gallery {position:absolute; width:750px; left:10px; height:600px; top:7%; }
#thumbs {width:100px; float:left;}
#thumbs img.show {position:absolute; width:350px; height:auto; left:100px; top:40px; border:0;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:60px; height:60px; border:1px solid #000;}
#thumbs a img {width:60px; height:60px; border:0px;}
#thumbs a:hover {border-color:#ddd; color:#ccc;}
#thumbs a:hover img {position:absolute; width:350px; height:auto; left:100px; top:40px; border:0; background:#fff;}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; 
height:150px;/* remove the link border */
}