/* -------------------------------------------------------------------
	10	77%		|	14	108%		|	18	138.5%		|	22	167%
	11	85%		|	15	116%		|	19	146.5%		|	23	174%
	12	93%		|	16	123.1%		|	20	153.9%		|	24	182%
	13	100%	|	17	131%		|	21	161.6%		|	25	189%
----------------------------------------------------------------------
Yahoo! Fonts Library Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
--------------------------------------------------------------------*/
body {font:13px/123.1% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* CSS Reset ------------------------------------------------------ */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, dl, dt, dd, ol, ul, li, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
address, tt, var, applet, object, iframe, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
.hidden, .tuckedIn, hr {position: absolute; left: -999em; width: 1px; height: 1px; overflow: hidden;}
.clear {clear: both;}
	.clearfix {height: 1%;}
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	*> .clearfix {min-height: 1px; height: auto;}
	.cols,
	#search,
	#thumbs {height: 1%;}
	.cols:after,
	#search:after,
	#thumbs:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	*> .cols,
	*> #search,
	*> #thumbs {min-height: 1px; height: auto;}
a img {border: none;}
ul {list-style: none;}
/* Structure ------------------------------------------------------ */
body {
	background: #EDF7FA;
}
#container {
	position: relative;
	width: 960px;
	background: #FFF url(images/mediaGallery/containerBG.gif) repeat-y;
	margin: 0 auto;
}
.elementPadder {
	position: relative;
		z-index: 100;
	float: left;
	width: 100%;
}
	#content {
		color: #686660;
		margin: 0;
	}
#navigation {
	position: absolute;
		left: 0;
		top: 0;
	width: 926px;
	height: 46px;
	border-top: 19px solid #0356A3;
	margin: 0 0 0 17px;
}
#header {
	display: block;
	height: 126px;
}
	#header a.siteLogo {
		display: block;
		width: 302px;
		height: 74px;
		background: url(images/structure/logo_wchn-dh.gif) 12px 34px no-repeat;
		padding-top: 39px;
	}
		#header a img {
			display: none;
		}
#pageTop {
	position: relative;
	background: url(images/mediaGallery/mediaGallery.gif) 5px 0 no-repeat;
	padding: 15px 0 2px 0;
	border-bottom: 1px solid #E6E3DB;
	margin: 0 66px 0 68px;
}
/* Footer --------------------------------------------------------- */
#footer {
	clear: both;
}
	#footer .content {
		width: 960px;
		background: url(images/mediaGallery/footerBG.gif) no-repeat;
		color: #848589;
		font: 85%/116% Arial;
		padding: 31px 0 20px 0;
		margin: 0 auto;
	}
		#footer span.div {
			padding: 0 9px 0 10px;
		}
	#footer .content .vcard,
	#footer .content .vcard div {
		display: inline;
	}
		#footer .vcard .tel .type {
			display: none;
		}
	#footer a {
		color: #5B89CD;
		text-decoration: none;
	}
		#footer a:hover {
			text-decoration: underline;
		}
/* Tools Navigation ----------------------------------------------- */
#navGalleryTools {
	padding: 12px 0 0 532px;
}
	#navGalleryTools li {
		float: left;
	}
	#navigation a {
		display: block;
		float: left;
		height: 20px;
		background-image: url(images/nav/navTools.gif);
		text-indent: -999em;
	}
		#btnPageTool3 a  {
			width: 119px;
			background-position: -189px -27px;
		}
		#btnPageTool5 a  {
			width: 149px;
			background-position: -365px -27px;
		}
	#danburyConnect {
		float: left;
		width: 80px;
		padding: 3px 0 0 0;
	}
	#btnPageTool5 #danburyConnect h3 {
		display: none;
	}
		#danburyConnect a {
			display: inline;
			width: auto;
			height: auto;
			background: none;
			text-indent: 0;
		}
			#danburyConnect a span {
				display: none;
			}
		#danburyConnect img {
			margin: 0 5px 5px 0;
		}
/* Pagination ----------------------------------------------------- */
#content .pagination {
	font: 85%/116% Arial;
	text-align: right;
	padding: 2px 40px 40px 0;
}
	#content .pagination a {
		color: #C52500;
		padding: 0 2px;
	}
		#content .pagination a:hover {
			color: #686660;
			text-decoration: none;
		}
	#content .pagination a.current {
		color: #686660;
	}
	#content .pagination a.prev {
		background: url(images/modules/paginationArrowPrev.gif) 3px 4px no-repeat;
	}
	#content .pagination a.next {
		background: url(images/modules/paginationArrowNext.gif) 4px 4px no-repeat;
	}
		#content .pagination a span {
			visibility: hidden;
		}
/* Gallery Switcher ----------------------------------------------- */
#gallerySwitch {
	position: absolute;
		left: 631px;
		top: 18px;
	width: 195px;
	height: 27px;
		overflow: hidden;
}
	#gallerySwitch li {
		float: left;
		height: 27px;
		background-image: url(images/mediaGallery/gallerySwitchBG.gif);
	}
	#gallerySwitch a {
		display: block;
		height: 27px;
		background-image: url(images/mediaGallery/gallerySwitchBG.gif);
		text-indent: -999em;
	}
#btnPh {
	width: 73px;
	background-position: 0 -81px;
}
	#btnPh a {
		width: 73px;
	}
	#btnPh.active a {
		background-position: 0 -54px;
	}
		#btnPh a:hover {
			background-position: 0 -27px;
		}
#btnVid {
	width: 62px;
	background-position: -73px -81px;
}
	#btnVid a {
		width: 62px;
		background-position: -73px 0;
	}
	#btnVid.active a {
		background-position: -73px -54px;
	}
		#btnVid a:hover {
			background-position: -73px -27px;
		}
#btnAud {
	width: 60px;
	background-position: -135px -81px;
}
	#btnAud a {
		width: 60px;
		background-position: -135px 0;
	}
	#btnAud.active a {
		background-position: -135px -54px;
	}
		#btnAud a:hover {
			background-position: -135px -27px;
		}
/* Body Styles ---------------------------------------------------- */
h1 {
	display: none;
}
h1#pageTitle {
	display: block;
	font: normal 161.6%/182% Georgia;
	border-bottom: 1px solid #E6E3DB;
	padding: 0 200px 6px 5px;
}
h2 {
	color: #009DA5;
	font: bold 108%/138.5% Arial;
	padding: 0 0 3px;
}

#content p {
	font: 93%/138.5% Arial;
	padding: 0 0 15px;
}

.cols {
	padding: 0 0 0 3px;
	margin: 0 50px 0 68px;
}
	.cols .col {
		float: left;
	}
	.cols .colLeft {
		width: 223px;
		background: url(images/mediaGallery/colLeftBG.gif) left bottom repeat-x;
		padding: 16px 0 232px 0;
		margin: 0 20px 0 0;
	}
	.cols .colRight {
		width: 592px;
	}

	#summary {
		padding: 0 0 9px;
		border-bottom: 1px solid #D8DBE2;
		margin: 0 0 2px;
	}
	#content p.date {
		font-weight: bold;
		padding: 0;
	}
/* Gallery Navigation --------------------------------------------- */
#galleryNav {
	background: #E8E8E8;
	border-top: 1px solid #D8DBE2;
}
	#galleryNav h2 {
		height: 41px;
			overflow: hidden;
		background: #E8E8E8 url(images/mediaGallery/exploreOtherGalleries.gif) 14px 23px no-repeat;
		text-indent: -999em;
		padding: 0;
		border-top: 3px solid #FFF;
	}
	#galleryNav ul {
		padding: 0 14px;
	}
		#galleryNav li {
			border-top: 1px solid #F9F9F9;
		}
		#galleryNav li ul {
			border-top: 1px solid #F9F9F9;
			padding: 0;
		}
			#galleryNav li li {
				border: none;
			}
		#galleryNav ul ul {
			padding: 3px 0 8px 0;
		}
	#galleryNav li a {
		display: block;
		width: 195px;
		color: #312D2E;
		font: 93%/116% Arial;
		text-decoration: none;
		padding: 5px 0 7px 0;
	}
		#galleryNav li a:hover {
			color: #0356A3;
		}
		#galleryNav li.active a {
			color: #0356A3;
			font-weight: bold;
		}
			#galleryNav li.active ul a {
				width: 167px;
				color: #686660;
				font-weight: normal;
				padding: 3px 14px;
			}
		#galleryNav li.active ul a:hover {
			color: #0356A3;
		}
	#galleryNav li.active li.active a {
		background: url(images/mediaGallery/arrowBlue.gif) 1px 7px no-repeat;
		color: #0356A3;
	}
/* Gallery Search ------------------------------------------------- */
#search {
	background: #E8E8E8 url(images/mediaGallery/searchBG.gif) left bottom no-repeat;
	padding: 0 0 23px;
	border-top: 3px solid #FFF;
}
	#search label {
		display: block;
		height: 36px;
			overflow: hidden;
		background: url(images/mediaGallery/searchGalleries.gif) 16px 19px no-repeat;
		text-indent: -999em;
	}
	#search p {
		padding: 0;
	}
	#search input {
		float: left;
		margin: 0 0 0 1px;
	}
	#search p input {
		float: left;
		width: 176px;
		background: #F6F6F6;
		font: 93% Arial;
		border: 1px solid #A1B8DA;
		padding: 0;
		margin: 0 0 0 15px;
	}
/* Main Image ----------------------------------------------------- */
#mainImg {
	position: relative;
		left: 4px;
	text-align: center;
	padding: 10px 0 0 0;

}
	#pageGalleryVideo #mainImg {
		left: 0;
		background: url(images/mediaGallery/shadowVideo.gif) 32px 13px no-repeat;
		padding: 26px 0 16px 10px;
	}
	#pageGalleryAudio #mainImg {
		left: 0;
		background: url(images/mediaGallery/shadowAudio.gif) 32px 13px no-repeat;
		padding: 26px 0 16px 10px;
	}

		#mainImg a {
			position: absolute;
				top: 50%;
				z-index: 100;
			display: block;
			width: 34px;
			height: 68px;
			background-image: url(images/mediaGallery/imgNavArrows.gif);
			text-indent: -999em;
			margin: -34px 0 0 0;
		}
			#mainImg a.prev {
				left: -34px;
				left: 0;
				background-position: -34px 0;
			}
				#mainImg a.prev:hover {
					background-position: 0 0;
				}
			#mainImg a.next {
				right: -34px;
				right: 0;
				background-position: -136px 0;
			}
				#mainImg a.next:hover {
					background-position: -170px 0;
				}

#mainImg span {
	display: block;
}

#mainImg .shadow {
	position: absolute;
		left: 0;
		top: 10px;
}
#mainImg .shadTR {
	position: absolute;
		right: 0;
		top: 0;
		z-index: 50;
	width: 100px;
	height: 100px;
	background: transparent url(images/mediaGallery/shadow.gif) right top no-repeat;
}
#mainImg .shadBL {
	position: absolute;
		left: 0;
		bottom: 0;
		z-index: 50;
	width: 100px;
	height: 100px;
	background: transparent url(images/mediaGallery/shadow.gif) left bottom no-repeat;
}
#mainImg .shadBR {
	background: transparent url(images/mediaGallery/shadow.gif) right bottom no-repeat;
}
#mainImg .shadTL {
	position: relative;
		left: 0;
		top: 0;
		z-index: 10;
	background: transparent url(images/mediaGallery/shadow.gif) left top no-repeat;
}
#mainImg .shadow img {
	display: block;
	float: none;
	padding: 12px;
}

#content #caption {
	background: #F3F3F2;
	color: #7C898D;
	text-align: left;
	padding: 7px 38px 2px 38px;
	margin: 0 25px 38px 33px;
}
	#content #caption p {
		font: 85%/116% Arial;
		font-style: italic;
	}
	#content #caption a {
		color: #5B89CD;
		text-decoration: none;
	}
		#content #caption a:hover {
			text-decoration: underline;
		}

#thumbs {
	width: 534px;
	font-size: 100%;
	border-top: 1px solid #E6E3DB;
	padding: 8px 0 0 0;
	margin: 0 0 0 33px;
}
	#thumbs li {
		position: relative;
		float: left;
		width: 264px;
		padding: 3px 0 3px 3px;
		margin: 0 0 15px;
	}
	#thumbs li.over {
		background: #F3F3F2;
	}
		#thumbs li img {
			position: relative;
				top: -8px;
			display: block;
			width: 113px;
			height: 113px;
			float: left;
			padding: 11px;
			background: url(images/mediaGallery/shadowThumb.gif) no-repeat;
			margin: 0 9px 0 0;
		}
		#thumbs li.over img {
			background-position: -135px 0;
		}
		#thumbs li span.cov {
			display: none;
			position: absolute;
				left: 14px;
				top: 14px;
			width: 113px;
			height: 113px;
				overflow: hidden;
		}
		#pageGalleryVideo #thumbs li span.cov,
		#pageGalleryAudio #thumbs li span.cov {
			display: block;
			background: url(images/mediaGallery/iconPlay.png) no-repeat;
		}
		#content #thumbs li.active span.cov {
			background: #011F5D;
			opacity: .65;
			-moz-opacity: .65;
			filter:alpha(opacity=65);
		}
			#thumbs li.active span.cov {
				display: block;
			}
		#thumbs li a {
			display: block;
			width: 252px;
			color: #7C898D;
			font: 85%/116% Arial;
			font-style: italic;
			text-decoration: none;
			padding: 8px 10px 0 0;
		}
			#thumbs li a:hover {
				text-decoration: underline;
			}