html {background:url("../images/galleryHeader_bkgrnd.gif") repeat-x scroll 0 0 #DDD5BE}
html.Lemon {background: url(../images/galleryHeader_lemonBkgrnd.gif) repeat-x; background-color:#f4d16d;}
html.Lime {background: url(../images/galleryHeader_limeBkgrnd.gif) repeat-x; background-color:#afcb77;}
html.Sky {background: url(../images/galleryHeader_skyBkgrnd.gif) repeat-x; background-color:#97c8d9;}
p{margin: 0;}
img{
	border:0 none;
}
#copy{
	padding: 0 10px;
}
#galleryTitle{
	padding-top: 45px;
}
#galleryHead{
	margin-left: 175px;
	margin-top: -100px;
	position: relative;
}
#copyWrapper{
	background:transparent url(../images/img_galleryContentBotBar.gif) no-repeat scroll center bottom;
	padding-bottom:9px;
	padding-top: 20px;
}
.pIndexNum{
	color: #FFF;
	padding-left: 5px;
}
#mainContent {background:transparent url(../images/primary_navBkgrnd.gif) repeat-x left top; padding-bottom:9px; width:100%;}
#galleryBranding h1 {margin-bottom: 0px; font-size:24px; font-weight:bold;}
#galleryBranding a {color: #FFFFFF;}
#galleryBranding a:hover {color: #006666; text-decoration : underline;}

#galleryBranding {height: 78px; position: relative; font-family: verdana, arial, helvetica; font-size: 9px; font-weight: bold; color: #333;}
#galleryBranding #skipContent {float:left;}

#galleryNav {position: absolute; top:0; left:192px; z-index:101;}
#galleryNav li { float: left; margin-top: 11px; padding: 0 8px; border-right: 1px solid;border-color: #FFF;}
#galleryNav li:first-child, #galleryNav .firstChild {padding: 0 8px 0 0;}
#galleryNav .lastChild {border-right: none;}
#galleryBranding img {float: left;}
#galleryType {position: absolute; top:7px; right:0px;}

#content{background:#fff; padding:0 20px; position:static;}

#mediaDisplay {float:left; margin:0 20px 35px 0; width: 520px;height:481px;overflow:none;}
#mediaInfo {height:417px; width:403px;overflow-Y:auto; overflow-x:hidden; margin-bottom:5px;float:right;}
.mediaInfoScroll{border: 1px solid #CCCCCC;}
#mediaInfo p{font-family: arial, helvetica; color: #000; font-size:12px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:15px;}

#videoTitle {font-family: Trebuchet MS, Arial, Helvetica; color: #333333; font-size: 14px; font-weight: normal;float:left;padding-left:15px;}
#feedbackHolder{float:right; height: 18px;}
.feedback img{vertical-align:middle;}
#videoDescription{font-family: Arial, Helvetica; color: #000000; font-size: 11px; font-weight: normal; line-height: .95;float:left; padding-left:15px; padding-bottom:10px;}
#videoLength, .itemVideoLength{font-family: Arial, Helvetica; color: #666666; font-size: 11px; font-weight: normal; line-height: .95;padding-left: 5px;}
.itemVideoLength{float:right;padding-top:6px;}

/* news/photo gallery */
#mediaDisplayPhoto {float:left; margin:0 20px 35px 0; position: relative; width: 608px;height:481px;overflow-Y:none;overflow-X:none;}			
#mediaInfoPhoto {height:490px; padding-top:18px;}

#categories {position: absolute; bottom: 12px; right:0;}
#categories li { float: left; background: url("../images/img_orangeArrow.gif") no-repeat left; padding-left:7px; margin: 0 10px 0 0;}
#categories li a {font-family: "trebuchet ms", arial, helvetica; color: #999999; font-size:12px;font-weight:bold;}
#categories li a:hover {text-decoration: underline; color: #006666;}
#categories .active {color: #333;font-weight:bold;}

.top{height: 21px; position:relative; }		
.left{height:21px; position:absolute; left:0; width:21px; background: url("../images/photoCornerTopLeft.gif") no-repeat top left;}
.middle {height:21px; left:21px;width:auto; right:21px; position:absolute; border-top: 1px solid #ccc; background:#fff;}
.right{height:21px; position:absolute; left:auto; top:0; right:0; width:21px; background: url("../images/photoCornerTopRight.gif") no-repeat top right;}
.bottom {height:30px; position: relative}			
.bottom .left {height: 30px; background: url("../images/photoCornerBottomLeft.gif") no-repeat top left;}
.bottom .middle {border: none; height: 29px; border-bottom:1px solid #ccc; text-align: right;}
.bottom .right {height: 30px; background: url("../images/photoCornerBottomRight.gif") no-repeat top right;}

#photoHolder {padding: 1px 20px; border-left: 1px solid #ccc; border-right:1px solid #ccc; display: block; position: relative;}
#floatingPrev, #floatingNext {width: 50%; height: 90%; position: absolute; top: 0; background: url("../images/spacer.gif") no-repeat left center;}
#floatingPrev {left: 0;}
#photoHolder>#floatingPrev {left: 20px;}
#floatingPrev:hover {background: url("../images/photoPrevBtn.gif") no-repeat left center;}
#floatingNext {right: 20px;}
#floatingNext:hover {background: url("../images/photoNextBtn.gif") no-repeat right center;}

#mediaPrev, #mediaNext, #galleryPrev, #galleryNext, #galleryAll {padding-left: 18px; font-family: verdana, arial, helvetica; font-size: 10px; color: #333; line-height: 2.5; margin-left: 10px;}
#mediaPrev, #galleryPrev {background: url("../images/icon_previous.gif") no-repeat left;}
#mediaNext, #galleryNext {background: url("../images/icon_next.gif") no-repeat left; }
#galleryAll {background: url("../images/button_viewAll_tab.gif") no-repeat left; }

.itemTitlePhoto {font-weight: bold;padding-top:3px;}
.itemLongDescription, .itemPhotoPath, .itemHighResPath, #downloadHighRes, .itemAltText {display: none;}
/* end new/photo */

/* interactive */
#mediaDisplayInteractive {float:left; position: relative; width: 700px;overflow:none;}
#addInteractives {height:481px; width:220px; float:right;}
.mediaInfoScroll{border: 1px solid #CCCCCC;}
#interactiveTitle {font-family: Trebuchet MS, Arial, Helvetica; color: #333333; font-size: 14px; font-weight: normal;float:left;padding-left:15px;}
.intSubtitle{font-family: Trebuchet MS, Arial, Helvetica; color: #333333; font-size: 16px; font-weight: bold;float:right;}
#interactiveDescription{font-family: Arial, Helvetica; color: #000000; font-size: 11px; font-weight: normal; line-height: .95;float:left; padding-left:15px;}

#addInteractives .galleryItem {width:220px; margin: 10px 0px 0px 0px; float:left; color: #333; line-height: .95;}
#addInteractives .galleryItemTop{width:220px; height:15px; background:url(../images/intTopBox.gif) no-repeat top left;} 
#addInteractives .galleryItemMiddle{width:194px; border-right:1px solid #ccc;border-left:1px solid #ccc; padding-left:12px;padding-right:12px;}
#addInteractives .galleryItemTitle{font-family: Trebuchet MS, Arial, Helvetica; color: #333333; font-size: 16px; font-weight: normal;line-height:1.0;background: url(../images/bullet_orangeArrow.gif) no-repeat 0 3px; padding-left:15px;padding-bottom:10px;}
#addInteractives .galleryItemDescription{font-family: Trebuchet MS, Arial, Helvetica; color: #333333; font-size: 11px; font-weight: normal;line-height:1.1; padding-left:15px;}
#addInteractives .galleryItemBottom{width:220px; height:15px; background:url(../images/intBottomBox.gif) no-repeat top left;} 
.interactiveFile, .altText, .swfHeight, .swfWidth{display: none;}

/* end interactive */

#mediaGallery {clear: both; position: relative;}
#galleryHd {background: url("../images/img_galleryThumbsTopBorder.gif") no-repeat top center; height:12px;}
#galleryBd {border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: 10px; padding: 5px 10px; width:923px;}
#galleryFt {background: url("../images/img_galleryThumbsBotBorder.gif") no-repeat bottom center; height:13px;}
#photoButton {position: absolute; top: -18px; left: 20px;}
#galleryControls {text-align: right; margin-right:23px;}
#galleryControls span {margin-left: 10px;}

.galleryItem {width:160px; margin: 10px; float:left; color: #333; line-height: .95;}
.itemThumbDescription{width: 125px;padding-top:6px;float:left;}
.itemRelatedInformation, .itemTitle, .itemVideoPath, .itemVideoDescription, .itemVideoSummary, .itemHighResPath, #downloadHighRes, .itemAltText , .itemPIndex{display: none;}
.hide{display:none;}
.inline{display:inline}
.relative{position:relative}