/* Stylesheet for index4-Transxhtml.htm web page for TRS */
/* Cumulus Creative, 2005 http://www.cumuluscreative.com */
/* _______________________________________________________________________________________________*/
/* Validation http://jigsaw.w3.org/css-validator/ as of ______ */
/* Generic site-wide Styles _____________________________________________________________________ */
body, p, td, li, ul, ol, h1, h2, h3, h4, h5, a, div, .biotitle, .submit /* list needed because 4.0 browsers don't recognise inheritance from body */
{font-family: Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
text-decoration: none;
line-height: 1.4; /* Note, using px or % values breaks in older browsers, but numeric seems ok */
color: #000000; /* text color grey */
text-align: center;
border: 0;
}
body {background-color: #fff;}
p, br, li, ul, dl {text-align: left;}
p { margin-bottom: 20px;
margin-top: 0;} /* to force p to appear directly beneath section headers */
a {text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1.6;
/*color: #8F98B8;*/
color: #6676B0;}
#menu a {color: #99a3ca; /* table cell "menu" */
width: 195px !important;}
/* {color: #8F98B8;} */
table,tr,td {padding:0; margin: 0;}
td {text-align: left;}
h1 {color: #fff;
font-size: 32px !important;
text-align: left;
margin: 0;}
h2, h2 a {font-size: 16px;
font-weight: bold;
text-align: left;
margin:0; padding-bottom: 10px;}
h3, h3 a {font-size: 14px;
font-weight: bold; color: #8A0753;
text-align: left;
margin: 0; padding:0 5px 0 0; line-height: 1.2;
display: inline;}
h2.redh2 {color: #8A0753; margin-top:0; padding-top: 0;}
h3 a:hover, h2 a:hover {color:#8F98B8;}
#bios h3 {line-height: 2.0; }
.img {display: block;
border: 0;}
li {list-style-type: none;
line-height: 1.5;
margin: 0;
padding: 0;
}
li, ul, dl, dt, dd {margin: 0; padding: 0;}
li {padding-bottom: 5px;}
ul.sub li {padding: 0;}
dt {font-size: 14px;
font-weight: bold; color: #8A0753;
text-align: left;
margin: 0; padding:0 5px 0 0; line-height:1.0;
display: inline;}
dd {padding: 0 0 25px 0;}
dd ul.shortitems {padding: 10px 0 10px 0;}
dd li {list-style-type: disc;
margin: 10px 0 0 15px;}
ul.shortitems li {margin-top: 0;}
/* ----------------------- */
#border {border: 2px #6D6E71 solid;
padding: 0; margin: 30px auto 10px auto;
width: 800px;
margin-right:auto; /* auto-margin workaround for Netscape & Mac centering bug */
margin-left:auto;}
#border {
/* Tantek Box Model Patch */
width: 802px; /* fake width including border, padding */
voice-family: "\"}\"";
voice-family: inherit;
width: 800px} /* real box width for modern browsers */
html>body #border {width: 800px} /* real box width for Opera */
#bigbox {width: 800px; /* Tantek not needed if border, padding =0? */
border: 0;
padding: 0; margin: 0;
vertical-align: top;
background: url(img/tr10b01.gif) repeat-y;
}
#header {margin:0; padding:0;
height: 107px;}
#stripe {margin:0; padding:0;
background: url(img/tr10h01.jpg) no-repeat; /* this header stripe is changed per page in the php, but this is default if undefined */
height: 112px;
}
#bigstripe {margin:0; padding:0;
background: url(img/tr10h01.jpg) no-repeat; /* this header stripe is changed per page in the php, but this is default if undefined */
height: 218px;
}
.printonly {display: none;}
h1#titl {margin:0; /* formerly h1#title! */
padding: 48px 0 0 225px;}
h1#titltall {padding: 155px 0 0 255px;;}
#menu {width: 165px; /* subtracting the padding */
border: 1px red none;
text-align: left;
vertical-align: top;
padding: 0 0 20px 30px; margin:0;
}
#menu li, #menu a {color: #fff;
text-align: left;
font-size: 14px;
font-weight: normal;}
#menu a:hover {color:#99a3ca;}
#menu li {line-height: 2.0;}
ul#sub2, ul#sub3, ul#sub4, ul#sub5, ul#sub7, ul#sub8, ul#subx {margin-left: 20px;
font-size: 13px;
font-weight: normal;
display: none;}
a#sub55, #sub55, #sub84 {line-height: 1.2; display: block;}
.breadcrumb, .breadcrumb a, .bc, .bc a, .prevnxt, .prevnxt a
{font-weight: bold;
font-size: 11px;
text-align: right;
top: -10px;}
.breadcrumb a {/*color: #99a3ca;*/
color: #6676B0;}
.breadcrumb, .crumbtop {margin:0;
padding: 0 30px 15px 0;
position: relative;
top: 0;
vertical-align: top; /* not supported in all browsers, but only relevant when there is no content below */
}
/* -------- used on press pages only */
.prevnxt, .prevnxt a, .bc, .bc a
{font-weight: bold;
font-size: 11px;
padding: 0;
margin:0;
border: 0;}
.prevnxt a, .bc a {color: #99a3ca;}
.crumbtop {border: 0;
vertical-align: top;
margin: 0; padding: 0;}
.prevnxt {text-align: left;
padding: 6px 0 20px 0;}
.bc {text-align: right;
padding: 6px 20px 25px 0;}
/* --------------------------------------------- */
#mainbody {padding: 0 30px 24px 30px; margin: 0;
width: 550px;
vertical-align: top;
}
.footer, .footer a
{font-size: 12px;
color: #8a0753;
text-align: center;
margin: 50px 0 0 0;
font-weight: normal;}
.footer a {margin: 0 20px 0 20px;}
.footer a:hover {color:#99a3ca;}
.disclaimer {font-size: 10px;
margin-left: 190px;}
#adobe {float: left; padding: 5px 15px;} /* adobe reader download logo image */
.bioimg {margin: 0 20px 15px 0; float: left;}
/* --------------------------------------------- */
.formtbl td {padding: 0 10px 5px 5px; vertical-align: top;
}
.formtbl {width: 90%;}
.errormsg, .errormsg li {color: red;
text-align: left;}
.errormsg {font-weight: bold;}
.matter, .dueto {margin-left: 20px;}
.shade {background: #EBEBEB;}
.wbg {background: #fff;} /* forced white background for form elements that overlap red area on some browsers. If I can recreate this error I will fix it and not need this style but for now it's a band-aid fix */
#presstable td {width: 270px; padding:0 20px 20px 0;}
#clienttable {border: 1px #6A6B6C solid;}
#clienttable td {padding: 0 15px 5px 0;}
/* ----------------------------------------------- */
.bottom {
font-size: 14px;
float: left;
color: #000;
font-weight: bold;
}
.homepagetable {
text-align: left;
vertical-align: top;
float: left;
list-style-type: circle;
width: 275px;
}
.homepagetableright {
float: right;
width: 260px;
vertical-align: top;
text-align: left;
}
.hanging-indent {
text-indent: -25px;
padding-left: 25px;
}
.bioinfo {
width: 400px;
}