/* Layout Stylesheet */ 

body {
 margin: 0 0 0 0;
 font: 12px/14px helvetica,arial,sans-serif; 
 background-image: url(../images/background_image.jpg);
 color: #333333;
 text-align:center;
 padding:0;
 }

A:link {
	text-decoration: none;
	color: #333333;
       }
A:visited {
	text-decoration: none;
	color: #333333;
}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #000;}
 
#outer {
 text-align:left;
 width:675px;
 margin:auto;
 background:#FFF;
  }
 
 #outer2 {
 text-align:left;
 width:675px;
 margin:auto;
 }

#hdr {
 height:89px;
 background:#acc;
 color: #333333;
 }

#navigation {
 float:left;
 color: #333333;
 width:170px;
 height:300px; 
 margin: 20px 0 0 0;
 }

#content {
 margin: 10px 20px 20px 20px;
 color: #666;
 text-align:left;
 }
 
#header-bar {
 background:#339999;
 height:70px;
 border-width:1px 0 0 0;
 margin:0;
 } 

#ftr {
 height:100px;
 border-width:1px 0 0 0;
 margin:0;
 }
 
#photo {
 padding-top: 20px;
 padding-bottom: 20px;
 } 
 
#gallery {
 text-align: left;
 padding-top: 20px;
 padding-bottom: 20px;
 }  
 
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: right;
margin: 0 0.25em 0 0;
}

#nav-menu li a
{
background: #EEE;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
color: #339999;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
background: url(../images/nav_button_hover.gif) #EEE bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
color: #FFF;
text-decoration: none;
text-align: center;
}

#nav-on
{
background: Red;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
color: #FFF;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
	#nav-menu li a
	{
	float: none
	}
/* End hide */

#nav-menu
	{
	width: 675px;
	} 

img[alt="thumb"] 
	{ 
	border: 1px solid #999; 
	}
	
#sub_content {
	margin-top: 20px;
	width: 620px;
	padding: 20px 15px 40px 25px;
}	
	
/* GALLERY NAVIGATION */

#navcontainer
{
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 78px;
height: 18px;
border-top: none;
border-left: none;
border-bottom: none;
border-right: 1px solid #663300;
padding: 0;
margin: 0 0 10px 0;
color: #663300;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px arial, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

#gallery table {
    margin-top: 20px;
	width: 100%;
	text-align: center;
	font-size: 10px;
}

#individual table {
	text-align: left;
	font-size: 11px;
}
		
.dtable	{
    margin-top: 20px;
 		 color: #666;
}

#gallery-piece {
 text-align: left;
 padding-top: 35px;
 }  
 
#gallery-nav {
 width: 97px;
 text-align: left;
 padding-top: 10px;
 padding-left: 131px;
 clear: both;
 }   
 
#public-nav {
 width: 97px;
 text-align: left;
 padding-top: 10px;
 padding-left: 240px;
 clear: both;
 }    

/* END GALLERY NAVIGATION */