html { min-height: 100%; margin-bottom: 1px; }
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0}
.clear {clear:both}
img {border:0}
h1 {font-size:18px; padding:0 0 6px 0; margin:0; line-height:1}
/* a { color:#4a8cae; text-decoration:none} */
a { color:#1a4c71; text-decoration:none}
a:hover  {color:#333; text-decoration: underline}
#upper {height:195px; margin:0; padding:0; background-image:url(/images/upperbg.png); background-repeat:repeat-x}
#upperwrap {width:871px; margin:0 auto; position:relative}
#topnav {width:585px; float:left; height:20px; overflow:visible; margin-top:10px; margin-left:10px}
#topnav a {color:#ccc; text-decoration:none}
#topnav a:hover {color:#fff;}
#topwrap {position:absolute;left: 320px;top: 0;background-image:url(/images/topbg.png); background-repeat:no-repeat; color:#ccc; width:536px; height:35px;}
#topwrap #search {display: block;width: 190px;height:21px; float: right;text-align: right;margin: 0; padding:0;margin-top:8px; margin-right:12px}
#topwrap #s {background: transparent;border: none;margin: 0 8px 0 0; padding: 0px; color:#ccc; text-align:right;}
#topwrap form {display: block;margin: 0; padding:0;background: url(/images/go.png) right no-repeat; width:195px;float: right;height:21px;}
#topwrap form #submit {width: 26px;background: transparent;border: none;margin: 0; padding: 0}
#header { background-image:url(/images/headerbg.jpg); background-repeat:no-repeat; height:126px; padding-top:20px}
#mainnav { position:absolute; left: 60px; top: 147px; font-size:18px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; text-align:center}
#mainnav a {display:block; float:left; width:125px; height:36px;padding:11px 0 0 0; color:#fff; text-decoration:none}
#mainnav a:hover, #mainnav a.current {background-image:url(/images/navhover.png); background-repeat:no-repeat;}

#mid {background-image:url(/images/bodyareabg.png); background-repeat:repeat-x;background-color:#9e9f97}

#homepage #mid {background-image:url(/images/bodybg.png); background-repeat:repeat-x;background-color:#9e9f97}

#tcwrap, #tcwrapWide {width:871px; margin:0 auto; padding-top:10px; min-height:315px; }
#tcwrapWide {width: 654px}
#tcl {width:567px; float:left; }
#tcl1 {width:567px; float:left; margin-bottom:20px; /*min-height:297px*/ }
#tcwrapWide #tcl1 {width: 654px}
#tcr {width:293px; float:right;}
#tcr1 {width:293px; float:right; margin-bottom:20px; /*min-height:297px*/ }
#trctc { background-color:#fff; padding:0 12px}
#trltc {background-color:#fff;  padding:0 15px; } 
#trctc p, #trltc p { margin:0; padding:0; line-height:1.4; padding-bottom:10px}
#tcltop {width:567px; height:12px; background-image:url(/images/lct.png)}
#tclbottom {width:567px; height:12px; background-image:url(/images/lcb.png)}
#tcrtop {width:293px; height:12px; background-image:url(/images/rct.png)}
#tcrbottom {width:293px; height:12px; background-image:url(/images/rcb.png)}
#bcwrap {width:871px; margin:0 auto; padding-top:8px; height:158px}
#bcl {width:180px; float:left}
#bcl a {display:block; height:25px; background-image:url(/images/bottomlinkbg.png); background-repeat:no-repeat; margin-bottom:3px; padding:7px 0 0 20px; color:#4a8cae; text-decoration:none}
#bcl a:hover {padding-left:25px}
#bcr {width:675px; float:right}
#lower {width:871px; margin:10px auto 0 auto; padding:15px 0 35px 0; background-image:url(/images/dash.gif); background-position:top; background-repeat:no-repeat}
#footer {color:#666; width:800px; margin:0 auto; font-size:12px}
#footer a {color:#666; text-decoration:none}
#footer a:hover {color:#333; text-decoration:underline}
#footer p {padding:0; margin:0; line-height:1.4}
#videoPlayer {width: 540px; height: 405px}
#videoPlayerHome, #videoPlayer2 {width: 835px; height: 452px}
.staffTitle {margin: 0 0 12px 0; font-style:italic; font-size: 90%}
.videoThumbnail {margin: 0 12px 12px 0; float: left}
.videoThumbnail a {display: block; width: 200px; height: 130px; color: #ccc; font-weight: bold}
.videoThumbnail a:hover {color: #fff}
.videoThumbnail span.videoTitle {display: block; padding: 106px 0 0 10px; font-size: 90%; background: url(/images/video-shade.png) no-repeat; height: 130px}
.videoThumbnail span.videoTitle:hover {background: url(/images/play-hover.png) no-repeat}
table.videoTable td {vertical-align: top; text-align: center}
span.newHope span {font-weight: bold; color: #333;}
/* span.newHope {font-family: "adobe caslon pro", "times new roman", serif; font-size: 120%} */
a.bigLink {display: block; text-align: center; font-size: 150%}
.subNav {padding: 12px}
.subNav a {display: block; background: url(/images/bullet.gif) no-repeat left center; padding: 0 0 0 18px; color: #003366}
.subNav a:hover {color: #fff; background: #003366 url(/images/bullet-white.gif) no-repeat}
.subNav h5 {font-size: 12px; margin: 12px 0 0; padding: 0}

.messages {font-size: 12px}

.currentCategory {color: #333; margin: 0 0 6px 0; font-size: 90%}
.messagePlayer {border: none; width: 274px; height: 175px}

ol.faqQuestions a {color: #111}
ol.faqQuestions a:hover {color: #000; text-decoration: underline}
ol.faqQuestions li {margin: 0 0 6px 0}

ol.faqAnswers li {margin: 0 6px 6px 0; padding: 0 0 6px 0; border-bottom: 1px dotted #ccc; color: #333; font-size: 90%; border-right: 1px dotted #ccc}
ol.faqAnswers span.highlight2 {color: #000; font-size: 110%; display: block; margin: 0 0 6px 0; padding: 0;}

a.message {background: none; font-weight: bold; padding: 0; margin: 0; dislpay: block}
.messageBox {margin: 0 0 12px 0}

.homeExcerpt {font-size: 90%}

#messageThumbnails {padding: 0 0 0 4px; height: 250px; overflow: auto}
.currentSeries table a {font-weight: bold}
#panel {display: none;}

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}
/* image and left padding for DDs */
#TJK_DL dd {background:url(answer.gif) no-repeat;padding-left:36px}
/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat; padding-left: 16px; color:#000;text-decoration:none}
#TJK_DL dt a:visited {}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:bold}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(/images/expand.gif)}
#TJK_DL .DTminus a {background-image:url(/images/shrink.gif)}
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;cursor:hand}

.breadcrumb {font-size: 10px; text-transform:uppercase; padding: 0 0 8px 0; letter-spacing: 1px}
.videoBreadcrumb {font-size: 11px; padding: 12px 0}
.videoBreadcrumb span {font-size: 10px}
.homeExcerpt {margin: 12px 0 0 0}