body
{
	background-color: #999;
	font-family: helvetica;
	font-size: 12px;
}

 body, #wrapper, #container, #headarea, #main-area, #byline, #navbar-col, #footer, #byline    
     { margin: 25px 0px 0px 0px; padding: 0px;     
 }
 
 

#wrapper 
         {position: relative; 
          width: 850px; 
          height: auto; 
          margin-right: auto; 
          margin-left:  auto;
}

#container
{
	position: relative;
	top: 0px;
	left: 0px;
    width: 850px; 
    height: auto; 	
}

.clear {
    margin:0px;
    padding:0px;
    height: 3px;
    clear:both;
    border: 1px solid pink;
}
	
 /* typography */
 
p.news {
   font-family: helvetica;
   font-size: 1em;
   color: #fff;
  
   
   padding: 0px;
   margin: 0px;
   }
   
p.news a {color: #fff;
          text-decoration: underline;
          }
          
p.news a:hover {color: #fff;
          text-decoration: underline;
          }
          
p.general {
   font-family: helvetica;
   font-size: 1.0em;
   color: #fff;
   line-height: 1.2em;
   
   padding: 5px;
   margin: 0px;
   }

p.general a{   
    color: #fff;
   text-decoration: underline;
   }
   
 p.general a:hover{   
   color: #dfdfdf;
   text-decoration: underline;
   }  


   
   p.general-grey {
   font-family: helvetica;
   font-size: 1.0em;
   color: #dfdfdf;
   line-height: 1.2em;
   
   padding: 5px;
   margin: 0px;
   }
   
    p.general-grey a{

    color: #fff;
   text-decoration: underline;
   }
   
   p.general-grey a:hover{

    color: #fff;
   text-decoration: underline;
   }
 
	
#headarea {
	position: relative;
	top: 0px;
	left: 0px;
    width: 850px; 
    height: 90px;
    background: url(template-images/logo.gif);
    background-repeat: no-repeat;
    
}


  	/* footer stuff */
#footer {position: relative;
	     top: 0px;
	     left: 0px;
         width: 850px; 
         height: 15px;
         text-align: center;
    
    }
    
#footer p {color: #ccc;
           font-size: 0.8em;
           }

#footer p a {color: #ccc;
           font-size: 1em;
           text-decoration: none;}

#footer p a:hover {
        text-decoration: underline;
        color: #fff;
        cursor: pointer;}

#byline {
      position: relative;
      top: 70px;
	  left: 0px;
      width: 850px; 
      height: 20px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: url(template-images/byline.jpg);
      background-repeat: no-repeat;
      }
      
#iehelp {height: auto;}

#main-area
{
	position: relative;
	top: 0px;
	left: 0px;
    width: 850px;
    height:590px;
   
}

#main-area-pano
{
	position: relative;
	top: 25px;
	left: 0px;
    width: 850px;
    height:420px;
   
}

#navbar-col {
	position: absolute;
	top: 5px;
	left: 0px;
    width:98px;
    height: auto;
    
  
   }
   
   
 #navbar-col ul {
     list-style: none;
     margin:88px 0px;
     padding: 0px;
     text-align:right;
     
 }
 
  #navbar-col ul li {
 
     color: #ccc;
     letter-spacing: 0.1em;
     padding-right:7px;
 }
 
  #navbar-col ul li a{
     display:block;
     width:85px;
     font-family: helvetica;
     font-size: 0.9em;
     color: #ccc;
     padding: 3px 0px 3px 3px;
     text-decoration:none;
     background-color: #999;
     border-bottom: 1px solid #ccc;
  }
  
    #navbar-col ul li a:hover{

     color: #fff;
     border-bottom; 1px solid #ccc;
     background-color: #ccc;
     border-bottom: 1px solid #fff;
  }
  
  

    

#gallery-col {
   
	position: absolute;
	top: 7px;
	left: 756px;
    width:98px;
    height: auto;
    
  
   }
   #logo {
   
	position: absolute;
	top: 495px;
	left: 760px;
    width:98px;
    height: auto;
    
  
   }
   
    #gallery-col ul {
     list-style: none;
     margin:110px 0px;
     padding: 0px;
     text-align:left;
     
 }
 
 
 #gallery-col ul li {
 
     color: #ccc;
     letter-spacing: 0.1em;
     padding_left: 7px;
 }
 
  #gallery-col ul li a{
     display:block;
     width:85px;
     font-family: helvetica;
     font-size: 0.9em;
     color: #ccc;
     padding: 3px 3px 3px 0px;
     text-decoration:none;
     background-color: #999;
     border-bottom: 1px solid #ccc;
  }
  
    #gallery-col ul li a:hover{

     color: #fff;
     border-bottom; 1px solid #ccc;
     background-color: #ccc;
     border-bottom: 1px solid #fff;
  }
     


/* slideshow and image css  */	
	
	#image-container{
		width:650px;	
		
		position: absolute;
	    top: 10px;
	    left: 100px;


	}
	
	#previewPane {
		
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:15px;
		position:relative;	
		height: auto;
			
	}

	#previewPanetypo {
		
		margin-bottom:10px;	
		text-align:left;
		vertical-align:middle;
		padding-top:30px;
		position:relative;	
		height: auto;
			
	}	
	
	


	
	#previewPane img  {
		line-height:500px;
		position:absolute;
		top: 33px;
		left: 0px;
		
		
	}
	
	

	
 
	

#previewPane #largeImageCaption {
		
		text-align:center;
		font-family: helvetica;
		font-size:1.1em;
		color:#fff;
		
	}
	
	#largeImageCaption a{
		
	
		color:#fff;
		text-decoration: none;
		font-size:1.1em;
	}
	
	#largeImageCaption a:hover{
		
	   font-size:1.1em;
		color:#ccc;
		text-decoration: underline;
	}
	


     span.bigger{
		color:#ccc;
		font-size:1.1em;
	}
	
	#slideContainer{
		width:588px;
		height:70px;	
		position:relative;
		overflow:hidden;
		
		margin:0px 0px 0px 25px;
		background-color: #999;
		
		
		
	}
	
	
		#slideContainer-news{
		width:860px;
		height:70px;	
		position:relative;
		margin-left:-100px;
		background-color: #999;
		
		
		
	} 
	
	
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #999;
		
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #999;
				
	}
	#theImages{
		position:absolute;
		left:40px;
		height:70px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:0px;
		margin-right: 2px;
		filter: alpha(opacity=40);
		opacity: 0.4;
		cursor:pointer;
		border: 5px solid #fff;
		width:90px;
		height:60px;
		
		
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:helvetica;	
	}
	
	#theImages .imageCaption{
		display:none;
	}