/**
 * Layout code.
 */
BODY {line-height:1.4; color:#666; padding-bottom:100px;}
.clear {zoom:1;}
.clear:after {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;}
.primary {float:left;}
.secondary {float:right;}
.wide {width:715px;}
.medium {width:470px;}
.narrow {width:205px;}
.spacer {margin-bottom:30px;}
.topspacer {margin-top:20px;}
#wrapper {width:990px; margin:0 auto; text-align:left; background:#fff;}
#hd, #bd {padding:0 15px;}
#ft {padding:0 0 30px 0;}
.assistive-text {position:absolute; left:-9999em; top:0;}

/**
 * Header.
 */
#hd {padding-top:26px; position:relative;}
#logo {float:left; margin:0;}
#logo A, #logo IMG {display:block; border:none; text-decoration:none;}
#banner {width:780px; height:180px; float:right; overflow:hidden; _margin-top:-10px;}
.banner-image {float:left; overflow:hidden; height:180px;}
.banner-link {display:block; position:relative; font-weight:bold; color:#505048; text-decoration:none; cursor:pointer;}
.banner-link IMG {display:block; position:relative;}
.banner-image .link-block {display:block; position:absolute; top:0; right:0; height:180px; width:195px;}
.banner-link .link-block {background:url('/static/site/graphics/banner-arrows.png') no-repeat 100% 158px;}
.banner-image .title {display:none; position:relative; top:90px; right:0; _right:-1px; height:90px; border-top:10px solid #989692; padding:7px; background-color:#fff;}
.banner-link .title {background-image:url('/static/site/graphics/banner-arrows.png'); background-repeat:no-repeat; background-position:100% -142px;}
.banner-hovered .title {display:block;}
.banner-1 .banner-image {width:780px;}
.banner-2 .banner-image {width:390px;}
.banner-3 .banner-image {width:260px;}
.banner-4 .banner-image {width:195px;}
.credits {display:none;}

/**
 * Navigation.
 */
#breadcrumbs {margin-bottom:15px; padding:5px 0; font-size:0.9em;}
#breadcrumbs A {color:#666;}
#navigation {border-bottom:1px solid #d4d0d0; padding-bottom:2px;}
#navigation UL {margin:0; padding:0;}
#navigation LI {float:left; margin:0; padding:0; list-style:none;}
#navigation LI A {display:block;}
#navigation LI STRONG {display:block; font-weight:normal;}
#navigation LI STRONG A {}

/**
 * Main promotion.
 */
#introduction {margin-top:-1px; margin-bottom:26px; border:1px solid #d4d0d0;}
#introduction IMG {display:block;}

/**
 * Sidebars.
 */
.sidebar {padding-bottom:150px;}
.sponsor H3 {font-size:0.9em; margin-bottom:5px;}
.sponsor IMG {display:block; margin:0;}
.promo {padding:15px;}
.nav-list {margin:0 0 30px 0; padding:0; font-size:0.9em;}
.nav-list LI {margin:0; border-bottom:1px solid #d4d0d0; padding:0; list-style:none;}
.nav-list LI A {display:block; padding:6px 15px;}

/**
 * Content areas.
 */
#bd {position:relative;}
A {text-decoration:none;}
A:hover {text-decoration:underline;}
H1, H2, H3, H4 {font-weight:normal; margin:0 0 0.5em 0;}
H1 {font-size:1.5em;}
H2 {font-size:1.3em;}
H3 {font-size:1.2em;}
H4 {font-size:1.1em;}
P {margin:0 0 1em 0;}
STRONG {font-weight:bold;}
EM {font-style:italic;}
STRONG EM, EM STRONG {font-weight:bold; font-style:italic;}
UL, OL {margin:0 0 1em 20px;}
LI {margin:0.5em 0;}
UL LI {list-style:disc;}
OL LI {list-style:decimal;}
TABLE {margin:0 10px 15px 0; border-collapse:collapse; font-size:100%; border-top:1px solid #ccc; width:100%;}
TABLE CAPTION {margin:0 10px 0 0; padding:5px 3px 5px 3px; text-align:left; font-style:normal; border-bottom:1px solid #ccc; vertical-align:top;}
TABLE TH {padding:5px 3px 5px 0; text-align:left; border-bottom:1px solid #ccc; vertical-align:top;}
TABLE TD {padding:5px 3px 0 0; border-bottom:1px solid #eee; vertical-align:top;}
TABLE TD SMALL {font-size:100%; font-weight:bold;}
.image IMG, .image-left IMG, .image-right IMG {display:block;}
.image-left {display:block; float:left; margin:0 20px 20px 0;}
.image-right {display:block; float:right; margin:0 0 20px 20px;}
INPUT.radio, INPUT.checkbox {margin-right:0.5em;}
.fieldcontrol BR, .fieldlabel BR {margin-bottom:0.3em;}
.fieldrequired {color:#bf0000;}

/**
 * Page tools.
 */
.print {float:right; margin:10px 0 0 10px;}
.email {float:right; margin-top:10px;}

/* Social Networking*/
.social-networking {display:block; clear:left; padding-top:10px;}
.content A.delicious {margin-right:10px;}
.content A.twitter {margin-right:10px;}
.content A.digg {margin-right:10px;}
.content A.facebook {margin-right:10px;}
.content A.stumbleupon {margin-right:10px;}
.social-networking .what-is-this {clear:left; font-weight:bold; margin-top:5px;}
.social-networking a {display:block; float:left;}
.TA_logoWidget, .TA_logoWidget div, .TA_logoWidget img {display:block; float:left; margin-top:1px;}

/**
 * Image gallery.
 */
.overlay-content .popup H2 {color: #025AC6; border-bottom: 1px solid #ccc; font-size: 140%; text-align: left; padding: 2px 4px 8px; }
.overlay-content .close-button {background:url('/static/site/graphics/close-button-sprite.png') right 0px no-repeat; position:absolute; top:10px; right:18px; color:#555; z-index:1; font:bold 13px Arial, sans-serif; text-transform: uppercase; text-align: left; width: 74px; height: 19px; line-height: 19px; cursor: pointer; }
.overlay-content .close-button:hover {background-position:right -19px; color:#ff272b;}
.filmstrip .overlay-content { background: #222; border-top: 3px solid #d5d5d5; padding: 48px 16px 16px; }
.filmstrip .thumb { float: left; padding: 6px; width: 150px; height: 100px; }
.filmstrip .thumb IMG { cursor: pointer; }
.filmstrip .pages { display: none; }
.filmstrip .previous-btn, .filmstrip .next-btn { position: absolute; top: 12px; left: 50%; width: 100px; height: 0; padding-top: 30px; overflow: hidden; cursor: pointer; background: url('/static/site/graphics/gallery-buttons-sprite.png') no-repeat; }
.filmstrip .hovered .previous-btn { background-position: 0 -60px; }
.filmstrip .disabled .previous-btn { background-position: 0 -120px; cursor:default;}
.filmstrip .previous-btn { background-position: 0 0; margin-left: -100px; }
.filmstrip .hovered .next-btn { background-position: 0 -90px; }
.filmstrip .disabled .next-btn { background-position: 0 -150px; cursor:default;}
.filmstrip .next-btn {background-position:0 -30px;}
.filmstrip .indicator {font:13px Arial, sans-serif; position: absolute; left: 50%; top: 18px; margin-left: -200px; color: #eee; font-size: 13px; }
.filmstrip .themes { position: absolute; left: 50%; top: 16px; margin-left: 120px; }
.filmstrip .themes DIV { width: 18px; height: 18px; float: left; cursor: pointer; margin-right: 8px; border: 2px solid #888; }
.filmstrip .themes DIV.selected { border-color: #c00; }
.image-viewer .close-button { top: 12px; right: 16px; }
.image-viewer .overlay-content { background: #111; padding:38px 18px 18px; }
.image-viewer H3 { color: #fff; font: bold 14px Arial, sans-serif; text-align: left; margin: 0 0 12px; padding: 0 0 0 0; }
.caption .overlay-content {position: relative; font:12px Arial, sans-serif;}
.caption .overlay-content H3 {padding:16px; text-align:left;}
.caption .overlay-content P {padding:0 16px 32px 16px; font-size: 12px; text-align: left;}
.caption .overlay-content P .copyright { font-size: 11px; font-style: normal; }
.overlay-content .pictopia { position: absolute; top: 12px; right: 12px; color: #fff; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; padding-top: 41px; width: 80px; background: url('/static/site/graphics/film-roll.png') center top no-repeat; }
.caption-toggle {position:absolute; top:10px; left:18px; height:15px; line-height:19px; padding:2px 0 2px 28px; background:url('/static/site/graphics/gallery-caption-toggle.png') no-repeat 0 0; color:#fff; font:bold 13px Arial, sans-serif; text-transform:uppercase; cursor:pointer; z-index:1;}
.caption-hidden {background-position:0 0;}
.caption-visible {background-position:0 -19px;}

/**
 * Footer.
 */
#ft {margin-top:14px;}
#ft UL {margin:0; padding:10px 15px; font-size:0.9em; line-height:1.2; background:#fafafa;}
#ft UL LI {list-style:none; float:left; margin:0 10px 0 0; border-right:1px solid #ccc; padding:0 11px 0 0;}
#ft LI.no-right-padding {margin-right:0; border-right:none; padding-right:0;}
#ft LI.othermedia {float:right; margin:0; border:none; padding:0;}
.rss-icon {float:left; margin-right:52px; border:none; background:url('/static/site/graphics/rss.png') no-repeat 0 0; width:28px; height:14px; text-indent:-9999em; overflow:hidden;}

/**
 * Various hacks.
 */
/* Remove System Outlining for Safari and Firefox */
A:focus, BUTTON, INPUT {outline:none;}
/* Fix IE6 Background Flicker */
HTML {_filter: expression(document.execCommand("BackgroundImageCache", false, true));}
/* Fix for IE6 Italic wrapping Bug */
P {*overflow:visible;} 
/* OO Toobar */
.oo-toolbar {font-size:85%!important;}
.oo-toolbar ul, .oo-toolbar li {margin:0; padding:0;}

