/* CSS Document */
/*basic elements*/

	 body {
		font-family:	Helvetica, Arial, Verdana, sans-serif;
		font-size:	small;
		color:		white;
		
		}

	

/*specific divs*/
	#container {
			width:		1280px;
			height:		800px;
			padding:	0px 0px 0px 50px;
			margin:		0px;

		}
		

			
		
	#header {
		padding:	25px;		
		margin:		25px 25px 25px -50px;
		height:		42px;
	}
	
	#navlist ul{
			
			text-align: 	left;
			list-style: 	none;
			padding-top: 	0px;
			_padding-top: 	10px;
		}

#navlist li	{
							font-family:	Helvetica, Arial, Verdana, sans-serif;
							font-size:		small;
							padding-top:	10px;
			}


		
   table{
	 padding-top: 20px;
	}
		
		
	#leftnav
		{
		position:	absolute;
		top:		100px;
		left:		0px;
		width:		305px;	
		margin-left: 10px;	
		
		}	
		
	 a:link, a:visited {
						color: 			#808080;
						text-decoration:	none;
						}
	a:hover  {
					color:			#A9A9A9;
					text-decoration:	none;	
					}
					
					
	.here a {
			color: #333;
			}		
		
		
		
		
		
		
		
		
		
		#bottomnav {
						position:	absolute;
						top:		565px;
						left:		15px;
						width:		980px;
						margin-left:	310px;
						whitespace:  nowrap;
						}
			
	
	
			
	#bottomnav li {
				display:	inline;
				list-style-type:	none;
				font-family:	Helvetica, Arial, Verdana, sans-serif;
				font-size:		small;
				padding:		0px;
				}
				
	#bottomnav a {
				padding-top:	0px;
				padding-right:	2.5px;
				padding-left:	2.5px;
				}
				
	#bottomnav a:link, #bottomnav a:visited {
									color: 			#808080;
									text-decoration:	none;
										}
										
	#bottomnav a:hover {									
					color:				#A9A9A9;
					text-decoration:	none;
					}
					
	#leftarrow {
	
				position:	absolute;
				top:		577px;
				left:		0px;
				width:		0px;
				margin-left:	670px;
				
				}	
	
	#rightarrow {
	
				position:	absolute;
				top:		577px;
				left:		280px;
				width:		0px;
				margin-left:	410px;
				
				}					
				
				
							
				
	#imagecontent {
			
			position:		absolute;
			top:			100px;
			margin-left:	220px;
			width:		985px;
			height:		616px;
			
			}	
			
	#imagepadding {
			
			padding-right:	5px;
					
					}
					
	#smallimage	{
				margin-top:	50px;
				}				
			
			
	#arrownav {
				position:	absolute;
				top:		2px;
				left:		25px;
				width:		0px;
				margin-left: 0px;
				}

		/* my addtions */
   
   #previous{
     display: block;
	 width: 11px;
	 height: 16px;
	 float: left;
     background-image: url('images/left-arrow.gif');	 
   }
   
   #next{
     display: block;
	 width: 11px;
	 height: 16px;
	 margin-left: 8px;
	 float: left;
	 background-image: url('images/right-arrow.gif');
   }