@charset "UTF-8";
/* CSS Document */

body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 100%; color: #2e2e2e; background-color: #000; margin: 0px; padding: 0px; min-width: 940px; }
#columnwrapper { margin: 0 auto; background-repeat: repeat-y; width: 940px; }
#columns-top { background-repeat: no-repeat; height: 12px; background-image: url(img/trr_iq_2colSBR940Top.jpg); }
#column-home-flash { padding: 0px; line-height: 1.5em; }
.content { padding: 8px 20px; font-size: 0.8em; line-height: 1.5em; text-shadow:#e6e6e6 0 2px 10px; }
.content-home { padding: 0; margin: 0; }
.content p { margin: 6px 0px 12px; line-height: 1.5em; }
.content-header { margin: 0px; font-size: 1.75em; color: #627081; letter-spacing: 0.2em; }
h1 { margin: 0px; font-size: 1em; letter-spacing: 0.2em; }
h2 { font-size: 1.1em; margin: 28px 0px 0px; }
h3 { font-size: 1.1em; margin: 28px 0px 0px; }
#footer { margin: 0px auto; font-size: .7em; clear: both; color: #999; width: 940px; border-top-style: none; border-top: 1px dotted #656565; }
#footercontent { padding: 20px 0; }
#footercontent a:link { color: #999; text-decoration: none; }
#footercontent a:visited { color: #999; text-decoration: none; }
#footercontent a:hover { color: #F78F1E; text-decoration: underline; }
#footercontent a:active { color: #000000; }
#footercontent-float-left { float: left; width: 450px; text-align: left; }
#footercontent-float-right { float: right; width: 300px; text-align: right; }
.imgfloatright { float: right; }
.imgfloatleft { float: left; }
/*****************************************************************************/
/*
/* GLOBALS: Nav Bar
/*
/*****************************************************************************/
#tnav-bg { height: 150px; min-height: 150px; background-image: url(img/trr_iq_masthead.jpg); background-repeat: repeat-x; background-color: #000; }
#tnav { font-size: 0.75em; background-image: url(img/trr_iq_navbg_black.jpg); background-repeat: repeat-x; padding-bottom: 12px; margin-bottom: 30px; background-position: left bottom; height: 150px; }
#tnav-bg-logo { background-image: url(img/logo_trr.gif); background-repeat: no-repeat; }
#tnav-bg-sponsor { background-image: url(../images/header_sponsor_logo.gif); background-repeat: no-repeat; background-position: right top; }
#tnav-center { margin: 0 auto; border-left: 1px solid #333; width: 1040px; border-left: 0 !important; }
#tnav ul { padding: 0; }
#tnav li { list-style-type: none; float: left; margin: 114px 0 0 0; }
/*****************************************************************************/
/*
/* GLOBALS: Link Styles other than main navigation bar
/*
/*****************************************************************************/
a:link { color: #0033CC; }
a:visited { color: #0033CC; }
a:hover { color: #F78F1E; }
a:active { color: #000000; }
/*****************************************************************************/
/*
/* others
/*
/*****************************************************************************/
.title-line-hdr { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px dotted #fff; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; padding-top: 16px; }
.title-line-hdr-homepage { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px dotted #fff; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; }
.title-line-hdr li { float: left; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; font-size: 1em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr-homepage li { float: left; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; font-size: 1em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #000; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-hdr-homepage .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #000; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-styles { border-top: 1px dotted #CCCCCC; border-right: 0px dotted #CCCCCC; border-bottom: 0px dotted #CCCCCC; border-left: 0px dotted #CCCCCC; }
/*****************************************************************************/
/*
/* clear tags
/*
/*****************************************************************************/
.clearfloat { clear: both; height: 0; line-height: 0.0; font-size: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/*****************************************************************************/
/*
/* Hides from IE-mac 
/*
/*****************************************************************************/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/*****************************************************************************/
/*
/* styles collapsible panel
/*
/*****************************************************************************/
.CollapsiblePanelContact { float: left; width: 300px; }
.CollapsiblePanelContactFull { float: left; width: 300px; margin-left: 25px; margin-right: 100px; }
.CollapsiblePanelContent1 div p { padding-left: 10px; line-height: 2em; cursor: pointer; }
.CollapsiblePanelContent2 div p { padding-left: 10px; line-height: 2em; cursor: pointer; }
.CollapsiblePanelContent1 { overflow: auto; height: 186px; }
.CollapsiblePanelContent2 { overflow: auto; height: 186px; }
/*****************************************************************************/
/*
/* spry ajax tags
/*
/*****************************************************************************/
.SpryHiddenRegion { visibility: hidden; }
/*****************************************************************************/
/*
/* box vertical scroller home page
/*
/*****************************************************************************/
#boxes-middle-vscroller { -moz-border-radius:2px; -webkit-border-radius:2px; width:890px; height:286px; margin-bottom:0px; padding:24px 24px 0px 24px; background-image: url(../images/bg_middle_002.jpg); background-repeat: no-repeat; margin-top: -30px; }
#boxes-middle-text-vscroller { -moz-border-radius:2px; -webkit-border-radius:2px; width:580px; height:0px; margin-bottom:60px; padding:24px; margin-top: -40px; margin-left: 200px; font-size:14px; line-height:24px; color:#FFF; text-shadow:#666 0 2px 4px; }
#boxes-middle-text-vscroller h3 { font-size: 1em; margin: 0px; }
/*****************************************************************************/
/*
/* link vertical scroller home page
/*
/*****************************************************************************/
.p7VSC_content a { text-decoration: none; color:#fff; text-shadow:#666 0 2px 4px; }
.p7VSC_content a:hover { text-decoration: none; color:#fff; text-shadow:#666 0 2px 4px; }
/*****************************************************************************/
/*
/* box root
/*
/*****************************************************************************/
#boxes-middle-root-top { -moz-border-radius:2px; -webkit-border-radius:2px; width:940px; height:48px; background-image: url(../images/bg_border_01.jpg); background-repeat: no-repeat; margin-top: 0px; }
#boxes-middle-root { -moz-border-radius:2px; -webkit-border-radius:2px; width:940px; min-height:391px; background-image: url(../images/bg_border_02.jpg); background-repeat: repeat-y; margin-top: 0px; }
#boxes-middle-root-botton { -moz-border-radius:2px; -webkit-border-radius:2px; width:940px; height:62px; background-image: url(../images/bg_border_03.jpg); background-repeat: no-repeat; margin-top: 0px; }
#boxes-middle-root-botton span { padding-left: 50px; font-size: 0.7em; }
#boxes-middle-root-text { -moz-border-radius:2px; -webkit-border-radius:2px; padding: 10px 70px 10px 50px; font-size:14px; line-height:24px; color:#2e2e2e; text-shadow:#e6e6e6 0 2px 4px; }
#boxes-middle-root-content { -moz-border-radius:2px; -webkit-border-radius:2px; padding: 10px 70px 10px 50px; color:#2e2e2e; text-shadow:#e6e6e6 0 2px 4px; }
#boxes-middle-root-float { -moz-border-radius:2px; -webkit-border-radius:2px; padding: 10px 40px 10px 50px; font-size:14px; line-height:24px; color:#2e2e2e; text-shadow:#e6e6e6 0 2px 4px; }
#boxes-middle-root-text h3 { font-size: 1em; margin: 0px; }
/*****************************************************************************/
/*
/* box chronometer
/*
/*****************************************************************************/
.inner-chronometer { min-height:200px; width:940px; margin-right:auto; margin-left:auto; text-align:center; background-image: url(../images/bg_chronometer.png); background-repeat: no-repeat; padding-top: 10px; }
.inner-chronometer-bw { min-height:200px; width:940px; margin-right:auto; margin-left:auto; text-align:center; background-image: url(../images/bg_chronometer_bw.png); background-repeat: no-repeat; padding-top: 10px; }
.inner-chronometer h2 { color:#2e2e2e; text-shadow:#fff 0 2px 4px; font-size:20px; text-align: left; font-weight:normal; font-style:normal; line-height:0px; padding-top: 0px; padding-bottom: 20px; padding-left: 50px; }
.inner-chronometer-bw h2 { color:#2e2e2e; text-shadow:#fff 0 2px 4px; font-size:20px; text-align: left; font-weight:normal; font-style:normal; line-height:0px; padding-top: 0px; padding-bottom: 20px; padding-left: 50px; }
.inner-chronometer p { font-size:14px; color:#2e2e2e; text-align: left; text-shadow:#fff 0 2px 4px; font-weight:normal; font-style:normal; line-height:20px; padding-left: 50px; }
.inner-chronometer-bw p { font-size:14px; color:#2e2e2e; text-align: left; text-shadow:#fff 0 2px 4px; font-weight:normal; font-style:normal; line-height:20px; padding-left: 50px; }
#boxes-middle-root-float .left { width:620px; float:left; padding-top:0px; padding-right:0px; padding-bottom: 0px; font-size:13px; }
#boxes-middle-root-float .right { float:right; width:195px; padding-left:25px; border-left:1px dotted #e0e0e0; padding-bottom:60px; font-size:13px; }
#boxes-middle-root-float .right p { margin-top:10px; width:195px; float:left; }
#boxes-middle-root-float .right a.current { color:#000; }
#boxes-middle-root-float .right h3 { margin-top:30px; float:left; font-size:14px; }
/*****************************************************************************/
/*
/* contact button style
/*
/*****************************************************************************/
.bg_button { width:144px; background-image:url(../images/bg_button.png); float:left; margin-top:20px; }
a.bg_button { height:43px; width:128px; border-style:none; background:transparent url(../images/bg_button_style.png) 0 0; color:#000; text-align:center; font:bold 12px/43px "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; }
a:hover.bg_button { background-position:0 -43px; }
a:active.bg_button { background-position:0 -86px; }
a.bg_button.disabled { cursor:default; color:gray; background-position:0 0; text-shadow:0 1px 1px white; }
a.bg_button.pressed { background-position:0 -86px; }
/*****************************************************************************/
/*
/* IE6 warning
/*
/*****************************************************************************/
#ie6Warning { padding: 10px 10px 10px 30px; margin-bottom: 20px; line-height: 20px; text-align: left; background-color: #FFF; font-size: 0.8em; }
#ie6Warning h2 { background: url(../images/ie6-warning.gif) 0 50% no-repeat; padding-left: 40px; margin-bottom: 20px; line-height: 50px; font-size: 1em; }
/*****************************************************************************/
/*
/* styles sponsor and link boxes
/*
/*****************************************************************************/
.boxessponsor { overflow: visible; /* self-clears floats within */ padding: 10px; border-bottom: 1px dotted #CCCCCC; height: 130px; min-height: 130px; }
.boxessponsor h1 { margin-left: 300px; }
.boxessponsor p { margin-left: 300px; }
.boxessponsor img { float: left; border: 0; }
.boxessponsor a { color: #000000; text-decoration: none; }
.boxessponsor a:hover { color: #000000; text-decoration: none; }
.boxessponsor a:visited { color: #000000; text-decoration: none; }
.boxessponsor-link { text-align: right; }
/* others */
img#news-image-left { float: left; margin: 3px 30px 10px 0px; }
img#news-image-right { float: right; margin: 3px 0px 10px 30px; }