@charset "utf-8";
/* CSS Document */

/*  Web fonts  */

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Orange section style e.g. Caribbean through a lens */


#orange-wrapper #main-navigation{border-bottom:4px solid #ff9933!important;}

/*Level 1 headers */
#orange-wrapper #wrapper #banner-container {position:relative;border-bottom:4px solid #ff9933;}
#orange-wrapper #wrapper #banner-container h1.overlay  {
    position:absolute;
    float:left;
    color:#000;
    padding:0 10px;
    top:20px;
    left:20px;
    overflow:hidden;
    z-index:110;
    font-size:2.25em;
	font-family: 'OpenSansRegular', 'Nobile', Verdana, sans-serif;
    letter-spacing: -.035em;
    text-shadow: 2px 1px #fff;
}
#orange-wrapper #wrapper #intro {background:#fff; padding:10px 20px;}



/* Gold section style */
#gold-wrapper{border-bottom:#B06F00 solid 4px;}
#gold-wrapper #main-navigation{border-bottom:4px solid #B06F00!important;}

/*Level 1 headers */
#gold-wrapper #wrapper #banner-container {position:relative;border-bottom:4px solid #B06F00;}
#gold-wrapper #wrapper #banner-container h1.overlay  {
    background:#B06F00;
    position:absolute;
    float:left;
    color:#fff;
    padding:12px 12px 12px 12px;
    top:20px;
    left:20px;
    overflow:hidden;
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
    z-index:110;
    font-size:2em;
    border-bottom:2px solid #B06F00;
	font-family: 'OpenSansRegular', 'Nobile', Verdana, sans-serif;
}
#gold-wrapper #wrapper #intro {background:#fff; padding:10px 20px;}

/* Dark green section style */
#darkgreen-wrapper{border-bottom:#007E3A solid 4px;}
#darkgreen-wrapper #main-navigation{border-bottom:4px solid #007E3A!important;}
/*Level 1 header*/
#darkgreen-wrapper #wrapper #banner {position:relative;border-bottom:4px solid #007E3A;}
#darkgreen-wrapper #wrapper #banner h1  {background:#007E3A; position:absolute; float:left;color:#fff;padding:12px 12px 12px 12px; top:150px; left:20px; overflow:hidden;  filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-size:2em; font-weight:500; border-bottom:2px solid #007E3A;}
#darkgreen-wrapper #wrapper #intro {background:#fff; padding:10px 20px;}


/* Videos */
#gold-wrapper #wrapper #primary-content #holder #video-title {background:none;}
#gold-wrapper #wrapper #primary-content .small-main-list #player {padding:0 0 12px 0; border: solid 1px #999;}
#gold-wrapper #wrapper #primary-content .small-main-list {padding:0 20px;width:279px;}
#gold-wrapper #wrapper #primary-content .small-main-list li {border-top:1px dotted #bfbfbf;width:279px;padding-top:12px !important;padding-bottom:12px !important;}
#gold-wrapper #wrapper #primary-content .small-main-list li.first {border:none;}
#gold-wrapper #wrapper #primary-content .small-main-list li p {padding:0;}
#gold-wrapper #wrapper #primary-content .small-main-list li h3 {font-size:1em;font-weight:700;padding:;margin:10px 0;}
/* for IE - last p tags on level 1 (top margin too big) */
* html #gold-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;}
* =+html #gold-wrapper #wrapper #primary-content ul.last-item p.last-line {padding-top:0;}
#gold-wrapper #wrapper #primary-content #video-holder #player, #gold-wrapper #wrapper #primary-content #holder #player  {margin:12px 17px 12px 20px; border:#666 solid 1px!important; width:600px;}
#gold-wrapper #wrapper #primary-content #video-holder h2, #gold-wrapper #wrapper #primary-content #holder h2 {background:none; font:1.5em/150% Verdana, Arial, Helvetica, sans-serif normal; padding:0 0 0 0;   margin:12px 0 0 20px; float:left;border:0 solid #fff;}
* html #gold-wrapper #wrapper #primary-content #video-holder h2, #gold-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 10px;}
*+html #gold-wrapper #wrapper #primary-content #video-holder h2, #gold-wrapper #wrapper #primary-content #holder h2 {margin:12px 0 0 20px;}
#gold-wrapper #wrapper #primary-content #video-holder .transcript, #gold-wrapper #wrapper #primary-content #holder .transcript {float:right; margin:12px 20px 0 0; padding:0 0 0 0; }
#gold-wrapper #wrapper #primary-content #video-holder .transcript a, #gold-wrapper #wrapper #primary-content #holder .transcript a{color:#000; text-decoration:none;}
#gold-wrapper #wrapper #primary-content #video-holder .transcript a:hover, #gold-wrapper #wrapper #primary-content #holder .transcript a:hover{color:#000; text-decoration:underline;}
#gold-wrapper #wrapper #secondary-content .holder .more-videos li {width:278px; display:inline-block; }
#gold-wrapper #wrapper #secondary-content .holder .more-videos li a {font-weight:bold;}
#gold-wrapper #wrapper #secondary-content .holder .more-videos li p {padding-top:0; padding:0 0 0 108px; }
#gold-wrapper #wrapper #secondary-content .holder .more-videos li img{margin:0 12px 0 0; float:left;}
#gold-wrapper #wrapper #primary-content .gradient-box {margin:20px;border:#adaaaa dotted 1px; background:url(/images/records/records-signposts-bg.jpg) top repeat-x; padding:12px 10px 12px 10px}
#gold-wrapper #wrapper #primary-content .gradient-box h3 {padding:0 0 12px 0;}
#gold-wrapper #wrapper #primary-content .gradient-box p {padding:6px 0 6px 0;}

/* navigation boxes */
#wrapper #primary-content ul li {background: url(/images/global/grad-bg.jpg) top left repeat-x;  width:319px; padding-bottom:20px!important;   }
#wrapper #primary-content ul .left{border-right:#666 dotted 1px;}
#wrapper #primary-content ul li h2 {background:none; padding:8px 10px 8px 20px!important; border-top:#666 dotted 1px;}
#wrapper #primary-content ul li li{background:none;border-top:none;}


/* image gallery righthand side */
#wrapper #secondary-content .holder .img-wrapper{ margin:6px; padding:6px;}
#wrapper #secondary-content .holder .img-wrapper a img {border: solid 5px #eee;}
/*ColoxBox styles*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:85px; clear:both; float:left;}
        #cboxTitle{position:absolute; bottom:25px; left:0; text-align:center; width:94%; color: #666;clear:both!important; display:inline-block!important; font-size:0.9em; padding:0 3%;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#666; font-size:0.9em }
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
 

/*Banner slider*/
#sliding-banner {width:960px; height:270px; position:relative; }
#sliding-banner a {outline: 0; }
#h1 {position:absolute ; top: 204px ; left: 25px; z-index:200 ; }
#frame { position:absolute; z-index:0; width:739px; height:341px; top:-3px; left:-80px;    }

.quote, .quote-right { 
    position:absolute; 
     width:280px; 
    font-family: 'OpenSansRegular', 'Nobile', Verdana, sans-serif;
    font-size:1.75em; 
    line-height: 120%;
    color:#FF9933; 
    text-shadow:none; 
    letter-spacing: -.035em;
    word-spacing: .025em;
    text-shadow: 2px 2px #000;
    
}

.quote {
    top:166px; 
    left: 20px;
    height:70px; 
   
}

.quote-right {
    top: 142px;
    right:20px; 
}

.quote span, .quote-right span {font-size: 12px; text-align: right; font-family: Verdana, sans-serif; letter-spacing: 0; color: #efefef; padding: 7px 0; line-height: 150%;}

.quote-right span {float: right;}

#slides { position:absolute; top:0px; left:0px; z-index:100;}
#slides .next,#slides .prev { position:absolute; top:102px; left:0px; width:24px; height:43px; display:block; z-index:101;}
.slides_container { width:960px; height:280px; overflow:hidden; position:relative;}
#slides .next { left:924px;}
.ilpagination { position:absolute ; top: 222px ; left: 890px ; margin:26px auto 0; width:100px; z-index: 103 ;}
.ilpagination li { float:left; margin:0 1px;}
.ilpagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(/images/imagelibrary/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.ilpagination li.current a { background-position:0 -12px;}
.hidden { display:none; }
#imagelibrary-wrapper p{padding: 6px 20px;}