/* Edit the styles as you see fit */

body{
background-color:#CCCCCC;
	
	}


#wrapper {
	width:800px;
	margin-left:-372px;
	margin-top:-222px;
	border: 3px solid #e6e299;
	background-color: #FFFFFF;
	left: 50%;
	top: 40%;
	position:absolute;
	background-repeat: repeat-x;
	height: 100%;
}
#title {
position:absolute;
			width:550px;
			height:20px;
			top:154px;
			left:206px;
			background-image:url(../images/gifs/title.gif);
			}

#logo {
position:absolute;
			width:160px;
			height:95px;
			top:20px;
			left:8px;
			z-index:10;

}

#main {
	position:absolute;
	width:1px;
	height:0px;
	bottom:-37px;
	left:769px;
	background-image:url(../images/jpg/main.jpg);
	top: 511px;
			}
			




/************* globalNav styles ****************/

#globalNav{
	position: relative;
	width: 790px;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image: url(glbnav_background.gif);
	top: 790px;
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited{
	font-size: 10px;
	color: #660000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

a.glink:hover{
	background-image: url(glblnav_selected.gif);
	text-decoration: blink;
	text-align: right;
}

.skipLinks {display: none;}
/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 15px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/
.Style3{
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: blink;
}
.Headstyle{
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

#nav00 {
	position:absolute;
	width:25px;
	height:30px;
	top:160px;
	left:0px;
	background-image: url(images/pngs/New%20nav%20buttons/sideNav.jpg);
			}
#nav01 {
position:absolute;
			width:100;
			height:30px;
			top:160px;
			left:25px;
			
}

#nav02 {
	position:absolute;
	width:100px;
	height:30px;
	top:128px;
	left:175px;
	top: 160px;
		

}

#nav03 {
position:absolute;
			width:100px;
			height:30px;
			top:160px;
			left:325px;
			}
#nav04 {
position:absolute;
			width:100px;
			height:30px;
			top:160px;
			left:475px;
}


#nav05 {
position:absolute;
			width:100px;
			height:30px;
			top:160px;
			left:625px;
}

#nav07 {
	position:absolute;
	width:150px;
	height:30px;
	top:260px;
	left:5px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font: colour;
	border-color: #660000;
}

#nav08 {
position:absolute;
			width:25px;
			height:30px;
			top:160px;
			left:775px;
			font-style: normal;}

#nav09 {
position:absolute;
			width:150px;
			height:30px;
			top:290px;
			left:5px;
			font-style: normal;}

#nav10 {
position:absolute;
			width:150px;
			height:30px;
			top:320px;
			left:5px;
			font-style: normal;}
#nav11 {
position:absolute;
			width:150px;
			height:30px;
			top:350px;
			left:5px;
			font-style: normal;}
#nav12 {
position:absolute;
			width:150px;
			height:30px;
			top:380px;
			left:5px;
			font-style: normal;}
			
#nav13 {
position:absolute;
			width:150px;
			height:30px;
			top:410px;
			left:5px;
			font-style: normal;}			
			
#maintext{
	position:absolute;
	width:150px;
	height:450px;
	top:210px;
	left:15px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;
	overflow: visible;
	background-color: #FFFFFF;
	padding-left: 10px;
	border: 1px;
	border-color: #E6E299;
	border-style: double;
		}
		
#sidetext{
	position:absolute;
	width:200px;
	height:450px;
	top:210px;
	left:570px;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 5px;
	border-color: #666666;
	border-style: dashed;
	border-width: 1px;
	padding-left: 5px;
		}
		
#gallerie{
	position:absolute;
	width:350px;
	height:450px;
	top:210px;
	left:203px;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 0px;
	border: 1px;
		}
	#inside00{
	position:absolute;
	width:450px;
	height:30px;
	top:-25px;
	left:5px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#660033;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;	
			}
	#inside{
	position:absolute;
	width:450px;
	height:30px;
	top:72px;
	left:5px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#660033;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;	
			}
	
	#inside2{
	position:absolute;
	width:450px;
	height:30px;
	top:175px;
	left:5px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#000000;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;	
			}
	
	#inside3{
	position:absolute;
	width:450px;
	height:30px;
	top:275px;
	left:5px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#660033;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;	
			}
	
	#latest_news{
	position:absolute;
	width:150;
	height:300px;
	top:220px;
	left:-160px;
	font-size:10px;
	text-align:justify;
	line-height:normal;
	color:#000000;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	padding-right: 10px;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
			
			}	
#expic{
			position:absolute;
			width:220px;
			height:155px;
			top:225px;
			left:250px;
			background-image:url(images/exhibitions.jpg);
			border: 2px solid #e6e299;
			
			}	
	
	#conpic{
	position:absolute;
	width:305px;
	height:83px;
	top:15px;
	left:210px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	font-variant: normal;
	line-height: 5px;
	text-decoration: none;
	right: auto;
	bottom: auto;}	
	
#inShop01{
	position:absolute;
	width:450px;
	height:30px;
	top:5px;
	left:5px;
	font:Verdana, Arial;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#660033;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	padding-right: 10px;	
			}	
	
#inShop02{
	position:absolute;
	width:101px;
	height:35px;
	top:118px;
	left:5px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	}
#inShop03{
	position:absolute;
	width:101px;
	height:1px;
	top:118px;
	left:120px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	}
	
#inShop04{
	position:absolute;
	width:101px;
	height:35px;
	top:118px;
	left:235px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	background-color: #FFFFFF;
	}
	
#inShop05{
	position:absolute;
	width:112px;
	height:35px;
	top:118px;
	left:350px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	background-color: #FFFFFF;
	}
	
	#inShop06{
	position:absolute;
	width:80px;
	height:40px;
	top:290px;
	left:5px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	background-color: #FFFFFF;
	}		
	#inShop07{
	position:absolute;
	width:112px;
	height:35px;
	top:290px;
	left:120px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	background-color: #FFFFFF;
	}	
		#inShop08{
	position:absolute;
	width:112px;
	height:35px;
	top:290px;
	left:235px;
	font:Verdana, Arial;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	visibility: visible;
	letter-spacing: normal;
	vertical-align: super;
	max-height: 5pt;
	background-color: #FFFFFF;
	}
										
#Shop01{
	position:absolute;
	width:101px;
	height:85px;
	border: 1px solid #46210f;
	top:25px;
	left:5px;
			}
#Shop02{
            position:absolute;
	width:101px;
	height:85px;
	border: 1px solid #46210f;
			top:25px;
			left:120px;
			}
			
#Shop03{
            position:absolute;
	width:101px;
	height:85px;
	border: 1px solid #46210f;
			top:25px;
			left:235px;
			}		

#Shop04{
            position:absolute;
	width:101px;
	height:85px;
	border: 1px solid #46210f;
	top:25px;
	left:350px;}
#Shop04-5{
    position:absolute;
	width:85px;
	height:101px;
	top:175px;
	left:5px;}
#Shop05{
    position:absolute;
	width:85px;
	height:101px;
	border: 1px solid #46210f;
	top:175px;
	left:120px;}
			
#Shop06{
    position:absolute;
	width:85px;
	height:101px;
	border: 1px solid #46210f;
	top:175px;
	left:235px;}
							
#Shop07{
    position:absolute;
	width:85px;
	height:101px;
	border: 1px solid #46210f;
	top:365px;
	left:5px;}
						
#desc p{font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		background-color:#edeab5;
		color:#46210f;
		text-align:justify;}
#nav{
			position:absolute;
			width:150px;
			height:30px;
			top:380px;
			left:37px;
			}
#nav a img{
				
				border-style:none;
				}
#display{
			position:absolute;
			width:332px;
			height:336px;
			top:86px;
			left:385px;
			background-image:url(../images/gifs/display.gif);
			}
#display_header{
			position:absolute;
			width:320px;
			height:50px;
			top:6px;
			left:6px;
			background-image:url(../images/gifs/display_header.gif);
			background-position:top;
			border: 1px solid #46210f;
			}
#display_header p{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				padding:0px;}
#display_header h1{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:16px;
				text-align:right;
				color:#46210f;
				padding:6px;
				}
#display_main{
			position:absolute;
			width:550px;
			height:530px;
			top:225px;
			left:200px;
			
		
				padding-left:10px;
				padding-right:10px;

				
			}
#display_footer{
			position:absolute;
			width:320px;
			height:50px;
			top:278px;
			left:6px;
			background-image:url(../images/gifs/display_footer.gif);
			border: 1px solid #46210f;
			font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
			}
		
			
#imbox01{
            
			top:10px;
			left:5px;
			}
#imbox02{
           
			top:10px;
			left:105px;
			}
			
#imbox03{
            
			top:10px;
			left:205px;
			}
			
#imbox04{
           
			top:10px;
			left:305px;
			}									
#imbox05{
           
			top:110px;
			left:5px;
			}
			
#imbox06{
           
			top:110px;
			left:105px;
					}	
			
			
#imbox07{
	top:110px;
	left:205px;
				
			}	
			
#imbox08{
           
			top:110px;
			left:305px;
			
			}
			
#imbox09{
           
			top:210px;
			left:5px;
					}			
			
#imbox10{            
			top:210px;
			left:105px;
						}	
			
#imbox11{
            
			top:210px;
			left:205px;
						}	
			
#imbox12{
           
			top:210px;
			left:305px;	}
			
#imbox13{
           
			top:210px;
			left:305px;}			
			
#imbox14{            
			top:210px;
			left:420px;
						}							
		
#imbox15{            
			top:220px;
			left:5px;}
				
#imbox16{            
			top:220px;
			left:95px;
			}	
			
#imbox17{            
			top:220px;
			left:190px;
			}	
			
			
#imbox18{            
			top:220px;
			left:280px;
			}	
			
#foot{            
			top:400px;
			left:20px;
			}				
			
.thumb{
	position:absolute;
	width:94px;
	height:57px;
	border: 1px solid #46210f;
	top: 210px;
	left: 5px;
	}						
			
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}