@charset "utf-8";
html {
font-size: 62.5%; /* makes 1.6rem => 16px, etc. */
background-color:#c9c9c9;
}
body {
color:#474e4f;
background-color:#c9c9c9;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; /* default for older browsers */
font-size: 1.1rem; /* supported by newer browsers */
}
/* set defaults to minimize browser differences */
p { margin: 1em 0px;}
strong { font-weight: bold; }
th { font-weight: bold; }
select { font-size:13px; font-size:1.3rem; margin:4px 0;}
input {margin:2px 0;}
input[type="text"]{ display:inline-block; font-size:13px; padding: 0px; line-height: 15px;}
table td {padding:2px 0;}
/* end defaults */
body#lgrfont p, div.larger p, .larger ul li, .lgrtxt {
font-size:14px; /* default for older browsers */
font-size: 1.4rem; /* supported by newer browsers */
color: #303536; /* #474e4f; #111; */
line-height: 120%;
}
body#lgrfont p {
margin: 15px 30px 15px 0px;
}
table.lgrtable {
margin: 15px 0 20px 10px;
}
table.lgrtable td {
font-size:14px;
font-size:1.4rem;
color:#000;
padding: 5px;
}
a, a:visited {
color:#6a0202;
}
a:hover {
color:Blue; /* #c0c0c0; */
}
a.nouline, a.nouline:visited {color:inherit; text-decoration: none;}
a.nouline:hover {color: blue;text-decoration:underline;}
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: underline; color:inherit;}
/* img {max-width: 100%;} / * try to scale images to fit (ignored by earlier IE versions?) */
img, img a {
border:0px;
}
div.floatleft, div.floatright {border: 0;}
div.floatleft {
clear: left;
float: left;
margin: 0 10px 10px 0;
}
div.floatright {
clear: right;
float: right;
margin: 0 0 10px 10px;
}
div.floatleft img, div.floatright img {border: 2px solid White;}
div.floatleft a:hover img, div.floatright a:hover img {border: 2px solid Blue;}
h1 {
/* font-family:'EB Garamond',Verdana, Arial, Helvetica, sans-serif; */
font-family:'EB Garamond',Garamond,'Times New Roman',Times,serif;
color:#6a0202;
/* pre-garamond
font-size:25px; / * default for older browsers * /
font-size:2.5rem; / * for newer browsers * /
line-height:25px;
*/
font-size:27px; /* default for older browsers */
font-size:2.7rem; /* for newer browsers */
line-height:27px;
padding:0px;
margin:0px;
font-weight:normal;
/*text-transform:lowercase;*/
}
h2 {
/* font-family:'EB Garamond',Verdana, Arial, Helvetica, sans-serif; */
font-family:'EB Garamond',Garamond,'Times New Roman',Times,serif;
color:#6a0202;
font-size:24px;
font-size:2.4rem;
line-height:24px;
padding:5px 0px 5px 0px;
margin:0px;
font-weight:normal;
}
h3 {
padding:0px;
margin:0px;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
color:#474e4f;
}
h3.dkred {color:#6a0202;}
/* avoid mixed font colors within h3 */
h3 a, h3 a:visited {color:#474e4f;}
h3.dkred a, h3.dkred a:visited {color:#6a0202;}
h4 {
margin:12px 0px 12px 0px;
color: #333;
font-size:13px;
font-size:1.3rem;
font-weight:bold;
}
h4.dkred {color:#6a0202;}
/* avoid mixed font colors within h4 */
h4 a, h4 a:visited {color:#474e4f;}
h4.dkred a, h4.dkred a:visited {color:#6a0202;}
h5 {
margin:12px 0px 0px 0px;
color: #6a0202; /* same as to avoid mixing */
font-size:13px;
font-size:1.3rem;
font-weight:bold;
}
h4 a, h4 a:visited {
color:#333;
text-decoration:underline;
}
h4 a:hover {
color:blue; /* #c0c0c0; */
text-decoration: underline;
}
/* datelist has gradually become a primary class used for the yf page */
.datelist h2 {
font-size:20px;
font-size:2.0rem;
font-weight:bold;
}
.datelist h3 {
font-size:18px;
font-size:1.8rem;
font-weight:bold;
color:#333;
text-decoration: underline;
margin-bottom:4px;
}
.datelist h4 {
margin-bottom:0px;
padding-bottom:0px;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
color:#333;
}
.datelist h5 {
margin:2px 0 0 0;
color: #333;
font-size:14px;
font-size:1.5rem;
font-weight:bold;
}
.datelist p, .datelist td, .datelist input[type=text], .datelist select, .datelist form {
padding-top:0px;
margin-top:0px;
font-size:13px;
font-size:1.3rem;
font-weight:normal;
color:#111; /* #333; */
line-height: normal;
}
.datelist table tr td {
text-align:left;
padding-bottom:10px;
}
.datelist button.disabled, .datelist button[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #333;
background-color: #E6E6E6;
}
/* align checkboxes and radio buttons with adjacent text (possibly global but restricted to .datelist to be safe for now) */
.datelist input[type=checkbox], .datelist input[type=radio] {
vertical-align: middle;
position: relative;
bottom: 1px;
}
input[type=radio] {
bottom: 2px;
}
.smalltxt {
font-size:10px;
font-size:1.0rem;
}
.tinytxt {
font-size:9px;
font-size:0.9rem;
}
.indent1 {
margin-left:40px;
}
label {
color: #000;
font-size:13px;
font-size:1.3rem;
}
.formtbl input {
height: 18px;
}
.formtbl td {
font-size:13px;
font-size:1.3rem;
text-align:left;
}
.tccaLayout {
font-size:11px;
font-size:1.1rem;
width:986px;
padding:0px;
margin-left:auto;
margin-right:auto;
background:#ffffff url(/images/ui_bg_contentArea.jpg) top right;
}
.headerRow {
padding: 0px 25px 0px 25px;
color: #974e4e; /* orig #666; */
}
.headerRow a, .headerRow a:visited, .footer a, .footer a:visited {
color:#474e4f;
text-decoration:none;
}
.headerRow a:hover, .footer a:hover {
color:#6a0202;
background-color: #eff;
text-decoration: underline;
}
.photoTD {
padding:1px 10px 1px 10px;
}
tr.concertProg td {
font-size: 13px;
vertical-align:top;
text-align:left;
}
tr.concertProg td:first-child {
padding-right: 15px;
}
td.concert_col, .centertop {
text-align:center;
vertical-align:top;
}
.lefttop {
text-align:left;
vertical-align:top;
}
.righttop {
text-align:right;
vertical-align:top;
}
/* Navigation Bar CSS Tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 10px 10px 10px 10px; /* set margins as desired */
font-size:14px;
font-size:1.4rem;
font-weight:bold;
border-bottom: 1px solid #404040; /* set border COLOR as desired (sample was #6c6) */
list-style-type: none;
padding: 3px 10px 6px 20px; /* THIRD number must change with respect to padding-top (X) below (orig 3 10 3 10) */
}
ul#mobnav { /* mobile menu settings */
text-align: left; /* set to left, right or center */
margin: 10px 10px 10px 10px; /* set margins as desired */
font-size:16px;
font-size:1.6rem;
font-weight:bold;
border-bottom: 1px solid #404040; /* set border COLOR as desired (sample was #6c6) */
list-style-type: none;
padding: 3px 10px 5px 20px; /* THIRD number must change with respect to padding-top (X) below (orig 3 10 3 10) */
}
ul#tabnav li, ul#mobnav li { /* do not change */
display: inline;
}
/* not needed
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6 { settings for selected tab
border-bottom: 1px solid #fff; set border color to page background color
background-color: #fff; set background color to match above border color
}
*/
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a { /* settings for selected tab link */
background-image: none;
background-color: #fff; /* set selected tab background color as desired */
color: #191919; /* RDM ORIG 666 - set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 7px; /* must change with respect to padding (X) above and below (orig 4px) */
}
/* During hover, match orig selected tab to dropdown background-color */
body#tab1 li.tab1 a:hover, body#tab2 li.tab2 a:hover, body#tab3 li.tab3 a:hover, body#tab4 li.tab4 a:hover, body#tab5 li.tab5 a:hover, body#tab6 li.tab6 a:hover, body#tab7 li.tab7 a:hover, body#tab8 li.tab8 a:hover { /* settings for selected tab link */
color: #191919; /* should match .dropmenudiv_c a color */
background-color: #f9f9f9;
}
ul#tabnav li a { /* settings for all tab links */
padding: 6px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above (orig 3px 4px) */
border: 1px solid #404040; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #404040; /* set unselected tab background color as desired (orig #cfc) */
background-image: url(/images/ui_bg_tabnav1_2x36.gif);
color: #d9d9d9; /* set unselected tab link color as desired (orig #666) */
margin-right: 4px; /* set additional spacing between tabs as desired (orig 0px)*/
text-decoration: none;
border-bottom: none;
/* rounded corners (doesn't work for IE6,7,8) */
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topright: 5px;
-khtml-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
ul#mobnav li a { /* settings for all mobile tab links */
padding: 6px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above (orig 3px 4px) */
border: 1px solid #404040; /* set border COLOR as desired; usually matches border color specified in #mobnav */
background-color: #404040; /* set unselected tab background color as desired (orig #cfc) */
background-image: url(/images/ui_bg_tabnav1_2x36.gif);
color: #d9d9d9; /* set unselected tab link color as desired (orig #666) */
margin-right: 4px; /* set additional spacing between tabs as desired (orig 0px)*/
text-decoration: none;
border-bottom: none;
/* rounded corners (doesn't work for IE6,7,8) */
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topright: 5px;
-khtml-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
ul#tabnav a:hover { /* settings for hover effect */
background: #777; /* set desired hover color */
color: #fff;
}
/* (hover meaningless on mobile) ul#mobnav a:hover */
/* End Navigation Bar CSS Tabs */
/* Start Drop Down Menu Styles */
html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}
.dropmenudiv_c{
position:absolute;
top: 0;
text-align:left;
border: 1px solid #404040; /* same as tabnav border */
border-width: 0 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px; /* default for older browsers */
font-size: 1.2rem; /* supported by newer browsers */
/* font:normal 12px Verdana; orig DD */
line-height:22px; /* orig 18px; */
z-index:100;
background-color: #f9f9f9; /* orig white; */
width: 200px;
visibility: hidden;
}
.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #404040; /* same as tabnav border */
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #191919; /* should match li.tabx a:hover color above */
}
.dropmenudiv_mob{
position:absolute;
top: 0;
border: 1px solid #404040; /* same as tabnav border */
border-width: 0 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:16px; /* default for older browsers */
font-size: 1.6rem; /* supported by newer browsers */
line-height:26px; /* orig 18px; */
z-index:100;
background-color: #f9f9f9; /* orig white; */
width: 200px;
visibility: hidden;
}
.dropmenudiv_mob a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #404040; /* same as tabnav border */
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #191919; /* should match li.tabx a:hover color above */
}
* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #dadada; /* orig #eaeaea; */
}
/* tcmobileX.css version reverses these */
#slidemenu {display:inline;}
#mobilemenu {display:none;}
/* End Drop Down Menu Styles*/
/* navBar and breadcrumbs used by 2011 and earlier pages */
.navBar {
height:32px;
background: url(/images/ui_bg_navBar.jpg) top left no-repeat;
padding-left:25px;
color:#c9c9c9;
font-size:14px;
font-size:1.4rem;
}
.navBar a, .navBar a:visited {
color:#d9d9d9;
font-weight:bold;
text-decoration:none;
}
.navBar a:hover {
color:#fff9cc;
}
.breadCrumbs {
padding-left:25px;
padding-top:5px;
font-size:10px;
font-size:1.0rem;
height:25px;
vertical-align:text-top;
text-transform:lowercase;
}
.printpg {
text-align:right;
padding-right:25px;
padding-top:5px;
font-size:10px;
font-size:1.0rem;
height:25px;
vertical-align:text-top;
text-transform:lowercase;
}
.contentArea {
padding:0px 25px 25px 25px;
/* Min height is 250px but if the content extends beyond that, it will grow. Works for all browsers! */
min-height:250px;
height:auto !important;
height:250px;
}
.footer {
background:#c9c9c9 url(/images/ui_bg_roundedFooter.jpg) top left no-repeat;
padding-right:25px;
text-align:right;
height:30px;
color:#484848;
}
.photoBorder, .photoBorderLeft, .photoBorderRt {
border:1px none #c9c9c9;
margin-bottom:3px;
}
.photoBorderLeft {margin-right:10px;}
.photoBorderRt {margin-left:10px;}
.photoBorderProfile {
border:1px none #c9c9c9;
margin-right:20px;
margin-bottom:10px;
}
.hideifajax p {display:none;}
.hideifajax h1 {display:none;}
/* note h2 inside .hideifajax is also hidden on screen BUT will always be printed */
.hideifajax h3 {display:none;}
.hideifajax h4 {display:none;}
/* For highlighting images that are clickable
Usage: Give a Gift of Music 