@charset "utf-8";
html { font-size: 62.5%; }    /* makes 1.6rem => 16px, etc. */

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 */
}

a, a:visited {
color:#6a0202;
}
a:hover {
color:#c0c0c0;
}

h2 a {text-decoration: none;}
h2 a:hover {text-decoration: underline;}

/* img {max-width: 100%;}  / * try to scale images to fit (ignored by earlier IE versions?) */
img, img a {
border:0px;
}

h1 {
color:#6a0202;
font-size:25px;   /* default for older browsers */
font-size:2.5rem; /* for newer browsers */
line-height:25px;
padding:0px;
margin:0px;
font-weight:normal;
/*text-transform:lowercase;*/
}

h2 {
color:#6a0202;
font-size:20px;
font-size:2rem;
line-height:20px;
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 <a> 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:#c0c0c0;
text-decoration: underline;
}

.datelist h2 {
font-size:20px;
font-size:2rem;
font-weight:bold;
}

.datelist h3 {
font-size:18px;
font-size:1.8rem;
font-weight:bold; 
color:#333;
text-decoration: underline;
}

.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 {
padding-top:0px;
margin-top:0px;
font-size:13px;
font-size:1.3rem;
font_weight:normal;
color:#333;
}

div.larger p, .lgrtxt {
color: #222;
font-size:13px;
font-size:1.3rem;
}

.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: #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;
}

/* 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#tabnav 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 { /* settings for selected tab link */
background-image: none;
background-color: #fff; /* set selected tab background color as desired */
color: #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) */
}
 
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_tabnav_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;
}
/* End Navigation Bar CSS Tabs */

/* 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: <a href="demo.htm" class="photoBorderHighlight"><img border="0" src="demo.gif"></a>
*/
a.photoBorderHighlight img{
border: 2px solid #fff;
}
a.photoBorderHighlight:hover img{
border: 2px solid DarkGreen;
}
a.photoBorderHighlight:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.stackableDivs {
clear: left;
margin-bottom:15px;
overflow:hidden;
padding: 5px 0px 10px 0px;
border-bottom:1px solid #ccc;
}

.sidebar {
background:url(/images/ui_bg_sidebar.jpg) bottom left no-repeat;
width:250px;
float:right;
padding-bottom:10px;
margin-left:10px;
margin-top:15px;
#
margin-top:20px;
}
.sidebar h3, .sidebar h2 {
background:url(/images/ui_bg_sidebar.jpg) top left no-repeat;
color:#a23838;
padding:5px 0px 0px 0px;
text-indent:10px;
font-weight:bold;
font-size:14px;
font-size:1.4rem;
}
.sidebar h2 {
text-align:center;
color:#6a0202;
font-size:20px;
font-size:2.0rem;
line-height:20px;
font-weight:normal;
/*text-transform:lowercase;*/
}
.sidebar h4 {
font-size:12px;
font-size:1.2rem;
padding:0px;
margin:0px;
}
.sidebar div {
padding-left:10px;
padding-right:10px;
margin:0px;
text-indent:10px;
}
.sidebar span {
text-indent:10px;
}
.sidebar .curpage {
color: #a23838; 
font-weight: bold; 
}

.hp_roundBox {
/* background:url(/images/homePage_bg_roundBox.jpg) bottom left no-repeat; */
background:url(/images/raised_bg_roundBox.gif) bottom left no-repeat;
width:287px;   /* 275 + 6pxShadow on each side */
float:left;
padding-bottom:5px;
margin-right:30px;
}
.rtBox {
margin-right:0;
}

.hp_roundBox h2 {
/* background:url(/images/homePage_bg_roundBox.jpg) top left no-repeat; */
background:url(/images/raised_bg_roundBox.gif) top left no-repeat;
padding:5px 0px 0px 0px;
margin:0px;
text-align:center;
color:#6a0202;
font-size:20px;
font-size:2.0rem;
line-height:20px;
font-weight:normal;
}

.hp_roundBox h4 {
text-align:center;
}

.hp_roundBox div.rb_upper {
padding-left:20px;
padding-right:10px;
margin:0px;
}

.hp_roundBox div.rb_middle {
margin: 20px 0 10px 0;
text-align: center;
vertical-align: middle;
}

.hp_roundBox div.rb_lower {
padding-left:15px;
padding-right:15px;
margin:0px;
}

.hp_roundBox div.rb_lower div {
text-align:center;
}

/* rdm temp dbg
.hp_roundBox div {
   border:1px solid #999;
}
*/
/* for making borders around individual table rows */
.rowtop {
border-top: 5px ridge #999;
}

.rowbottom {
border-bottom: 5px ridge #999;
}

.rowleft {
border-left: 5px ridge #999;
}

.rowright {
border-right: 5px ridge #999;
}

div.tktform p {
font-size: 16px;
font-size:1.6rem;
margin-bottom: 0px;
}

.hideit {display:none;}
.yfregonly {display:none;}

/* screen-only definitions */
@media screen {
.printonly { display: none; }
.hideifajax h2 {display:none;}
}  /* end screen-only */

/* print-only definitions */
@media print {
.noprint {display: none;}
body {
	color: #000000;
	background-color: #ffffff;
}
a,a:active,a:visited,a:hover {
color: #000000;
text-decoration: none;
}

p {color:#000;}
h1 {color:#000;}
h2 {color:#000;}
h3 {color:#000;}
h4 {color: #000;}
.lgrtxt {color: #000;}

.hp_roundBox {
   background-color: #fff;
   background-image:none;
}

.hp_roundBox h2 {
   background-color: #fff;
   background-image:none;
}

.tccaLayout {
   background-color: #fff;
   background-image:none;
}

img {display:none;}
.headerRow {display:none;}
.navBar {display:none;}
#tabnav {display:none;}
#accordion h3 {display:none;}
.sidebar {display:none;}
.printpg {display:none;}
.photoTD {display:none;}
.breadCrumbs {display:none;}
.footer {display:none;}
.photoBorder {border:hidden;}
.photoBorderRt {border:hidden;}
.photoBorderProfile {border:hidden;}
a.photoBorderHighlight img{border:hidden;}

}  /* end print-only */
