body {background: #444300 url(/images/2010summer/bg-body.gif) no-repeat; color: #fff;}
#wrap {width: 800px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}



/**************************************************header**************************************************/
#header, [dummy] {background: url(/galleries/images/bg-header.png) no-repeat;}
#header {height: 110px; z-index: 9999;}
#header h1 a {width: 180px; height: 41px; top: 57px; left: 58px; position: absolute; }
#header ul#headerNav {width: 297px; height: 22px; top: 19px; left: 459px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 22px; top: 0px; list-style: none; display: inline; position: absolute; display: block;}
#header ul#headerNav li a {height: 22px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#hm {background: url(/galleries/images/headerNav-hmlnk.gif) no-repeat; width: 62px; left: 0px;}
#header ul#headerNav li#hm:hover, #header ul#headerNav li#hm.hdrhover {background-position: 0 -22px;}
#header ul#headerNav li#hm a#hmlnk {width: 62px;}
#header ul#headerNav li#ph {background: url(/galleries/images/headerNav-phlnk.gif) no-repeat; width: 72px; left: 67px;}
#header ul#headerNav li#ph:hover, #header ul#headerNav li#ph.hdrhover, .photos #header ul#headerNav li#ph {background-position: 0 -22px;}
#header ul#headerNav li#ph a#phlnk {width: 72px;}
#header ul#headerNav li#vd {background: url(/galleries/images/headerNav-vdlnk.gif) no-repeat; width: 66px; left: 143px;}
#header ul#headerNav li#vd:hover, #header ul#headerNav li#vd.hdrhover, .videos #header ul#headerNav li#vd {background-position: 0 -22px;}
#header ul#headerNav li#vd a#vdlnk {width: 143px;}
#header ul#headerNav li#pc {background: url(/galleries/images/headerNav-pclnk.gif) no-repeat; width: 83px; left: 214px;}
#header ul#headerNav li#pc:hover, #header ul#headerNav li#pc.hdrhover, .podcasts #header ul#headerNav li#pc {background-position: 0 -22px;}
#header ul#headerNav li#pc a#pclnk {width: 83px;}

/**************************************************content area********************************************/
#contentWrap, [dummy] {background: url(/galleries/images/bg-content.png) repeat-y;}
#contentWrap {min-height: 500px; padding: 0 0 25px 0;}/*see ie.css for fixes*/
#contentWrap:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content {position: relative;}
.photos #content h3, [dummy] {background: url(/galleries/images/title-photos.png) no-repeat;}
.photos #content h3 {width: 800px; height: 39px;}
.podcasts #content h3, [dummy] {background: url(/galleries/images/title-podcasts.png) no-repeat;}
.podcasts #content h3 {width: 800px; height: 39px;}
.videos #content h3, [dummy] {background: url(/galleries/images/title-videos.png) no-repeat;}
.videos #content h3 {width: 800px; height: 39px;}
#content ul#breadcrumbs {top: 22px; right: 45px; position: absolute;}
#content ul#breadcrumbs li  {color: #666; list-style: none; display: inline;}
#content ul#breadcrumbs li a {color: #944; text-decoration: none;}
#content ul#breadcrumbs li a:hover, #content ul#breadcrumbs li a.selected {color: #666;}
#content h4 {color: #666; margin: 20px 0 20px 70px; font-size: 1.3em; font-weight: normal;}
#content h4 strong {color: #aaa; font-size: 1.2em; text-transform: uppercase;}
/*Photo section style*/
.photos #content ul#categoryNav {width: 166px; height: 18px; top: 60px; right: 66px; position: absolute; z-index: 999;}
.photos #content ul#categoryNav li#sac {background: url(/galleries/images/categoryNav-saclnk.gif) no-repeat; width: 166px; height: 18px; top: 0; left: 0; position: absolute; list-style: none; display: inline; display: block;}
.photos #content ul#categoryNav li#sac:hover, .photos #content ul#categoryNav li#sac.hdrhover {background-position: 0 -18px;}
.photos #content ul#categoryNav li#sac a#saclnk {width: 166px; height: 18px; left: 0; position: absolute; display: block; background: transparent;}
/*1st level dropdown*/
.photos #content ul#categoryNav li ul {background: url(/galleries/images/bg-categoryNav.gif) no-repeat 0 100%; color: #333; width: 166px; height: auto; margin: 18px 0 0 0; padding: 5px 0; left: -9999px; position: absolute; z-index: 99;}
.photos #content ul#categoryNav li ul li {height: auto; top: auto; display: inline; position: relative;}
.photos #content ul#categoryNav li ul li a {color: #4e3905; height: auto; padding: 5px 10px 5px 10px; left: auto; font-size: 1em; display: block; position: relative;}
.photos #content ul#categoryNav li ul li a:hover {background: #998; color: #fff; text-decoration: none;}
.photos #content ul#categoryNav li:hover ul, .photos #content ul#categoryNav li.hdrhover ul {left: 0;}
.photos #content #pageTitle {background: #eee url(/galleries/images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.photos #content #pageTitle:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
.photos #content #pageTitle h5 {background: url(/galleries/images/bg-pageTitle-top-left.gif) no-repeat; color: #666; padding: 7px 0 7px 15px; font-size: 1.1em; font-weight: normal; float: left;}
.photos #content #pageTitle ul {background: url(/galleries/images/bg-pageTitle-top-right.gif) no-repeat 100% 0; padding: 7px 15px 7px 0; text-align: right;}
.photos #content #pageTitle ul li {list-style: none; display: inline;}
.photos #content #pageTitle ul li a {color: #944; margin: 0 4px; font-size: .9em; font-weight: bold; text-decoration: underline;}
.photos #content #pageTitle ul li a#previous {background: url(/galleries/images/pageTitle-arrow-left.gif) no-repeat 100% 2px; padding: 0 15px 0 0;}
.photos #content #pageTitle ul li a#next {background: url(/galleries/images/pageTitle-arrow-right.gif) no-repeat 0 2px; padding: 0 0 0 15px;}
.photos #content #pageTitle ul li a:hover, .photos #content #pageTitle ul li a.selected {color: #666; text-decoration: none;}
.photos #content #thumbWrap {width: 730px; margin: 0 0 0 70px; clear: both;}
.photos #content #thumbWrap .categoryThumbs {width: 91px; margin: 0 24px 25px 0; float: left;}
.photos #content #thumbWrap .categoryThumbs img {background: url(/galleries/images/image-multiple.gif) no-repeat; width: 76px; height: 76px; padding: 11px 11px 4px 4px;}
.photos #content #thumbWrap .categoryThumbs p.description {color: #775; height: 4em; font-weight: bold; text-align: center; overflow: hidden;}
.photos #content #thumbWrap .categoryThumbs p.amount {color: #999; font-size: .9em; text-align: center;}
.photos #content #thumbWrap .galleryThumbs {width: 100px; margin: 0 41px 25px 0; float: left; text-align: center;}
.photos #content #thumbWrap .galleryThumbs h6 {color: #000; height: 2.7em; font-size: .9em; font-weight: bold; overflow: hidden;}
.photos #content #thumbWrap .galleryThumbs p.description {color: #775; height: 4em; overflow: hidden;}
.photos #content #thumbWrap br {clear: both;}
.photos #content #photoWrap {margin: 0 70px; clear: both;}
.photos #content #photoWrap #largephoto {width: 420px; height: 420px; margin: 0 0 20px 0; border: 1px solid #999; position: relative; float: left;}
.photos #content #photoWrap #largephoto img.landscape {margin: -150px 0 0 -200px; top: 50%; left: 50%; position: absolute;}
.photos #content #photoWrap #largephoto img.portrait {margin: -200px 0 0 -150px; top: 50%; left: 50%; position: absolute;}
.photos #content #photoWrap h6 {color: #775; margin: 0 0 20px 457px; font-size: 1.5em;}
.photos #content #photoWrap dl {margin: 0 0 40px 457px;}
.photos #content #photoWrap dl dt {color: #666; width: 80px; font-size: 1.1em; font-weight: bold; display: block; float: left;}
.photos #content #photoWrap dl dd {color: #666; margin: 0 0 5px 0; font-size: 1.1em; display: block;}
.photos #content #photoWrap p {margin: 0 0 20px 457px;}
/*Podcasts section styles*/
.podcasts #content #pageTitle {background: #eee url(/galleries/images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.podcasts #content #pageTitle:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
.podcasts #content #pageTitle h5 {background: url(/galleries/images/bg-pageTitle-top-left.gif) no-repeat; color: #666; padding: 7px 0 7px 15px; font-size: 1.1em; font-weight: normal; float: left;}
.podcasts #content #thumbWrap {width: 660px; margin: 0 0 30px 70px; clear: both;}
.podcasts #content #thumbWrap .podcastThumbs {padding: 20px 50px 20px 0; border-top: 1px solid #999;}
.podcasts #content #thumbWrap .podcastThumbs:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
.podcasts #content #thumbWrap .podcastThumbs img {width: 100px; height: 100px; margin: 0 20px 0 0; float: left;}
.podcasts #content #thumbWrap .podcastThumbs h5 {color: #888; padding: 15px 0 0 0; font-weight: normal; font-size: 1.1em;}
.podcasts #content #thumbWrap .podcastThumbs h5 strong {color: #666; margin: 0 10px 0 0; font-weight: bold; font-size: 1.8em;}
.podcasts #content #thumbWrap .podcastThumbs p.description {color: #666; font-size: 1.1em;}
.podcasts #content #thumbWrap .podcastThumbs ul li {list-style: none; display: inline;}
.podcasts #content #thumbWrap .podcastThumbs ul li a {width: 79px; height: 24px; margin: 10px 20px 0 0; display: block; float: left;}
.podcasts #content #thumbWrap .podcastThumbs ul li a.listen {background: url(/galleries/images/button-listen.gif) no-repeat;}
.podcasts #content #thumbWrap .podcastThumbs ul li a.subscribe {background: url(/galleries/images/button-subscribe.gif) no-repeat;}
.podcasts #content #podcastWrap {width: 660px; margin: 0 0 30px 70px; padding: 35px 0 0 0; clear: both; position: relative;}
.podcasts #content #podcastWrap a.subscribe {background: url(/galleries/images/button-subscribe-lg.gif) no-repeat; width: 183px; height: 32px; top: 235px; left: 0px; position: absolute; display: block;}
.podcasts #content #podcastWrap img {width: 183px; height: 183px; margin: 0 30px 0 0; float: left;}
.podcasts #content #podcastWrap h5 {color: #666; margin: 0 0 0 215px; padding: 15px 0 0 0; font-weight: bold; font-size: 1.8em;}
.podcasts #content #podcastWrap h6 {color: #aaa; margin: 0 0 0 245px; padding: 15px 0 0 0; font-weight: normal; font-size: 1.2em;}
.podcasts #content #podcastWrap p.description {color: #666; margin: 0 0 0 215; padding: 0 0 30px 0; font-size: 1.1em;}
.podcasts #content #podcastWrap table {width: 425px; margin: 35px 0 0 215px; border-top: 2px solid #999; border-bottom: 2px solid #999; display: table; border-collapse: collapse; clear: left;}
.podcasts #content #podcastWrap table tbody {display: table-row-group;}
.podcasts #content #podcastWrap table tbody tr {display: table-row;}
.podcasts #content #podcastWrap table tbody td {display: table-cell; padding: 10px; border-bottom: 1px solid #999; vertical-align: middle;}
.podcasts #content #podcastWrap table td.col1 {border-bottom: none;}
.podcasts #content #podcastWrap table td.col2 {color: #aaa; font-size: 1.2em;}
.podcasts #content #podcastWrap table td.col3 a {color: #775; font-size: 1.1em;}
.podcasts #content #podcastWrap table td.col4 {color: #aaa; font-size: 1.2em;}
.podcasts #content #podcastWrap table td.col5 {width: 100px; padding: 0;}
.podcasts #content #podcastWrap table td.col5 a.listen {background: url(/galleries/images/button-listen-pd.gif) no-repeat; width: 100px; height: 24px; display: block;}
.podcasts #content #podcastWrap table td.col5 a.playing {background:url(/galleries/images/button-playing.gif) no-repeat; width: 100px; height: 24px; display: block;}
.podcasts #content #podcastWrap #flashaudio {width: 290px; height: 24px; margin: 0 0 0 245px; z-index: 9;}
.podcasts #content #podcastWrap #flashaudio #audioplayer1 {width: 290px; height: 24px;}
/*Video section style*/
.videos #content ul#categoryNav {width: 166px; height: 18px; top: 60px; right: 66px; position: absolute; z-index: 999;}
.videos #content ul#categoryNav li#sac {background: url(/galleries/images/categoryNav-saclnk.gif) no-repeat; width: 166px; height: 18px; top: 0; left: 0; position: absolute; list-style: none; display: inline; display: block;}
.videos #content ul#categoryNav li#sac:hover, .videos #content ul#categoryNav li#sac.hdrhover {background-position: 0 -18px;}
.videos #content ul#categoryNav li#sac a#saclnk {width: 166px; height: 18px; left: 0; position: absolute; display: block; background: transparent;}
/*1st level dropdown*/
.videos #content ul#categoryNav li ul {background: url(/galleries/images/bg-categoryNav.gif) no-repeat 0 100%; color: #b52; width: 166px; height: auto; margin: 18px 0 0 0; padding: 5px 0; left: -9999px; position: absolute; z-index: 99;}
.videos #content ul#categoryNav li ul li {height: auto; top: auto; display: inline; position: relative;}
.videos #content ul#categoryNav li ul li a {color: #4e3905; height: auto; padding: 5px 10px 5px 10px; left: auto; font-size: 1em; display: block; position: relative;}
.videos #content ul#categoryNav li ul li a:hover {background: #998; color: #fff; text-decoration: none;}
.videos #content ul#categoryNav li:hover ul, .videos #content ul#categoryNav li.hdrhover ul {left: 0;}
.videos #content #pageTitle {background: #eee url(/galleries/images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.videos #content #pageTitle:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
.videos #content #pageTitle h5 {background: url(/galleries/images/bg-pageTitle-top-left.gif) no-repeat; color: #666; padding: 7px 0 7px 15px; font-size: 1.1em; font-weight: normal; float: left;}
.videos #content #pageTitle ul {background: url(/galleries/images/bg-pageTitle-top-right.gif) no-repeat 100% 0; padding: 7px 15px 7px 0; text-align: right;}
.videos #content #pageTitle ul li {list-style: none; display: inline;}
.videos #content #pageTitle ul li a {color: #944; margin: 0 4px; font-size: .9em; font-weight: bold; text-decoration: underline;}
.videos #content #pageTitle ul li a#previous {background: url(/galleries/images/pageTitle-arrow-left.gif) no-repeat 100% 2px; padding: 0 15px 0 0;}
.videos #content #pageTitle ul li a#next {background: url(/galleries/images/pageTitle-arrow-right.gif) no-repeat 0 2px; padding: 0 0 0 15px;}
.videos #content #pageTitle ul li a:hover, .videos #content #pageTitle ul li a.selected {color: #666; text-decoration: none;}
.videos #content #thumbWrap {width: 730px; margin: 0 0 0 70px; clear: both;}
.videos #content #thumbWrap .categoryThumbs {width: 91px; margin: 0 24px 25px 0; float: left;}
.videos #content #thumbWrap .categoryThumbs img {background: url(/galleries/images/image-multiple.gif) no-repeat; width: 76px; height: 76px; padding: 11px 11px 4px 4px;}
.videos #content #thumbWrap .categoryThumbs p.description {color: #775; height: 4em; font-weight: bold; text-align: center; overflow: hidden;}
.videos #content #thumbWrap .categoryThumbs p.amount {color: #999; font-size: .9em; text-align: center;}
.videos #content #thumbWrap .galleryThumbs {width: 100px; margin: 0 41px 25px 0; float: left; text-align: center;}
.videos #content #thumbWrap .galleryThumbs h6 {color: #000; height: 2.7em; font-size: .9em; font-weight: bold; overflow: hidden;}
.videos #content #thumbWrap .galleryThumbs p.description {color: #775; height: 4em; overflow: hidden;}
.videos #content #thumbWrap br {clear: both;}
.videos #content #videoWrap {margin: 0 70px; clear: both;}
.videos #content #videoWrap #video {width: 425px; height: 350px; position: relative; float: left;}
.videos #content #videoWrap h6 {color: #775; margin: 0 0 20px 457px; font-size: 1.5em;}
.videos #content #videoWrap dl {margin: 0 0 40px 457px;}
.videos #content #videoWrap dl dt {color: #666; width: 80px; font-size: 1.1em; font-weight: bold; display: block; float: left;}
.videos #content #videoWrap dl dd {color: #666; margin: 0 0 5px 0; font-size: 1.1em; display: block;}
.videos #content #videoWrap p {margin: 0 0 20px 457px;}

/**************************************************footer**************************************************/
#footer, [dummy] {background: url(/galleries/images/bg-footer.png) no-repeat;}
#footer {color: #fff; height: 100px; padding: 7px 50px 0 50px; clear: both;}
#footer p {color: #887; float: right;}
#footer p#copyright {color: #666; font-size: .9em; font-weight: bold; float: left;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}