#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/lightbox/prev.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/lightbox/next.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
/*Colors light blue: #2EBBEB light red: #DF2830 light yellow: #FAAF4A */ .lt_red {color: #DF2830;}
.lt_blue {color: #2EBBEB;}
.lt_yelow {color: #FAAF4A;}
/********************* Structure *****************************/ html {overflow: scroll}
body {margin: 0; padding: 0; color: #444444; font-size: 75%; line-height: 1.5em; text-align: center; height: auto; font-family: Trebuchet MS, Helvetica, sans-serif; clear:both; background: #efefef url(/images/main-bg.png) no-repeat center top}
#page {background: #ffffff; text-align: left}
#container {margin: 0 auto; padding: 0; width: 80em; text-align: center; position: relative}
.content {float: left; text-align: left; width: 61em; padding: 2em 2em; background: #ffffff}
#sidebar {width: 13em; float: right; padding: 2em 2em 0 0; margin: 0 0 0 0; /*border-top: #DF2830 6px solid;*/ background: #ffffff; text-align: left}
#header {width: 80em; height: auto; clear: both}
#banner {background: #DF2830 url(/images/rsbanner-new.png) no-repeat top left; /* border-bottom: 2px solid #32557F;*/ height: 200px}
.wideColumn {width: 61em}
.wrapper {margin: 0 2em 2em 2em; clear: both}
#footer {padding: 1em}
.smallThumbs {border: 1px solid #999999; background: #E1E1E1; margin: 0; padding: 4px 4px; float: right}
.thumbs {border: 1px solid #999999; background: #ddd; margin: 0 1em 1em 0; padding: 4px 4px; float: left}
.headerImg {margin: 0 0 1em 0; border-bottom: 4px solid #FAAF4A}
.thumbs img {border: 1px solid #cccccc}
.thumbs:hover img{ border: 1px solid #aaa; background: #FAAF4A}
.thumbs:hover{ color: #FAAF4A; /* irrelevant definition to overcome IE bug */ background: #FAAF4A; border-color: #FAAF4A}
.clearer {clear:both}
/******* Masthead / Logo *******/ #banner h1 {float:left; margin:0 0 0 -4000px; width:4650px; padding: 0}
h1#logo a {display: block; font: 100px/10px Trebuchet MS, Sans-serif; padding: 130px 0 12px 12px}
h1#logo a:hover {color: #ffffff}
/*---------Text---------------------------------------------*/ h2 {color: #DF2830; font-size: 1.5em; margin: 0 0 1em 0; padding: 0 0 3px 0; border-bottom: solid 2px #2EBBEB; line-height: 1.2}
h2 a:link, h3 a:link{color: #DF2830;}
h2 a:visited, h3 a:visited{color: #DF2830;}
h2 a:hover, h3 a:hover{color: #2EBBEB; text-decoration: none;}
h2 a:active, h3 a:active{color: #2EBBEB; text-decoration: none;}
h3 {font-size: 1.25em; color: #DF2830; margin: 0 0 1em 0}
h3 a:link, h3 a:link{color: #DF2830;}
h3 a:visited, h3 a:visited{color: #DF2830;}
h3 a:hover, h3 a:hover{color: #2EBBEB; text-decoration: underline;}
h3 a:active, h3 a:active{color: #2EBBEB; text-decoration: underline;}
.rsoButton {font-weight: bold; background: #DF2830; display: block; padding: .75em; margin: 0 2em 1em 0; border-top: 1px solid #D01A28; border-bottom: 1px solid #D01A28}
a.rsoButton {text-decoration: none}
.rsoButton:hover {cursor: pointer; background: #DF2830 url(/images/palms3.png) no-repeat bottom right; color: #c7e0b8; text-decoration: none}
h2 + .rsoButton {margin-left: 1em}
.bodyText {margin: 0 0 0 0; width: 40em; float: left; position: relative}
p {margin: 0 0 1em 0; padding: 0; line-height: 1.4em}
ul {margin: 0 0 1em 0; list-style: none; padding: 0}
ol {margin: 0 0 1em 1.5em; padding: 0 0 0 1em}
ul li {background: transparent url(/images/bow.gif) left top no-repeat; line-height: 1.4em; padding: 0 0 .5em 1.25em; margin: 0 0 0 0}
.gliderText ul li {background: transparent url(/images/bow2.gif) left top no-repeat}
#right {float:right; width: 24em; padding: 0; margin: 0}
#columnRight {float: right; width: 26em; padding: 0; margin: 0 0 0 0}
#columnLeft {float: left; width: 33em; padding: 0 1em 0 0; margin: 0 0 0 0}
.data {margin: 0 2em 2em 2em; position: relative}
.row {margin: 0 auto; border-bottom: 1px solid #999}
.row:hover {background: #efefef}
.rowHeader {border-bottom: 1px solid #999; border-top: 1px solid #999; background: #efefef; color: #DF2830; margin: 0 0 1em 0}
.rowSort {border-bottom: 1px solid #999; cursor: move}
.rowSort:hover {background: #FAAF4A; cursor: move; color:#fff}
.rowItem {float: left; padding: .5em; width: 14em}
.rowItemB {float: left; padding: .5em; width: 10em}
.rowLink {float: left; padding: .5em; width: 4em; text-align: center}
.spotlight {margin: 0; padding: .5em; border-top: #DF2830 6px solid; background: #C7E0B8}
.spotText {margin-left: 9em}
.spotlight h2 {color: #DF2830}
.c1 {margin: 0 0 1em 0; padding: 1em; border-top: #DF2830 6px solid; background: #eee; height: auto}
.c2 {padding: 1em; margin: 0 0 1em 0; height: auto}
.c1 ul li {background: url(/images/bow3.gif) no-repeat left top}
.wrapper {margin:0 0 1em 0}
.poster {float: left; width: 8em; margin: 0 1em 1em 1em}
.concertText1 {float: left; text-align: left; width: 20em; margin: 0; padding: 0}
.concertText2 {float: left; width: 22em; margin: 0; padding: 0}
.concertInfo {float:left; width: 48em; padding: 0; margin: 0}
.concertInfo p {margin-left: 0}
.artist {padding: 1em 0 1em 0; border-bottom: #86B0C7 1px solid}
.artistText {float:right; width:15em; margin-left: 1em; height: 100%}
.artistSummary {margin-left: 1em}
h2 + .artist {margin-top: -1em}
#logLink {text-align: right; padding: 4px 6px; background: #333; color: #666}
.e1 {background: #efefef; padding: .5em; border-bottom: 1px solid #999; border-top: 1px solid #999; margin-bottom: 1em}
.e2 {padding: .5em; border-bottom: 1px solid #999; border-top: 1px solid #999; margin-bottom: 1em}
.e1 h3 {margin: 0}
.date {font-size: 1.5em; font-weight: bold; color: #2EBBEB; padding-right: .25em}
.time {font-weight: bold}
.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}
.explanation em {font-size: 9px; color: #666666;}
ul.archives li {display: inline; margin-right: 10px;}
ul.archives2 li {margin-right: 10px;}
/************ Forms *********************************************/ .formLabel {width: 20em; float: left; padding-right: 2em; margin: 1em 0}
.formInput {width: 25em; float: left; margin: 1em 0}
.formRadio {width: 5em; float: left; margin: 1em 1em}
.formText {border-top:#efefef solid 1px; width: 57em; float: left; margin: 1em 1em}
label {font-weight: bold; padding: 2px 0 0 0; margin: 0 0 .5em 0}
input {border: 2px solid #efefef; padding: 4px; margin: 0 0 .5em .5em}
input:focus {border: 2px solid #2EBBEB; background: #DAE1DE}
select {border: 2px solid #efefef; padding: 2px 0 2px 2px; margin: 0 0 .5em .5em}
select:focus {border: 2px solid #2EBBEB; background: #fff}
check {border: 1px solid #efefef; padding: 2px 0 2px 2px; margin: 0 0 .5em .5em}
textarea {border: 2px solid #efefef; padding: 6px; margin: 0 0 .5em .5em}
textarea:focus {border: 2px solid #2EBBEB; background: #DAE1DE}
.formbutton {border: 2px solid #efefef; background: #2EBBEB; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; padding: 4px 4px; color: #fff}
.formbutton:hover {background: #FAAF4A; cursor: pointer}
/*---------Links---------------------------------------------*/ a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #2EBBEB; text-decoration: underline;}
a:active {color: #2EBBEB; text-decoration: underline;}
.wrapper a:link {color: #DF2830; text-decoration: none;}
.wrapper a:visited {color: #DF2830; text-decoration: none;}
.wrapper a:hover {color: #fff; text-decoration: underline;}
.wrapper a:active {color: #fff; text-decoration: underline;}
/*-------------------- nav ---------------------------------------------------*/ .overview {border-bottom: 1px solid #FF6633}
#nav {margin: 0 0 0 0; float: left; width: 80em; background: #c7E0B8 url(/images/rsa-nav2.png) repeat-x; border-bottom: 1px solid #999}
#nav ul {list-style: none; line-height: 1em; font-weight: bold; padding: 0 0 0 1em; margin: 0; line-height: 1em}
#nav li {float: left; padding: 0; width: auto; margin: 0; background: none}
#nav li a {display: block; font-size: 1.15em; width: auto; color: #ffffff; text-decoration: none; padding: 8px 12px}
/*#nav li a:hover {color: #DF2830}*/ #nav ul li ul a {display: block; width: 10em; color: #ffffff; text-decoration: none; padding: 0; margin: .4em}
#nav ul li ul {text-align:left; position: absolute; left: -999em; height: auto; width: 12em; color: #ffffff; background: #FAAF4A; margin: 0; padding: 6px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; z-index: 999}
#nav ul li ul li {width: 12em; line-height: 1.25em}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}
#nav li:hover, #nav li.sfhover {background: url(/images/rsa-nav2.png) repeat-x 0 -38px; color: #DF2830}
#nav li ul li:hover, #nav li ul li.sfhover {background: #DF2830; color: #fff}
/***************************** Glider **********************************/ #glider {background: #efefef; /*border-top: #DF2830 6px solid;*/ margin: 0 0 2em 0; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); overflow: hidden}
#glider img {float:left; margin: 0 0 1em 1em; padding: 4px; background: #fff; border: 1px solid #999999}
#glider a img:hover {border: 1px solid #25BBEB; background: #25BBEB}
#glider h2, #glider h3 {color: #25BBEB; border-color: #DF2830}
.gliderText {width: 25em; height: 298px; margin: 0 1em 1em 35em; color: #333}
div.controls {color: #fff; padding: 1em; border-top: #D01A28 6px solid; border-bottom: #999 1px solid; background: #DF2820 url(/images/controls-bg.png) no-repeat top left; font-weight: bold}
div.scroller {/* modify width and height of scrolling section if necessary */ width: 61em; height: 298px; padding-top: 16px; overflow: hidden; background: #efefef}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window) */ width: 61em; height: 298px; overflow:hidden; float:left}
div.scroller div.contentGlider {width: 10000px}
/*.controls a {color: #2EBBEB; background: none; text-decoration: none;}
.controls a:visited {color: #2EBBEB}
.controls a:hover {text-decoration: underline}
*/ /**************************************** Errors *************************************/ #notice {border: 1px solid green; padding: .5em; margin-bottom: 1em; color: green; background: #C0FFCC}
.fieldWithErrors {padding: 2px; background-color: red; display: table}
#errorExplanation {width: 350px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
.program strong {text-transform: uppercase; color: #2eBBEB}
/************************************ Tabs ************************************/ .tabBG {padding: 0 1em 0 1em; margin: 0; border-top: #DF2830 6px solid; background: #efefef}
.panel {clear: both; display: none; background: #fff; padding: 1em}
.panel a {color: #2EBBEB;}
.panel.active-tab-body {display: block}
#tabs li {float: left; background: none; margin: 0; padding:0}
#tabs a {display: block; font-weight: bold; font-size: 1.15em; width: auto; color: #DF2830; text-decoration: none; padding: 8px 8px}
#tabs a.active-tab {background: #fff}
/********************** Pagination *****************************************/ .apple_pagination {text-align: left; padding: 0 1em 1em 0}
.apple_pagination a, .apple_pagination span {padding: .2em .3em}
.apple_pagination span.disabled {color: #AAA}
.apple_pagination span.current {font-weight: bold; color: #B3CC94; border: solid 1px #DF2830}
.apple_pagination a {text-decoration: none; color: #DF2830}
.apple_pagination a:hover, .apple_pagination a:focus {text-decoration: underline}
/********************** Awesome *****************************************/ .awesome, a.awesome {background: #222 url(/images/gradient-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #222; position: relative; cursor: pointer; text-align: center}
.controls a, .gliderText a {background: #222 url(/images/gradient-overlay.png) repeat-x; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #222; cursor: pointer; text-align: center}
/* Sizes ---------- */ .small.awesome, .controls a, .gliderText a {font-size: 11px}
.medium.awesome {font-size: 13px}
.large.awesome {font-size: 14px; padding: 8px 14px 9px}
/* Colors ---------- */ .blue.awesome, .red.awesome:hover, .controls a:hover, .gliderText a:hover {background-color: #2EBBEB}
.red.awesome, .controls a, .gliderText a, .blue.awesome:hover, .yellow.awesome:hover {background-color: #D01428; color: #ffffff}
.yellow.awesome {background-color: #FAAF4A; color: #444444; text-shadow: 0 -1px 1px rgba(0,0,0,0.15)}
a:focus {outline: 1px dotted invert}
a {outline: none}
a:active {outline: none}
/* Vids ----------- */ .trio {width: 19em; display: inline; float: left; margin-left: 1em; margin-right: 1em; margin-bottom: 1em}
.alpha {margin-left: 0}
.omega {margin-right: 0}
/* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
.video-thumb {background: #fff; padding: 2px; border:none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5)}
.video-thumb:hover {background: #2EBBEB;}
.flashvideo {width:660px; height:405px}
#sidebar .awesome, #columnRight .awesome {display: block;}