/* reset */
body { font: 62.5%/1.8 Arial, Verdana, sans-serif; color: #484848; }
* { margin: 0; padding: 0; background: transparent; }
img, fieldset { border: 0; }
img { vertical-align: bottom; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

/* global */
#pageWrap { min-width: 960px; }
*html #pageWrap {  }
.hidden, hr { display: none; }
hr { margin: 0; padding: 0; }
address { font-style: normal; }
.wrap:after, #listMain li:after, .horiz:after, .infoList li:after { content:"."; height: 0px; width: 0px; display: block; line-height: 0px; clear: both; visibility: hidden; }
.wrap, #listMain li, .horiz, .infoList li { zoom: 1; }
.horiz li { float: left; }
input, textarea { font-family: Arial, Verdana, sans-serif; color: #343434; border: 1px solid; border-top-color: #7c7c7c; border-right-color: #c3c3c3; border-bottom-color: #dddddd; border-left-color: #c3c3c3; }
select { font-family: Arial, Verdana, sans-serif; color: #343434; }
legend { font-size: 1.1em; padding-bottom: 8px; }
.submit { border: 0; padding: 0; margin: 5px 0 0 0; vertical-align: top; cursor: pointer; text-align: left; width: 12px; height: 11px; background: url('../img/submit.gif') no-repeat; }
.noMargin { margin: 0 !important; }
.noMarginTop { margin-top: 0 !important; }

/* text styles */
h1, h2, h3 { font-weight: normal; }
h3, #content p { font-size: 1.1em; line-height: 1.6em; }

h3 a, #thumbnailList a h3, #contentMain a, #contentSecondary a, #newsletterSignup a, #listMain p a, #mapContainer .iphone a { color: #484848; border-bottom: 1px solid #ec00bb; text-decoration: none; }

#mapContainer .iphone a { margin-left: 13px; }

#header h1, h2 { color: #343434; font-size: 2.8em; letter-spacing: -0.025em; }

#header h1 { margin: 8px 0 0 14px; padding-bottom: 4px; }

h2 { margin: 0.5em 0 0.2em 12px; line-height: 1.5em; }

/* header */
#header { width: 960px; }

form#search { display:none!important; }

#header h1 a { color: #343434; text-decoration: none; }
#search { width: 159px; float: left; }
#search .text, #newsletterSignup form .text, #filterSearch .text { font-size: 11px; height: 18px; line-height: 18px; padding-left: 5px; }
#search .text { width: 152px; }
#search .submit { position: absolute; margin-left: -18px; }
#navMain { width: 795px; float: left; padding: 4px 0 5px 6px; }
#navMain a { width: 107px; }

/* filter form styles */
#filter { margin: 21px 0 23px 8px; }
#filter select, #filterSearch select { width: 190px; }
#filter .submit { margin-top: 3px; }
#filterSearch { margin-left: 7px; }
#filterSearch .text { width: 199px; margin-right: 4px; }
#newsletterSignup { margin: 39px 0 0 12px; width: 460px; }
#newsletterSignup form .text { width: 279px; margin-right: 8px; }
#newsletterSignup p { margin-bottom: .8em; }

/* global navigation class */
.navigation { padding-left: 6px; }
.navigation li { float: left; }
.navigation a, .navigation a:link, .navigation a:active, .navigation a:visited { display: block; color: #565a5a; text-decoration: none; font-size: 1.1em; position: relative; margin-left: -1px; z-index: 1; line-height: 1.2em; text-indent: 8px; }
.navigation a span.tick { display: block; height: 5px; font-size: 0; border: 1px solid #b4b7b7; border-top: none; }
.navigation a:hover, .navigation a.active { z-index: 3; color: #ec00bb !important; }
.navigation a:hover span.tick, .navigation a.active span.tick { border-color: #ec00bb; }

/* sub navigation */
#navSub a { width: 107px; }
#navYears a { width: 54px; }

/* main list */
#listMain { border-bottom: 1px solid #c3c5c5; }
#homePage #listMain { position: relative; margin-top: -1px; z-index: 1; }
#listMain.marginTop { margin-top: 4.8em; }
#listMain .rule { display: block; height: 5px; font-size: 0; border-right: 1px solid #c3c5c5; }
#listMain li { border-top: 1px solid #c3c5c5; padding-bottom: 5px; }
#listMain .col { float: left; padding: 0 0 0 5px; }
#listMain .w1 { width: 98px; padding-left: 8px; }
#listMain .w2 { width: 204px; padding-left: 8px; }
#listMain .w3 { width: 205px; padding-left: 13px; }
#listMain .w4 { width: 319px; }
#listMain .w5 { width: 419px; }
#listMain .w6 { width: 313px; }
#listMain .w6 p { padding-right: 18px; }
#listMain .w1 p { padding-top: 1px; }
#listMain .w5 p { width: 355px; padding-left: 7px; margin-top: 10px; }
#listMain h3 a, #listMain p { color: #42433e; }
#listMain h3 { margin: 0 6px 0 0; }
#listMain h3 a { display: block; background: #e1e2e2; border: none; padding: 1px 0 4px 0; }
#listMain h3 a.extPad { padding-bottom: 20px; }
#listMain h3 a span { border-bottom: 1px solid #ec00bb; margin: 0 7px; }
#listMain h3 a:hover, #sitemap a:hover, #listMain li.hover h3 a { background: #ec00bb; color: white; }
#listMain h3 a:hover span, #sitemap a:hover span, #listMain li.hover h3 a span { border-color: white; }
#listMain .w4 a { display: block; width: 313px; height: 195px; background: #e1e2e2; position: relative; }
#listMain .w4 a:hover span.overlay, #listMain li.hover span.overlay { display: block; width: 313px; height: 195px; position: absolute; top: 0; left: 0; background: #ec00bb; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); cursor: pointer; }
#listMain .w4 a .image, #thumbnailList .image { display: block; /*overflow: hidden;*/ }
/*#listMain .w4 a .image { height: 195px; }*/
#listMain li.hover { cursor: pointer; }

#listMain li.hover p, #listMain li.hover a { color: #ec00bb; }

/* thumbnail list */
#thumbnailList { width: 954px; margin: 48px 0 0 5px; }
#thumbnailList li { width: 317px; float: left; margin: 0 1px 1px 0; }
#thumbnailList a { text-decoration: none; display: block; background: #e1e2e2; height: 230px; position: relative; }
#thumbnailList a h3 { display: inline; }
#thumbnailList a p { color: #42433e; }
#thumbnailList .image { height: 183px; margin-bottom: 6px; }
#thumbnailList h3, #thumbnailList p { margin-left: 9px; }
#thumbnailList a:hover { background: #ec00bb; }
#thumbnailList a:hover .overlay { display: block; width: 317px; height: 183px; position: absolute; top: 0; left: 0; background: #ec00bb; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); cursor: pointer; }
#thumbnailList a:hover h3, #thumbnailList a:hover p { color: white; }
#thumbnailList a:hover h3 { border-color: white; }

/* media element */
#mediaContainer { width: 636px;  }
#mediaContainer.max { width: 100%; }
#mediaContainer.gallery { margin-left: 5px; overflow: hidden; }
#mediaContainer .mediaImage { background: #e4e5e5 !important; margin-left: 5px; }
#mediaContainer.gallery .mediaImage, #mediaContainer.gallery ul, #mediaContainer.gallery .details { margin-left: 0; }
#mediaContainer.max .mediaImage { /*background: transparent;*/ /*border-bottom: 1px solid white;*/ margin: 0; }
#mediaContainer.max .scale { width: 100%; -ms-interpolation-mode: bicubic; }
#mediaContainer ul { /*width: 631px;*/ margin-left: 5px; border-top: 1px solid white; zoom: 1; }
#mediaContainer.max ul { margin: 0; width: 641px; float: left; /*border-right: 1px solid white;*/ border-top: none; }
#mediaContainer li { display: inline; float: left; }
#mediaContainer li a { position: relative; float: left; /*margin-right: 1px;*/ border-right: 1px solid white; overflow: hidden; z-index: 1; }
#mediaContainer li a .overlay { display: block; width: 100%; height: 48px; position: absolute; top: 0; left: 0; background: #c3c5c5; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
#mediaContainer li a:hover .overlay, #mediaContainer li a.active .overlay {  background: #ec00bb; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); cursor: pointer; }
#mediaContainer .details { border-top: 1px solid white; margin-left: 5px; overflow: hidden; /*min-height: 4em; height: auto !important; height: 4em;*/ }
#mediaContainer.max .details { border-top: none; border-left: 1px solid white; height: 4.8em; }
#mediaContainer .details p { padding: 8px 0 10px 7px; }
#mediaContainer.max .details p { width: 329px; padding-bottom: 0; }
#mediaContainer .mediaNav { background: #e4e5e5; zoom: 1; }
#mediaContainer.max .mediaNav { border-top: 1px solid white; position: relative; margin-top: -1px; }
#mediaContainer .mediaImage { position: relative; }
#mediaContainer .absolute { position: absolute; top: 0; left: 0; }
#mediaContainer .mediaImage.loading { background: url('../img/ajax-loader.gif') center center no-repeat; }

/* info wrap */
#infoWrap { width: 570px; margin: 23px 0 13px 1.2em; }
#infoWrap h3 { color: #343434; font-weight: bold; margin: 0 0 0.25em 0; }
#infoWrap p { position: relative; line-height: 1.75em; }
#infoWrap p span { position: absolute; top: 0; left: 26px; margin-left: 78px; }

/* location map */
#mapContainer { margin-top: 48px; }
.custom-popup { width: 317px; background-color: #f0f1f1; z-index : 9000; position: absolute; box-shadow: 0px 5px 8px #777; -moz-box-shadow: 0px 5px 8px #777; -webkit-box-shadow: 3px 3px 8px #777; border: 5px solid #fff; }
.custom-popup img { width: 100%; height: auto !important;zoom:1 !important; }
.custom-popup p { margin-bottom: 0.5em; }
.custom-popup p, .custom-popup h4, .custom-popup a { font-size: 11px; }
.custom-popup h4 { display: inline; font-weight: normal; }
.custom-popup a { text-decoration: none; }
.custom-popup a h4, .custom-popup a.foot-link { border-bottom: 1px solid #ec00bb; cursor: pointer !important; color: #42433e; text-decoration: none; }
.custom-popup .close { width: 23px; height: 23px; position: absolute; z-index: 9001; right: -5px; top: -5px; background: url(/layout/img/map.close.gif) no-repeat 0 0; }
.custom-popup .close, .custom-popup a { cursor: pointer; }

/* main content */
#contentMain, #contentSecondary { float: left; }
#contentMain p, #contentSecondary p, #newsletterSignup p { line-height: 1.75em; }
#contentMain { width: 620px; margin-top: 2.9em; }
#contentSecondary { width: 310px; margin: 2.9em 0 0 29px; }
#contentMain.text { margin-left: 12px; width: 584px; }
#contentSecondary.text { margin-left: 53px; }
#contentMain.text p { margin-bottom: 1.7em; }
#contentMain.text h3 { font-weight: bold; }
.standfirst { color: #42433e; font-weight: bold; }
#infoWrap .standfirst { line-height: 1.7em; padding-top: 1.8em; }
.colRight { float: left; }
#contentMain .colRight { width: 465px; /*padding-left: 2px;*/ }
#contentSecondary .colRight { width: 196px; }
.colRight p { margin-bottom: 1.9em; }
.colLeft { color: #565a5a; float: left; }
#contentMain .colLeft { width: 105px; padding-left: 14px; }
#contentSecondary .colLeft { width: 94px; margin-right: 5px; }
#contentMain.contact .colLeft { width: 103px; }
#contentMain .infoList { margin: 0 0 2.2em 0; }
#contentSecondary .infoList { margin: 0 0 1.8em 0; }
#contentSecondary ul a:hover, #contentMain ul a:hover, #newsletterSignup a:hover,h3 a:hover, #listMain p a:hover, #contentMain.text a:hover, #contentMain.contact a:hover, #mapContainer .iphone a:hover { color: #ec00bb; }
#contentMain .colRight ul { font-size: 1.1em; }
#contentMain .colRight ul li { background: url('../img/content-list-bg.gif') 0 0.8em no-repeat; padding-left: 10px; }
#contentMain ul li { background: url('../img/content-list-bg.gif') 0 0.8em no-repeat; padding-left: 10px; }
#contentMain ul.infoList li { background: none; padding-left: 0px; }
.related ul { font-size: 1.1em; }
.videoPlayer { width: 500px; padding-bottom: 21px; float: left; /*padding-left: 2px;*/ }
.audioPlayer { width: 500px; padding-bottom: 21px; float: left; /*padding-left: 2px;*/ }
.videocontainer { padding-bottom:11px; }


/* pager */
.pager { margin-top: 32px; }
.pager a { width: 27px; text-align: center; }
.pager.navigation a { text-indent: 0; }

/* sitemap */
#sitemap { margin-top: 7.3em; }
#sitemap ul li { padding: .5em 0 0 5px; line-height: 2.3em; background: url('../img/sitemap-rule.gif') 0 -1px no-repeat; border-top: 1px solid #c3c5c5; }
#sitemap ul a { color: #42433e; font-size: 1.1em; background: #e1e2e2; text-decoration: none; display: block; width: 313px; text-indent: 8px; z-index: 3; position: relative; }
#sitemap ul span { border-bottom: 1px solid #ec00bb; }
#sitemap ul ul { position: relative; margin: -2.3em 0 1.5em 322px; border: none; }
#sitemap ul ul li { line-height: 1.3em; border: none; background-image: none; }
#sitemap ul ul a { background: transparent; text-indent: 0; display: inline; }
#sitemap ul ul ul { margin: .1em 0 1.6em 32px; padding: 0; border: none; }
#sitemap ul ul ul span { border: none; }
#sitemap ul ul ul li { line-height: 1.2em; margin-bottom: 0; }
#sitemap ul ul a:hover { color: #ec00bb; background: transparent; }
#sitemap ul ul a:hover span { border-bottom: 1px solid #ec00bb; }

/* logos list */
#logoList { margin-top: 15px; }
#logoList a { width: 213px; color: #484848; }
#logoList .logo { display: block; height: 76px; line-height: 76px; }
#logoList .logo img { vertical-align: middle; line-height: 76px; display: inline; }
#logoList .label { display: block; margin: 13px 0 0 0; }

/* footer */
#footer { padding-top: 3.3em; padding-bottom: 6.5em; }
#single #footer { padding-top: .4em; }
#footer a { color: #565a5a; width: 107px; }

/* video and audio players */
.bfvaplayer { height: 25px; line-height: 25px; display: block; color: #383838; background-color: #dddfdf; position: relative; z-index: 2; }
.bfvaplayer a { text-decoration: none; border-bottom: none !important; }

.bfvaplay { float: left; width: 25px; height: 25px; border-right: 1px solid #bebebe; display: block; background: url(../img/inline_player.gif) no-repeat 0 0; outline: 0; }
.bfvaplay:hover { background-position: 0 -25px; }
.bfvaplaying:hover { background-position: 0 -75px; }
.bfvapaused { background-position: 0 -50px; }
.bfvapaused:hover { background-position: 0 -25px; }
.loading .bfvaplay { background: url(../img/bfvaloader.gif) no-repeat 50%; }
.bfvaprogress { font-size:1.1em; margin: 0 96px 0 26px; height: 25px; position: relative; cursor: pointer; background-color: #edefef; }
.bfvaprogressbuffer { position: absolute; left: 0; top: 0; height: 25px; width: 0; z-index: 0; background-color: #e3e5e5; }
.bfvaprogressbar { position: absolute; left: 0; top: 0; height: 25px; width: 0; z-index: 0; background-color: #fce3f6; } /*  border-right: 1px dotted #e400ac; */
.bfvatitle { padding-left: 10px; position: relative; z-index: 1; }

.bfvacontrols { position: relative; z-index: 5; }
.bfvacontrols2 { position: absolute; right: 0; top: 0; height: 25px; width: 96px; z-index: 5; background-color: #E3E5E5; }
.bfvacontrols2 a { border-left: 1px solid #bebebe; float: left; width: 25px; height: 25px; background: url(../img/inline_player.gif) no-repeat 0 0; outline: 0; cursor: pointer; }
.bfvacontrols2 .bfvadownload { background-position: 0 -100px; }
.bfvacontrols2 .bfvadownload:hover { background-position: 0 -125px; }
.bfvacontrols2 .bfvafullscreen { background-position: 0 -250px; cursor: help; }

.bfvavolume { float: left; border-left: 1px solid #bebebe; height: 25px; width: 67px;  background-color: #e3e5e5; }
.bfvacontrols2 .bfvamute { background-position: 0 -150px;  border: 0;}
.bfvacontrols2 .bfvamute:hover { background-position: 0 -225px; }
.bfvacontrols2 .bfvamuted { background-position: 0 -200px; }
.bfvacontrols2 .bfvamuted:hover { background-position: 0 -175px; }
.bfvavollevel { float: left; width: 33px; margin: 8px 0 0 5px; padding: 4px 0; position: relative; cursor: pointer; }
.bfvavollevelbar { display: block; height: 1px; background-color: #bebebe; }
.bfvavolmarker { position: absolute; left: 16px; top: 0; margin-left: -2px; width: 5px; height: 9px; background: url(../img/inline_player.gif) no-repeat 0 bottom; }

.audio .colRight p { margin-top: 0.7em; }

/* video container */
#sm2-container { width: 500px; height: 281px; overflow: hidden; position: relative; z-index: 1; }
#sm2-container img { vertical-align: bottom; width: 100%; }
#sm2-container embed, #sm2-container object { position: absolute; left: -100%; top: 0; }
#sm2-container .bfvavidoverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background: url(../img/bfvaplay.gif) no-repeat 50%; cursor: pointer; }

/* video container home page */
#videoContainer .details { background: #e1e2e2; border-top: 1px solid white; padding: 0.9em 0 0.7em 14px; }
#videoContainer .scale { width: 100%; -ms-interpolation-mode: bicubic; }
#homePage #videoContainer .details { position: relative; z-index: 3; }
#videoContainer #sm2-container { width: 100%; height: 100%; }

.bfvatooltip { position: absolute; right: 5px; top: -30px; height: 25px; background-color: #fff; font-size: 10px; white-space: nowrap; padding: 0 5px; }
.bfvatooltip span { position: absolute; bottom: -5px; right: 73px; height: 1px; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }

/* footer social */
.icon-twitter {
  background:url('../img/APRB-Twitter-Icons.jpg') 0 0 no-repeat;
  width:22px;
  height:22px;
  float:right;
  margin-top:-10px;
  margin-right: 10px;
}
a:hover .icon-twitter {
  background-position: -0 -22px;
}

/* ie6 */
* html .bfvavollevel { display: inline; }
* html .bfvavollevelbar { line-height: 0px; zoom: 1; font-size: 0px; height: 1px; overflow: hidden; }
* html .bfvavideo .bfvaprogress { margin-right: 70px; }
* html .bfvavideo .bfvacontrols2 { width: 70px; }
* html .bfvacontrols { zoom: 1; position: absolute; left: 0; top: 0;}
* html .bfvavolmarker, * html .bfvavollevel { line-height: 0px; font-size: 0px; }
* html .bfvacontrols2 .bfvafullscreen, * html .bfvatooltip { display: none; }
