/* Layout Elements */
#frame {
	background: #ffffff;
	color: #000000;
	position: absolute;
	height: 485px;
	width: 800px;
	margin-top: -70px;
	margin-left: -450px;
	top: 15%;
	left: 50%;
	padding: 30px 50px;
}


#navigation {
	float: left;
	margin-top:150px;
	height: 247px;
	width:260px;
	margin-right: 35px;
}

#subnav {
position: absolute;
top: 440px;
left: 283px;
margin-left: 35px;
width: 500px;
/*overflow: auto;*/
white-space: nowrap;
height: 70px;
}

#pagenums, #pagenumsFirst, #pagenumsLast, #pagenumsMid{
	position: absolute;
	right:0;
	bottom: 3px;
	height: 15px;
	padding-top: 25px;
	padding-left: 5px;
	overflow: visible;
}

#pagenumsMid {
background: url(/images/prevnext.gif) bottom center no-repeat;

}

#pagenumsFirst {
background: url(/images/next.gif) bottom right no-repeat;
}

#pagenumsLast {
background: url(/images/prev.gif) bottom left no-repeat;
}

#footer {
	position: absolute;
	left: 320px;
	bottom: 3px;
	width: auto;
}
#page {
	float: left;
	height: 370px;
	width: 500px;
	margin-left: 35px;
	position: absolute;
	bottom: 115px;
	left: 285px;
	display: table-cell; 
	vertical-align: bottom;
	}


#content{
height: 370px;
width: 500px;
}

#contentlow {
	position: absolute;
	bottom: 0;
	left: 0px;
background: url('/images/loading.gif') bottom left no-repeat;
}

#galimage {
/* border: 1px solid #000000; */
border: 0;
}

.photocaption {
float: right;
font-size: x-small;
color: #818181;
background: #ffffff;
text-align: right;
padding: 10px;
}

.photocaption img {
/*border: 1px solid #000000;*/
border: 0;
display: block;
}
/* Typographical */

p,div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
line-height: 1.4em;
}
p {
margin-top: 0;
margin-bottom: 0.9em;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
margin-top: 0.5em;
padding: 0;
font-weight: bold;
border: 0;
}
h1 {
font-size: large;
}
h2 {
font-size: medium;
}
h3,h4,h5,h6 {
font-size: x-small;
margin-top: 2em;
margin-bottom: 0.5em;
font-style: italic;
}

a, a:visited {
color: #818181;
}
a:hover {
color: #000000;
}

ul.plain li, ul.plain li ul li, ul.plain li ul li ul li {
list-style-type: none;
}

/* Navigation Menu */
#navigation h1{
margin-bottom:5px;
}
#navigation img, #subnav image {
border: 0;
}

#navigation a img, #subnav a img{
  filter: alpha(opacity=50);
  KHTMLOpacity: 0.5;
  MozOpacity: 0.5;
  opacity: 0.5;
}

#navigation a:hover img, #subnav a:hover img{
  filter: alpha(opacity=80);
  KHTMLOpacity: 0.8;
  MozOpacity: 0.8;
  opacity: 0.8;
 }


#navigation li{
padding: 1px 0;
margin: 0;

}

#navigation ul{
list-style:none outside;
padding: 0;
margin: 0;
padding-left: 10px;
}
/* 2nd level (gallery list) */
#navigation ul li ul {
padding-left: 10px;
}
/* Third level (in gallery) */
#navigation ul li ul li ul{
padding-left: 10px;
}

#navigation li.hide ul li {
display: none;
}
#navigation li:hover.hide ul li,   .menu li.over ul li{
display: block;
}
/* Subnav Specific (rest definied with nav)*/
#subnav img {
margin:2px;
/* border: 1px solid #000000;*/
border: 0;
}