img {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline;}
body {background: #ddc; color: #000;}
#wrap {background: url(../images/bg-wrap.gif) repeat-y; width: 800px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-header.gif) no-repeat; height: 110px; z-index: 9999;}
#header h2 {color: #fff; width: 475px; padding: 50px 50px 0 0; font-size: 2em; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right; float: right;}
#header h2 span {display: block;}
#header ul#headerNav {width: 297px; height: 22px; top: 14px; left: 459px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 22px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -22px;}
#header ul#headerNav li a {background: transparent; height: 22px; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#hm {background-image: url(../images/headerNav-hmlnk.gif); width: 62px; left: 0px;}
#header ul#headerNav li#hm a#hmlnk {width: 62px;}
#header ul#headerNav li#ph {background-image: url(../images/headerNav-phlnk.gif); width: 72px; left: 67px;}
.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-image: url(../images/headerNav-vdlnk.gif); width: 66px; left: 143px;}
.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-image: url(../images/headerNav-pclnk.gif); width: 83px; left: 214px;}
.podcasts #header ul#headerNav li#pc {background-position: 0 -22px;}
#header ul#headerNav li#pc a#pclnk {width: 83px;}
select#sitesDropdown {top: 9px; left: 47px; position: absolute;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.gif) repeat-x; min-height: 500px; margin: 0 0 25px 0; position: relative;}/*see ie.css for fixes*/
#home #content {background: none; min-height: 584px; margin: 0; position: relative;}
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#home #content a {background: url(../images/bg-home.jpg) no-repeat; height: 584px; position: relative; display: block;}

.photos #content h3 {background: url(../images/title-photos.gif) no-repeat; width: 800px; height: 41px;}
.podcasts #content h3 {background: url(../images/title-podcasts.gif) no-repeat; width: 800px; height: 41px;}
.videos #content h3 {background: url(../images/title-videos.gif) no-repeat; width: 800px; height: 41px;}
#content ul#breadcrumbs {top: 25px; right: 45px; position: absolute;}
#content ul#breadcrumbs li  {color: #666; list-style: none; display: inline;}
#content ul#breadcrumbs li a {color: #64a; 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(../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(../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: #333; 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: #64a; 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(../images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.photos #content #pageTitle:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
.photos #content #pageTitle h5 {background: url(../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(../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: #64a; margin: 0 4px; font-size: .9em; font-weight: bold; text-decoration: underline;}
.photos #content #pageTitle ul li a#previous {background: url(../images/pageTitle-arrow-left.gif) no-repeat 100% 2px; padding: 0 15px 0 0;}
.photos #content #pageTitle ul li a#next {background: url(../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(../images/image-multiple.gif) no-repeat; width: 76px; height: 76px; padding: 11px 11px 4px 4px;}
.photos #content #thumbWrap .categoryThumbs p.description {color: #64a; 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: #64a; 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: #64a; 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(../images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.podcasts #content #pageTitle:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
.podcasts #content #pageTitle h5 {background: url(../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: '.'; 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(../images/button-listen.gif) no-repeat;}
.podcasts #content #thumbWrap .podcastThumbs ul li a.subscribe {background: url(../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(../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 215px; 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: #64a; 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(../images/button-listen-pd.gif) no-repeat; width: 100px; height: 24px; display: block;}
.podcasts #content #podcastWrap table td.col5 a.playing {background:url(../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(../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(../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: #333; 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: #64a; 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(../images/bg-pageTitle.gif) no-repeat 0 100%; width: 666px; margin: 0 0 15px 70px; }
.videos #content #pageTitle:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
.videos #content #pageTitle h5 {background: url(../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(../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: #ddc; margin: 0 4px; font-size: .9em; font-weight: bold; text-decoration: underline;}
.videos #content #pageTitle ul li a#previous {background: url(../images/pageTitle-arrow-left.gif) no-repeat 100% 2px; padding: 0 15px 0 0;}
.videos #content #pageTitle ul li a#next {background: url(../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(../images/image-multiple.gif) no-repeat; width: 76px; height: 76px; padding: 11px 11px 4px 4px;}
.videos #content #thumbWrap .categoryThumbs p.description {color: #64a; 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: #64a; 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: 400px; position: relative; float: left;}
.videos #content #videoWrap #video #flash {width: 425px; height: 400px;}
.videos #content #videoWrap #video .flasherror {position: relative; border: 3px dotted red; padding: 20px 20px 0 20px;}
.videos #content #videoWrap #video .flasherror p {margin: 0 0 20px 0; text-align: center;}
.videos #content #videoWrap h6 {color: #64a; 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 {background: url(../images/bg-footer.gif) no-repeat; color: #fff; height: 60px; padding: 7px 50px 0 50px; position: relative; clear: both;}
#home #footer {background: url(../images/bg-footer-home.gif) no-repeat; height: 74px; padding: 0;}
#footer p {color: #887; float: right;}
#footer p#copyright {color: #666; font-size: .9em; font-weight: bold; float: left;}
#home #footer p#copyright {color: #fff; padding: 25px 0 0 50px; float: none;}