/* CSS Document ---------- Careers and Parents ---------- */
html, body { height: 100%; font-size: 62.5%; }
body { margin: 0; padding: 0; font-size:1.0em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; background:url(../../_global/images/breadcrumbs_home_bg.gif) repeat-x #f6d900 0px 150px; }
#bodycontent { width:965px; padding:0px; margin:0px; }
.clear { clear:both; }

/*Image Replacement - saves duplication of below through stylesheet*/
.ir { display: block; text-indent: -9999px; font-size: 1%;}

/* ---------- Headings ---------- */
h1 { font-size: 1.05em; color:#fff; text-align:left; padding:0; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; clear: both; }
h3 { font-size: 1.1em; margin: 0 0 0.7em 0; font-weight: bold; }
h4 { font-size: 1.0em; color:#000; text-align:left; padding:0 0 3px 0; margin:0; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
p { line-height:1.4em; margin: 0 0 1.2em; }
a:link, a:visited { text-decoration:underline; color:#005aa2; }
a:hover { text-decoration:none; color:#B01F08; }

/* --- Nav Bar ---------- */
.top_nav_bar { height:32px; width:100%; background:url(../../_global/images/top_net_bar.gif) no-repeat left top #005aa2; padding:7px 0 0 0; margin:0; }
.networking_bar { float:left; height:27px; width:300px; padding:0; margin:0;}
.networking_bar p, .join_us_at p { float:left; font-size:1.1em; color:#005aa2; padding:5px 5px 0 10px; margin:0;}
.networking_bar select { width: 147px; float:left; font-size: 10px; padding: 2px; margin: 3px 0 0 5px;}
.networking_holder { width:967px; }
.join_us_at { float:right; height:27px; width:456px; padding:0; margin:0 5px 0 0;}
.join_us_at ul { float:left; padding:0; margin:0; }
.join_us_at li { float:left; list-style:none; }
.join_us_at li a { display: block; height: 27px; width: 22px; background-repeat: no-repeat; }
.fb { background-image: url(../../../_global/images/facebook.gif); }
.mys { background-image: url(../../../_global/images/myspace.gif); }
.yt { background-image: url(../../../_global/images/youtube.gif); }
.twi { background-image: url(../../../_global/images/twitter.gif); }
.be { background-image: url(../../../_global/images/bebo.gif); }
.ning { background-image: url(../../../_global/images/ning.gif); }
.addthis_button { float:right; margin-top:2px; }

/* ---------- Header ---------- */
div#header { height:111px; width:100%; background: url(../../_global/images/header_bg.gif) repeat-x #005aa2; padding:0px; margin:0px; }
div#search_login { height:70px; width:500px; background:#005aa2; padding:0px; margin:0px; }
div#links_bar { height:32px; width:100%; float: left; background:#005aa2; padding:0px; margin:0px; }
.logo a { width:125px; height:79px; display: block; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/jtllogo.gif) no-repeat #005aa2; float:left; padding:0px; margin:0px; }
.logo h1 { padding:0px; margin:0px; }
.site_name { float:left; background:url(../../_global/images/site_name.jpg) no-repeat; height:79px; width:170px; padding:0; margin:0; }
.site_name_parents { float:left; background:url(../../../parents/_global/images/site_name.jpg) no-repeat; height:75px; width:170px; padding:0; margin:0; }
.mid_header { float:left; width:300px; display:inline; padding:33px 0 0 87px; margin:0; }

/* ---------- Search & Login ---------- */
#search { width:200px; height:30px; display:inline; padding:0; margin:0; }
#login { padding:0 0 0 0; margin:3px; width:250px; color:#fff; position:absolute; top:39px; left:714px; border-left:1px solid #0A7DD9; }
.logintitle { padding:2px 0 0 7px; margin:0; width:43px; height:16px; float:left; color:#fff; font-size:1.05em; font-weight:bold; background-color:#0A7DD9; display: block; }
.forgot_password { float:left; padding-left:60px; margin:3px 0; display:inline; font-size:1em; }
.forgot_password a { text-decoration: underline; color:#fff; font-size:1em; }
.forgot_password a:hover { text-decoration: none; }
.search { font-size:9px; color:#fff; clear:left; margin:0; padding:0; }
.search label { font-size:9px; width:54px; float:left; display:block; margin:8px 0 0 5px; padding:0; }
.log_input { width:140px; height:18px; float:left; font-size:11px; color:#333; margin:4px 4px 0 4px; padding:0; }
.go_btn { margin-top:30px; }
.search_input { width:180px; height:18px; float:left; font-size:11px; color:#333; margin:0 4px 0 0; padding:0; }

/* --- Navigation ---------- */
#nav { height:28px; padding:2px 0 0 6px; }

/* --- Breadcumbs ---------- */
#breadcrumbs { color:#000; width:750px; height:24px; margin:0; padding: 8px 0 0 15px; clear: both;}
#breadcrumbs li { list-style: none; display: inline; }
#breadcrumbs li a { color:#005aa2; font-weight:bold; }

/* ------------- Left Column Second Navigation ---------- */
#second_nav { width:228px; float:left; padding:0px; top: 0px; z-index:10; position: relative; }

/* ---------- Top Left News Headlines ---------- */
.news { width:228px; display:block;	float:left; margin:0; padding:0;}
.news_title { width: 228px; height:29px; background: url(../../_global/images/news_headline.gif) no-repeat #0a7dd9; display:block; text-indent: -9999px; font-size: 1%; margin:0; padding:0;}
.news_title a { width: 228px; height:29px; display:block; }
.news_story { width:240px; height:55px; margin:2px 0 2px 0; padding:0; _margin:1px 0 0 0;}
.news_story img { width:52px; height:51px; float:left; margin:0 0 0 12px; padding:0; border:solid 2px #005aa2;}
.story { width:150px; height:54px; float:left; background:url(../../_global/images/news_headline_grad.jpg) top left repeat-x #f6d900; margin:0; padding:0 0 0 10px;}
.news_head { color:#005aa2; padding:0px; margin:5px 0;}
.news_head a, .news_head a:visited { color:#005aa2; text-decoration: underline; padding:0px;}
.news_head a:hover { color:#cb0909; text-decoration: underline;}
.story p { font-size: 1.0em; padding:0px; margin:5px 0 0 0; line-height:1.2em;}
.news_footer { margin:0 0 0 12px; border-bottom:solid 2px #0a7dd9;}

/* ------------- Home - Left Column Buttons --------------*/
.btn_greatcareer a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/btn_promo_career.jpg); background-repeat:no-repeat; margin:12px 0 0 12px; }
.btn_greatcareer a:hover { background:url(../../_global/images/btn_promo_career.jpg) no-repeat bottom; }
.btn_paytraining a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/btn_promo_training.jpg); background-repeat:no-repeat; margin:12px 0 0 12px; }
.btn_paytraining a:hover { background:url(../../_global/images/btn_promo_training.jpg) no-repeat bottom; }
.btn_locator a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/btn_promo_locator.jpg); background-repeat:no-repeat; margin:12px 0 0 12px; }
.btn_locator a:hover { background:url(../../_global/images/btn_promo_locator.jpg) no-repeat bottom; }
.btn_officer a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/btn_promo_officer.jpg); background-repeat:no-repeat; margin:12px 0 0 12px; }
.btn_officer a:hover { background:url(../../_global/images/btn_promo_officer.jpg) no-repeat bottom; }

/* ---------- Home - Middle Column ---------- */
#main_welcome { text-align:left; background-color:#f6d900; width:475px; min-height:540px; height:auto !important; height:540px; float:left; padding:0px; margin:0px; }
#main_welcome h2 { background:url(../../_global/images/headings/header_welcome.gif) no-repeat #005aa2; height:61px; }
#home_content { font-size: 1.05em; text-align:left; background-color:#f6d900; width:475px; padding:0 23px; line-height:1.5em; float:left; margin:0px; }
h2 { height:65px; display: block; text-indent: -9999em; font-size: 1%; margin:0px; padding:0px; }
.intromsg { width:475px; height:55px; background:url(../../_global/images/home_panel_bg.jpg) repeat-x #005aa2; }
.intromsg p { font-size: 1.05em; color:#fff; width:457px; padding: 0 0 0 12px; margin:0;  }
.intromsg p a { color:#fff; text-decoration:underline;}
.introimages { width:475px; height:295px; background-color: #fff; margin:0; }
.btn_advanced a { width: 127px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_01.gif) no-repeat; margin:13px 0 0 0; }
.btn_motor a { width: 82px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_02.gif) no-repeat; margin:13px 0 0 0; }
.btn_plumb a { width: 66px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_03.gif) no-repeat; margin:13px 0 0 0; }
.btn_heat a { width: 66px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_04.gif) no-repeat; margin:13px 0 0 0; }
.btn_ele a { width: 66px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_05.gif) no-repeat; margin:13px 0 0 0; }
.btn_eng a { width: 68px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/advanced_home_06.gif) no-repeat; margin:13px 0 0 0; }

/* ------------- Right Column --------- */
#right { width:216px; padding:0px; position: static; float:right; margin-top:0px; }

/* ------- Video Player ----------- */
.vp_head { width: 216px; height:32px; display: block; background: url(../../_global/images/vp_home_header.gif) no-repeat; text-indent: -9999px; font-size: 1%; margin:0; }
.vp { width: 216px; height:169px; display: block; background: #0a7dd9; margin:0; padding:3px 0 0 0; }
.vp_channel { width: 210px; height:40px; display: block; display: inline; float:left; background: url(../../_global/images/vp_channel_bg.gif) no-repeat; margin:0 0 2px 3px; padding:0; }
.vp_channel img { width: 35px; height:35px; display: block; display:inline; margin:2px 2px; padding:0; float:left; }
.vp_channel p { width:100px; color:#005aa2; font-size:10px; font-weight:bold; margin:5px 0 0 30px; padding:0; float:left; }
.vp_channel .play a { width: 40px; height:40px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/vp_play.gif) no-repeat; margin:0 0 0 0; }
.vp_channel .play a:hover { background:url(../../_global/images/vp_play.gif) no-repeat 0 -40px; }
.vp_screen { width: 213px; height:169px; display: block; background: #0a7dd9; margin:0; padding:3px 0 0 3px; overflow: auto;}

/* --- Home - Promos ----- */
.btn_promo1 a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/btn_promo_support.jpg) no-repeat; margin:12px 0 0 0; }
.btn_promo1 a:hover { background:url(../../_global/images/btn_promo_support.jpg) no-repeat bottom; }
.btn_promo2 a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/btn_promo_apply.jpg) no-repeat; margin:12px 0 0 0; }
.btn_promo2 a:hover { background:url(../../_global/images/btn_promo_apply.jpg) no-repeat bottom; }
.btn_promo3 a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/btn_promo_committed.jpg) no-repeat; margin:12px 0 0 0; }
.btn_promo3 a:hover { background:url(../../_global/images/btn_promo_committed.jpg) no-repeat bottom; }
.btn_promo4 a { width: 216px; height:92px; display: block; float:left; text-indent: -9999px; font-size: 1%; background: url(../../_global/images/btn_promo_locator.jpg) no-repeat; margin:12px 0 0 0; }
.btn_promo4 a:hover { background:url(../../_global/images/btn_promo_locator.jpg) no-repeat bottom; }

/* ---------- Footer ---------- */
#footer { height:70px; width:100%; background:url(../../_global/images/footer_bg.jpg) repeat-x #0A7DD9; border-top:#fff solid 3px; padding:6px 0 0 0; margin:0;}
#logo_strip { height:58px; padding:0; margin:0; list-style: none; }
#logo_strip li { float: left;	margin: 0;	padding: 0;	height: 64px; }
#logo_strip li a { display: block; text-indent: -5000px; height: 48px; background-repeat: no-repeat; }
.left_footer_contact { float:left; width:102px; }
.footer_contactus a { background:url(../images/footer/contactus.gif) no-repeat left top; width:102px; height:28px; display:block; }
.footer_contactus a:hover { background:url(../images/footer/contactus.gif) no-repeat bottom; }
.footer_phonenumber { background-image: url(../images/footer/phonenumber.gif); width: 102px; height:23px; }
.footer_unite { background-image: url(../images/footer/footer_02.gif); width: 49px; }
.footer_eca { background-image: url(../images/footer/footer_03.gif); width: 96px; }
.footer_lsc { background-image: url(../images/footer/footer_04.gif); width: 100px; }
.footer_wag { background-image: url(../images/footer/footer_05.gif); width: 85px; }
.footer_matrix { background-image: url(../images/footer/footer_06.gif); width: 110px; }
.footer_padp { background-image: url(../images/footer/footer_07.gif); width: 65px; }
.footer_iso { background-image: url(../images/footer/footer_08.gif); width: 96px; }
.footer_beacon { background-image: url(../images/footer/footer_09.gif); width: 69px; }
.footer_goodday { background-image: url(../images/footer/footer_10.gif); width: 59px; }
.footer_iip { background-image: url(../images/footer/footer_11.gif); width: 134px; }
