/* CSS Document */


h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: bold;
	text-align: center;
}
h1.n{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight: bold;
	text-align:left;
	}



h1.steeplejacks{
	background-color: #f28020;
	color: #FFFFff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



a:link {
	color: #ff3333;
}
a:visited {
	color: #B02D31;
}
.style3 {font-size: small}

div#tagline{
	position:absolute;
	top:11px;
	left:6px;
	float: left;
	width:920px;
	height:28px;
	z-index:100;
}
div#topline{
	position:absolute;
	top:43px;
	width:910px;
	height:3px;
	float:left;
	z-index:102;
	}
div#deltanav {position: absolute; 
top: 45px; 
left: 0; 
width: 942px; 
height: 55px; 
z-index: 101;
}	


div#deltanav a {
	text-align: left;
	  text-decoration: none;}

div#deltanav a span{
display: none;}

div#deltanav a:hover span{
display: block;
   position: absolute; 
   top: 28px; 
   left: 0; 
   width: 942px;
   padding: 0px; 
   margin: 10px; 
   z-index: 100;
   color: #000000; 
   background: white;
   font: 10px Verdana, sans-serif; 
  text-decoration: none;}
    
		  
 
div#linkleftbox{
	position: relative;
	float:left;
	width: 635px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	
}



/* slides styling */

.photo {
	width:720px;
	height:550px;
	background:url(images/photogallery/chimney_coins.jpg) no-repeat center center;
	text-align:left;
	position:absolute;
	top:100px;
	margin-left: 110px;
}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; right:50px;}
.photo dl dt {font-family:Arial, Helvetica, sans-serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:Arial, Helvetica, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {
	display:block;
	font-size:11px;
	width:239px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#B02D31;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#0000FF; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:350px; background:#ddd url(images/photogallery/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:150px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:1px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}