ul#skipNav{display: none}

body {
	margin: 0 auto 0 auto;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #0c0b11;
	background: #b9b9b9 url(images/grayBackground.jpg) no-repeat;
	background-position:center;
	scrollbar-face-color:#dddddd;
  	scrollbar-arrow-color:#365760;
  	scrollbar-track-color:#eeeeee;
  	scrollbar-shadow-color:#365760;
  	scrollbar-highlight-color:#365760;
  	scrollbar-3dlight-color:#808080;
  	scrollbar-darkshadow-Color:#202020;
}

:active, :focus{
    outline:none;
  }

#logo {
	margin: 0 auto 0 auto;
	width: 980px;
	padding: 0;
	border:none;
	height: 63px;

}

#header {
	margin: 0 auto 0 auto;
	background: transparent url(images/bannerBottom.jpg) no-repeat 0 0;
	width: 980px;
	padding: 0;
	border: 0;
	height: 47px;
}

#bannerHome {
	margin: 0 auto 0 auto;
	width: 980px;
	padding: 0;
	border: 0;
	height: 340px;
	background-color:#ffffff;
	
	}
	
#flashcontent{
	background-color:#ffffff;
}

#flashcontent2{
	position:absolute;
	margin-top:620px;
	width: 255px;
	z-index:2;
}



#nav{
margin-left: 155px;
}

ul#nav {
	position: absolute;
	margin-top: 0px;
	padding:0px;
	width: 531px;
	height: 47px;
	list-style-type: none;
	overflow: hidden;
	background: transparent url(images/yvrafNav.jpg) no-repeat;
}

body#index ul#nav  { background: transparent url(images/yvrafNav.jpg) no-repeat 115px 47px; }
body#art ul#nav { background: transparent url(images/yvrafNav.jpg) no-repeat 115 -47px; }
body#programs ul#nav  { background: transparent url(images/yvrafNav.jpg) no-repeat 115 -94px; }
body#donor ul#nav  { background: transparent url(images/yvrafNav.jpg) no-repeat 115 -141px; }

ul#nav li a {
background-color:#CC3300;
	position: absolute;
	top: 0px;
	width: 531px;
	text-indent: -9000px;
	text-decoration: none;
	padding-top: 47px;
	padding-left:0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:47px; /* IE5/Win */
	background: transparent url(images/yvrafNav.jpg) no-repeat;
}

body#index li#hom a 		{ background-position: 0 0; width: 108px; left: 0; }
body#index li#hom a:hover	{ background-position: 0 0; }
body#index li#art a 		{ background-position: -108px 0; left: 108px; }
body#index li#art a:hover	{ background-position: -108px -47px; }
body#index li#pro a 		{ background-position: -225px 0; left: 225px; }
body#index li#pro a:hover	{ background-position: -225px -94px; }
body#index li#don a 		{ background-position: -337px 0; width: 192px; left: 339px; }
body#index li#don a:hover	{ background-position: -337px -141px; }

body#art li#hom a 			{ background-position: 0 -47px; width: 108px; left: 0px; }
body#art li#hom a:hover		{ background-position: 0 0; }
body#art li#art a 			{ background-position: -108px -47px; left: 108px; }
body#art li#art a:hover		{ background-position: -108px -47px; }
body#art li#pro a 			{ background-position: -225px 0; left: 225px; }
body#art li#pro a:hover		{ background-position: -225px -94px; }
body#art li#don a 			{ background-position: -337px 0; width: 192px; left: 339px; }
body#art li#don a:hover		{ background-position: -337px -141px; }

body#programs li#hom a 			{ background-position: 0 -47px; width: 108px; left: 0px; }
body#programs li#hom a:hover	{ background-position: 0 0; }
body#programs li#art a 			{ background-position: -108px 0; left: 108px; }
body#programs li#art a:hover	{ background-position: -108px -47px; }
body#programs li#pro a 			{ background-position: -225px -94px; left: 225px; }
body#programs li#pro a:hover	{ background-position: -225px -94px; }
body#programs li#don a 			{ background-position: -337px 0; width: 192px; left: 339px; }
body#programs li#don a:hover	{ background-position: -337px -141px; }

body#donor li#hom a 			{ background-position: 0 -47px; width: 108px; left: 0px; }
body#donor li#hom a:hover		{ background-position: 0 0; }
body#donor li#art a 			{ background-position: -108px 0; left: 108px; }
body#donor li#art a:hover		{ background-position: -108px -47px; }
body#donor li#pro a 			{ background-position: -225px 0; left: 225px; }
body#donor li#pro a:hover		{ background-position: -225px -94px; }
body#donor li#don a 			{ background-position: -337px -141px; width: 192px; left: 339px; }
body#donor li#don a:hover		{ background-position: -337px -141px; }

#container {
	margin: 0 auto 0 auto;	
	background-color: #ffffff;	
	background: #ffffff url(images/textBack.jpg) no-repeat bottom center;
	width: 980px;
	overflow: hidden;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;	
	color: #7b2e00;
}

h2 {
	font-weight: bold;	
	color: #85a0a3;
	font-size:14px;
}

h3 {
	font-size: 12px;
	font-weight: bold;	
	color: #686868;
	margin-bottom:-18px;
}

h4 {
	font-size: 10px;
	font-weight: normal;	
	color: #990000;
	margin-bottom:-10px;
}


h5 {
	font-size: 13px;
	font-weight: bold;	
	color: #85a0a3;
}

h6 {
	font-size: 11px;
	font-weight: bold;	
	font-style:italic;
	color: #85a0a3;
	margin-top:-20px;
	margin-bottom:-3px;
}

h7 {
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;	
	color: #365760;
}

abbr[title], acronym[title] {
     border-bottom-width: 0;
   }


/*  ----left side navigation settings ---*/

#nav-menu{
width:147px;
}

#nav-menu ul {
		list-style: none;
		padding: 0;
		border: none;
		margin-left: 15px;
		font-size:12px;
		line-height: 12px;
		text-align: left;
		width:110px;
		}
		
#nav-menu li {

		margin: 0;
		}
		
#nav-menu ul li a:hover {
		color: #62c4f2;
		background: transparent url(images/blueSquareBullet.gif) no-repeat 3px 9px; 
		}
		

		
#nav-menu #nav-SubMenu li {
		padding-top:0px;
		}
		
#nav-menu #international li {
		padding-top:0px;
		}
		
#nav-menu li a {
		display: block;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		color: #375861;
		text-decoration: none;
		font-weight:bold;
		width: 110px;
		}
		
#nav-menu #nav-SubMenu li a  {
		background: none; 
		font-size:9px;
		text-transform:uppercase;
		display:block;
		padding-left:10px;
		padding-bottom:3px;
		padding-top:5px;
		color: #888888;
		text-decoration: none;
		font-weight:normal;
		width: 100px;
		}
		
#nav-menu #international li a  {
		font-size:9px;
		text-transform:uppercase;
		display:block;
		padding-left:10px;
		padding-bottom:3px;
		padding-top:5px;
		color: #888888;
		text-decoration: none;
		font-weight:normal;
		width: 110px;
		}
		
#nav-menu #international li#off a:hover {
		color: #7b2e00;
		background: transparent url(images/blueSquareBulletSmall.gif) no-repeat 0px 6px; 
		}
		
#nav-menu #nav-SubMenu  li#off a:hover {
		color: #7b2e00;
		background: transparent url(images/blueSquareBulletSmall.gif) no-repeat 0px 6px; 
		}
		
#nav-menu li a:visited {
		display: block;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		color: #375861;
		text-decoration: none;
		font-weight:bold;
		width: 110px;
		}
		
#nav-menu #nav-SubMenu li a:visited {
		font-size:9px;
		text-transform:uppercase;
		display:block;
		padding-left:10px;
		padding-bottom:3px;
		padding-top:5px;
		color: #888888;
		text-decoration: none;
		font-weight:normal;
		width: 100px;
		}
		
#nav-menu #international li a:visited {
		font-size:9px;
		text-transform:uppercase;
		display:block;
		padding-left:10px;
		padding-bottom:3px;
		padding-top:5px;
		color: #888888;
		text-decoration: none;
		font-weight:normal;
		width: 110px;
		}
		
#nav-menu ul li#on a {
		width: 100px;
		color: #62c4f2;
		background: transparent url(images/blueSquareBullet.gif) no-repeat 3px 9px; 
		}
		
#nav-menu #nav-SubMenu li#on a {
		width: 100px;
		color: #7b2e00;
		background: transparent url(images/blueSquareBulletSmall.gif) no-repeat 0px 6px; 
		}

#nav-menu #nav-SubMenu li#off a {
		width: 100px;
		color: #888888;
		background: none; 
		}
		
#nav-menu #international li#off a {
		width: 110px;
		color: #888888;
		background: none; 
		}
		
#nav-menu #international li#on a {
		width: 110px;
		color: #7b2e00;
		background: transparent url(images/blueSquareBulletSmall.gif) no-repeat 0px 6px; 
		}
		


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #0c0b11;
}




#footerContainer {
	clear:both;
	margin: 0 auto 0 auto;
	width: 980px;
	padding-bottom: 0px;
	border: 0;
	height: 43px;



}

#footer {
background: transparent url(images/footer.jpg) no-repeat 0 0;
font-size: 9px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
text-align: left;

}

img {
padding: 0px;
margin: 0px;
}
#footer img{
	padding: 0;
	border:none;

}

#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #ffffff;
	} 

#footer ul li {
	margin-left: 0;
	padding-right: 15px;
	list-style: none;
	display: inline;
	}
	
		
#footer li a:visited{
	font-family: Helvetica, Arial,  sans-serif;
	color: #ffffff;
	text-decoration: none;
}


#footer li a:hover {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #6dcff6;
	text-decoration: none;
}

#footer li a {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

#subfooter {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	margin-left:12px;
}

#subfooter a:visited {
	color: #cccccc;
	text-decoration: none;
}


#subfooter a {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
}

#subfooter a:hover {
	font-family: Helvetica, Arial,  sans-serif;
	color: #ffffff;
	text-decoration: none;
}


a:link {
	color: #7b2e00;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #7b2e00;
	text-decoration: none;
}


#column1 {
width: 230px;
float:left;
padding-right:5px;


}
#column2 {
width: 230px;
float:left;
padding-right:5px;


}


#column3 {
width: 230px;
float:right;
padding-right:5px;


}


#CatalogueRight{
width:705px;
}


#Hcolumn1 {
width: 182px;
float:left;
font-size:9px;
margin-top:25px;
padding: 3px;

}
.Hcolumn2 {
width: 637px;
float:right;
margin:0;
padding:0;

}


#left {
	float:left;
	width:150px;
	padding-top:15px;
}

#left2 {
	float:left;
	width:150px;
	padding-top:15px;
	background: transparent url(images/dropShadow.gif) no-repeat 0 0;
}

#right {
	float:right;
	width:775px;
	margin-top:0;
	padding:0;
	height:272px;
	overflow:auto;
}

#right2 {
	float:right;
	width:819px;
	height:609px;
	margin-top:0;
	padding:0;

}

#subImages{
float:right;
width:300px;
margin-top:35px;
color:#375861;
font-size:9px;
line-height:10px;

}

.mainText {
	margin-left:0px;
	margin-right:15px;	
	margin-top:0px;
	width: 440px;
	float:left;
}

.mainText2 {
	width: 830px;
	float:right;
	background: transparent url(images/dropShadow.gif) no-repeat 0 0;
}

/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:182px; height:508px; z-index:100
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:182px; height:520px; 
	clip:rect(0px, 182px, 520px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}