/* ~~ PAGE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ * { font-family:Verdana, Arial, Helvetica, sans-serif; text-indent:0px; list-style:outside; list-style:none; text-decoration:none; outline:none;} body { font-size:0.85em; background:#FFFFFF; margin:0px; padding:0px; color:#000000; line-height:1.6em;} blockquote { font-size:80%; font-style:italic; padding:0px 0px; margin:5px 10px 10px 15px;} h1, h2, h3, h4, h5, h6 { font-size:1.6em; padding:5px 0px 0px 0px; color:#000000; margin:0px;} h1.fourthLevelMenuTitle { color:#0068c2; font-size:1.4em;font-size:1.2em; font-weight:normal; padding-bottom:10px;padding-bottom:10px; padding-left:28px!important; background: url(../images/tinybutton.gif) no-repeat; height:20px;} h1 { color:#0068c2; font-size:1.4em; font-weight:normal; padding-top:10px;padding-bottom:7px; padding-left:0px;} #objective_statements h1 { text-align:left!important; padding-left:28px; font-size:1.3em; font-weight:bold;} h2 { color:#0068c2; font-size:1.1em; padding:0px; font-weight:normal;} h3 { color:#0068c2; font-size:1.0em; padding:0px; font-weight:normal;} h4 { color:#0068c2; font-size:1.0em; padding:0px; font-weight:bold;} p { font-size:85%; color:#000000; padding:0px 0px 5px 0px; margin:0px; line-height:1.8em;} img { border:none;} table { border-collapse:collapse;} tr { } td { vertical-align:top; padding:0px;} a:link { color:#000000; text-decoration:underline;} a:visited { color:#000000; } a:hover { text-decoration:underline; color:#000000;} a:active { } b, strong { } em, EM { font-size:1.1em; } u { color:#000000;} ul, ol { padding:0px; margin:0px;} ul li { background:url(../images/bullet.gif) 0px 6px no-repeat; padding-left:15px; color:#000000;} ol li { background:none; list-style-type:decimal; padding:0px; list-style-position:inside;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #siteWrapper { margin:9px auto 0px auto; width:1008px;} #header { height:130px; position:relative; background: url(../images/headerGrad.jpg) right 10px no-repeat;} #topBar { height:10px; background:url(../images/topBar_Y.gif) repeat-y top right; } #strapLine { position:absolute; top:72px; right:80px; width:391px; height:17px; background: url(../images/strapLine.gif);} a#logo { position:absolute; top:43px; left:32px; width:213px; height:55px; background:url(../images/tcfLogo.gif) no-repeat;} .TL { position:absolute; font-size:1px; top:0px; left:0px; width:5px; height:5px; background:url(../images/roundCorners.png) top left;} .TR { position:absolute; font-size:1px; top:0px; right:0px; width:5px; height:5px; background:url(../images/roundCorners.png) top right;} .BL { position:absolute; font-size:1px; bottom:0px; left:0px; width:5px; height:5px; background:url(../images/roundCorners.png) bottom left;} .BR { position:absolute; font-size:1px; bottom:0px; right:0px; width:5px; height:5px; background:url(../images/roundCorners.png) bottom right;} #topNav { position:relative; height:33px; background:url(../images/topNavGrad_Y.gif) repeat-x; padding:0px 30px; margin:0px 0px 8px 0px;} #topNav a { color:#FFFFFF; text-decoration:none; line-height:31px; font-size:85%; padding:0px 10px;} #topNav a:hover { text-decoration:underline; color:#FFFFFF;} #topNav form.txtSearch { position:absolute; padding:0px; margin:0px; top:1px; right:15px; } input.txtSearch { padding:0px; margin:0px; color:#000000; height:18px; position:relative; top:-3px;} .searchBttn { position:relative; top:4px; margin-left:4px; padding-left:4px;} html>body .txtSearch { *top:-0px;} #threeCol { background:; width:100%; padding:0px; } #threeCol .LHS { width:191px;} #threeCol .centre { background:; } #threeCol .RHS { width:191px; } a.navLink { background:none!important;} .centre div.wrap { position:relative; padding:0px 0px;} .centre div.innerWrap { padding:0px 14px 0px 30px;} .wrapRight { padding:0px 0px 0px 0px;} #introContent { padding:0px 215px 0px 10px; position:relative;} #introBanner, #introBanner62, #introBanner71, #introBanner49, #introBanner67, #introBanner50, #introBanner51, #introBanner52, #introBanner70, #introBanner69, #introBanner79, #introBanner74 { position:relative; width:816px; height:231px; margin:0px 0px 15px 0px;} #introBanner { background:url(../images/homeHeader.jpg); } #introBanner62 { background:url(../images/homeHeader.jpg); } #introBanner71 { background:url(../images/headers/header_glance.jpg); } #introBanner49 { background:url(../images/headers/header_whatis.jpg); } #introBanner67 { background:url(../images/headers/header_deadline.jpg); } #introBanner50 { background:url(../images/headers/header_checklist.jpg); } #introBanner51 { background:url(../images/headers/header_tips.jpg); } #introBanner52 { background:url(../images/headers/header_caseStudies.jpg); } #introBanner70 { background:url(../images/headers/header_resource.jpg); } #introBanner69 { background:url(../images/headers/header_news.jpg); } #introBanner79 { background:url(../images/headers/header_whatis.jpg); } #introBanner74 { background:url(../images/headers/header_whatis.jpg); } #introStrap, #introStrap62, #introStrap71, #introStrap49, #introStrap67, #introStrap50, #introStrap51, #introStrap52, #introStrap70, #introStrap69, #introStrap79, #introStrap74 { position:absolute; top:10px; right:16px; width:600px; height:34px; background-repeat:no-repeat; background-position: right;} #introStrap { background-image:url(../images/strap_tcf.gif);} #introStrap62 { background-image:url(../images/strap_tcf.gif);} #introStrap71 { background-image:url(../images/straplines/strap_tcf_ataglance.gif);} #introStrap49 { background-image:url(../images/straplines/strap_whatIs.gif);} #introStrap67 { background-image:url(../images/straplines/strap_tcf_deadlines.gif);} #introStrap50 { background-image:url(../images/straplines/strap_tcf_checklist.gif);} #introStrap51 { background-image:url(../images/straplines/strap_tcf_tips.gif);} #introStrap52 { background-image:url(../images/straplines/strap_tcf_case.gif);} #introStrap70 { background-image:url(../images/straplines/strap_tcf_resource.gif);} #introStrap69 { background-image:url(../images/straplines/strap_tcf_news.gif);} #introStrap79 { background-image:url(../images/straplines/strap_tcf_mmr.gif);} #introStrap74 { background-image:url(../images/straplines/strap_tcf_sole.gif);} .introQuote, .introQuote_1, .introQuote_2,.introQuote_3, .introQuote_4,.introQuote_5, #introQuote62, #introQuote71, #introQuote49, #introQuote67, #introQuote50, #introQuote51, #introQuote52, #introQuote70, #introQuote69, #introQuote79, #introQuote74 { position:absolute; top:90px; right:10px; width:356px; height:140px; background-repeat:no-repeat; } .introQuote_1 { background-image:url(/images/quotes/homepage_quote_01.gif);} .introQuote_2 { background-image:url(/images/quotes/homepage_quote_02.gif);} .introQuote_3 { background-image:url(/images/quotes/homepage_quote_03.gif);} .introQuote_4 { background-image:url(/images/quotes/homepage_quote_04.gif);} .introQuote_5 { background-image:url(/images/quotes/homepage_quote_05.gif);} #introQuote62 { background-image:url(../images/quotes/quote_01.png);} #introQuote71 { background-image:url(../images/quotes/ataglance_quote_01.gif);} #introQuote49 { background-image:url(../images/quotes/whatisquote.gif);} #introQuote67 { background-image:url(../images/quotes/deadlines_quote_01.gif);} #introQuote50 { background-image:url(../images/quotes/principles_quote_01.gif);} #introQuote51 { background-image:url(../images/quotes/tips_quote_01.gif);} #introQuote52 { background-image:url(../images/quotes/caseStudy_quote_01.gif);} #introQuote70 { background-image:url(../images/quotes/resourceListQuote.gif);} #introQuote69 { background-image:url(../images/quotes/sole_trader_quote_01.gif);} #introQuote79 { background-image:url(../images/quotes/mmr_quote.gif);} #introQuote74 { background-image:url(../images/quotes/sole_trader_quote_01.gif);} .centre h1 { position:relative; left:-29px; padding-left:22px;} .centre h1 img { float:left; position:absolute; left:0px; top:10px;} .centre a { font-size:85%;} .centre p a { font-size:100%;} .menu { width:182px; position:relative; } .menu ul { margin-bottom:4px; } .menu ul ul { background:none; border:none; margin-bottom:0px;} .menu ul ul ul { } .menu ul li { padding:0px 0px 0px 0px; margin:0px; display:block; border:1px solid #CCCCCC; } .menu ul ul li { border:none; margin-bottom:0px; line-height:1.2em;} .menu ul a { display:block; background:url(../images/menuArrow_01.gif) no-repeat top left; margin:0px 0px; font-size:0.85em; padding:0px 0px 0px 23px; font-weight:bold; color:#0068c2; line-height:1.4em;text-decoration:none; } .menu ul a span { display:block; background:#FFFFFF; padding:0px 0px 0px 0px; } .menu ul a span span { display:block; padding:3px 0px 5px 5px; } .menu ul ul a { display:block; background:none; padding:0px 0px 0px 0px; } .menu ul ul a span { display:block; background:none; padding:0px 0px 0px 0px; } .menu ul ul a span span { display:block; background:none; padding:2px 0px 3px 28px; color:#000000; font-weight:normal; font-size:90%; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; } .menu ul ul ul { background:#fff; border:1px solid #FFFFFF;} .menu ul ul ul li a { background:none!important; font-size:80%; font-weight:normal; padding:0px 0px 0px 0px; } .menu ul ul ul li a:hover { text-decoration:underline;} .menu ul a:hover { background:url(../images/menuArrowPart_02.gif) no-repeat top left; text-decoration:none;} .menu ul a:hover span span { background:#6bace0 url(../images/gradBlue.gif); color:#FFFFFF;text-decoration:none;} .menu ul ul a:hover span span { background:#e0f0fd; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#000000; text-decoration:none;} .menuCornerTL { position:absolute; width:3px; height:3px; background:url(../images/menuCorners.png) top left no-repeat; top:0px; left:0px; font-size:1px; } .menuCornerTR { position:absolute; width:3px; height:3px; background:url(../images/menuCorners.png) top right no-repeat; top:0px; right:0px; font-size:1px; } .menuCornerBL { position:absolute; width:3px; height:3px; background:url(../images/menuCorners.png) bottom left no-repeat; bottom:0px; left:0px; font-size:1px; } .menuCornerBR { position:absolute; width:3px; height:3px; background:url(../images/menuCorners.png) bottom right no-repeat; bottom:0px; right:0px; font-size:1px; } html>body .menuCornerBL, html>body .menuCornerBR{ *bottom:4px; } li.liParentOn a { background:url(../images/menuArrowPart_02.gif) no-repeat top left; color:#FFFFFF;} li.liParentOn a span span { background:#6bace0 url(../images/gradBlue.gif); color:#FFFFFF;} li.li2Level { background:#acacac;display:none!important;} li.li1Level_show { background:#ffffff;} li.li2Level_show { } li.li2Level_show a span span { color:red!important;} li.li2Level_show a:hover span span { text-decoration:underline!important; background:#FFFFFF!important;} li.liParentOn { } .li1Level_show ul { display:none;} .li2Level_show { background:#fff; } div.box { margin:20px 0px;background: #ecf7e4 url(/images/boxTop.gif) repeat-x top left; border:2px solid #FFFFFF; } table.box tr td p { padding:5px; font-size:100%} p span table tr td { background:#ecf7e4; padding:5px; margin:0px;} p span table tr td p { font-size:100%;} .bWrap_01 { background:url(../images/boxBottom.gif) repeat-x bottom left; padding:0px; margin:0px;} .bWrap_02 { background:url(../images/boxLeft.gif) repeat-y top left; padding:0px; margin:0px; } .bWrap_03 { background:url(../images/boxRight.gif) repeat-y top right; padding: 10px; position:relative; } .bWrap_03 .TLeft { position:absolute; top:0px; left:0px; width:3px; height:3px; background:url(../images/greenCorners.gif) top left;} .bWrap_03 .TRight { position:absolute; top:0px; right:0px; width:3px; height:3px; background:url(../images/greenCorners.gif) top right;} .bWrap_03 .BLeft { position:absolute; bottom:0px; left:0px; width:3px; height:3px; background:url(../images/greenCorners.gif) bottom left;} .bWrap_03 .BRight { position:absolute; bottom:0px; right:0px; width:3px; height:3px; background:url(../images/greenCorners.gif) bottom right;} .box.bWrap_03 p a { text-decoration:none;} td.centre .wrap h2 { color:; font-weight:normal; padding:10px 0px 15px 0px; font-size:1.2em;} td.centre .wrap .box h1 { text-align:left!important; font-weight:normal; top:5px; left:-28px!important; color:#547a39;} td.centre .wrap .box h2 { text-align:centre!important; color:#547a39; font-weight:bold; font-size:1em; padding-bottom:10px; } td.centre .wrap .box h3 { text-align:centre!important; color:#547a39; font-weight:bold; font-size:0.9em; padding-bottom:10px; } td.centre .wrap .box a { color:#547a39; } table.box { background: #ecf7e4; margin:10px 0px;} table.box tr th { border:1px solid #ccc; padding:5px 0px;} table.box tr td { border:1px solid #ccc;} table.box tr td h2 { padding:10px 10px!important; line-height:20px!important; font-size:110%!important; } td.centre .wrap ul { padding:0px 0px 5px 0px;} td.centre .wrap ul li { font-size:85%; padding-left:20px; background:url(../images/bulletList.png) 8px 9px no-repeat; } td.centre .wrap ol li { font-size:85%; padding-left:0px; margin-left:20px; background:none; list-style-position:outside;} td.centre .wrap ul.tick li { background:url(../images/tick.png) 0px 5px no-repeat;} td.centre .wrap .box ul li { background:url(../images/bulletListGreen.png) 8px 9px no-repeat;} td.centre a { text-decoration:underline; color:#0066cc; cursor:pointer; z-index:2;} td.centre a:hover { color:#000000;} td.centre ul li ul li { font-size:110%!important;} td.centre ul li a { font-size:110%!important;} html>body .menu ul a span { *line-height:2em!important;} html>body .menu ul a span span { *padding:0px 0px 0px 5px!important;} td.formtext { padding-right:10px;} #objective_statements table { font-size:90%;} #objective_statements input#textfield1 { } .xtraInfo { background:url(../images/GradXtraLite.gif) bottom left repeat-x; font-size:100%; position:relative; margin-bottom:7px;} .xtraHead { background:#CCCCCC url(../images/gradGeneric.gif) repeat-x; color:#FFFFFF; height:30px; line-height:29px; padding-left:5px; border-bottom:1px solid #cccccc; } .xtraWrap { padding:5px 10px 10px 10px; line-height:1.5em; font-size:80%; } .xtraHead a { color:#FFFFFF; text-decoration:none!important; padding-left:26px; display:block; font-weight:bold; font-size:90%; } .printBlue { background: url(../images/gradPrint.gif) repeat-x;} div.blog,div.htopics,div.register, .colleague { background:url(../images/gradOrange.gif) repeat-x;} .downloads { background: url(../images/gradPurple.gif) repeat-x;} .printBlue a { background:url(../images/iconPrint.gif) no-repeat 0px 4px; color:#ffffff!important;} td.formInput p a { background:none} table.register tr td { padding:0px 0px 5px 0px;} table.feedback tr td { padding:0px 0px 5px 0px;} table.feedback tr td.formtext { padding-right:10px;} .blog a { background:url(../images/iconBlog.gif) no-repeat 0px 4px; color:#000000!important;} .htopics a { background:url(../images/iconHtopics.gif) no-repeat 0px 4px; color:#000000!important;} .register a { background:url(../images/iconRegister.gif) no-repeat 0px 4px; color:#000000!important;} .colleague a { background:url(../images/iconColleague.gif) no-repeat 0px 4px; color:#000000!important; } .downloads a { background:url(../images/iconDownloads.gif) no-repeat 0px 4px; color:#FFFFFF!important; } .generic a { background:url(../images/iconGeneric.gif) no-repeat 0px 4px; color:#FFFFFF!important; } .xtraWrap a { text-decoration:none!important;} #xtraIntro { width:191px; position:absolute; top:0px; right:0px; } .content_links a { margin-left:-10px; padding-left:15px;} .content_links a:hover { margin-left:-10px; padding-left:15px; text-decoration:underline!important;} #footer { text-align:center; font-size:90%; background:; margin:10px 0px 30px 0px;} a.sb { float:right;} #footer p { line-height:1.2em;} #footer a:hover { color:#0066cc;} #bannerWrap { padding-bottom:10px; } table.indicators { width:100%; margin:10px 0px;} table.indicators th { background:url(/images/grad_indicators.gif) #2a0f59; color:#FFFFFF; height:30px; font-size:90%; } table.indicators tr td { border:1px solid #CCCCCC; font-size:80%; padding:5px 10px 20px 10px; font-size:85%; line-height:1.8em; } table.indicators tr td.centre { text-align:center; font-weight:bold; font-size:90%; vertical-align:middle; border:none; border-bottom:1px #CCCCCC solid; background:url(/images/driverBgrnd.gif) no-repeat center!important; width:180PX;} table.indicators tr td.purpleRight { vertical-align:middle; padding:5px 10px 20px 27px;background:#edeaf4 url(/images/leftArrow.gif) no-repeat left!important;} table.indicators tr td.greenRight { vertical-align:middle; padding:5px 10px 20px 27px;background:#eff6f3 url(/images/leftArrow.gif) no-repeat left!important;} table.indicators tr td.purpleLeft { vertical-align:middle; padding:5px 27px 20px 10px;background:#edeaf4 url(/images/rightArrow.gif) no-repeat right!important;} table.indicators tr td.greenLeft {vertical-align:middle; padding:5px 27px 20px 10px;background:#eff6f3 url(/images/rightArrow.gif) no-repeat right!important;} .triangleGreenL, .triangleGreenR { border:none!important;} .trianglePurpL, .trianglePurpR , .trianglePurpL { border:none!important;} a.a2Level span.on { background:#FFFFFF url(../images/l3Line.gif) no-repeat 15px 13px; color:#000000!important; padding-left:25px!important; text-decoration:underline!important; padding-right:10px!important;} a.a2Level:hover span.on { background:#FFFFFF url(../images/l3Line.gif) no-repeat 15px 13px;} a.a2Level span.off { background:none; color:#777777!important; padding-left:25px!important; padding-right:10px!important;} .li1Level_show_highlight { background:#e0f0fd;} li.liParentOn ul li span span { padding-left:10px; } ul.siteMap {} ul.siteMap ul li a { font-size:80%!important;} /* ul.linkButton li { background:none!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;} ul.linkButton li a { background:url(../images/smallLinkButton.gif) no-repeat; padding:0px 0px 0px 20px!important} */ #admin { background: #999999; border-bottom: 1px solid #000000; height: 16px; line-height: 16px; padding: 2px 20px; font-size: 11px;} #admin a, #admin p { color: #FFFFFF !important; border: 0px !important; } #admin a:hover { text-decoration: underline !important; border: 0px !important; } #admin a.editHome { background: url(../images/admin_home.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; } #admin a.editPage { background: url(../images/admin_edit.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; } #admin a.xmlView { background: url(../images/admin_xml.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; } .required { color:red;} div.private_area a { background:url(../images/private_area_nav_grad_on.jpg) no-repeat top left; } div.private_area a { display:block; margin:0px 0px; font-size:1em; padding:0px 0px 0px 40px; font-weight:bold; color:#478109 !important; height:33px;text-decoration:none; line-height:220%; } /* ~~ IE6 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ */ *html .TL { behavior: url(../css/iepngfix.htc); background:url(../images/roundCornersTL.png); } *html .TR { behavior: url(../css/iepngfix.htc); background:url(../images/roundCornersTR.png); } *html .BL { behavior: url(../css/iepngfix.htc); background:url(../images/roundCornersBL.png); } *html .BR { behavior: url(../css/iepngfix.htc); background:url(../images/roundCornersBR.png); } *html #topNav { height:32px; } *html .txtSearch { position:relative; top:0px!important;} @media print { #noPrint {display:none;}} @media screen { #noPrint {padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; } /*~~~~~~~~~~~~~~~~~~~~~| UPCOMING MEETING BOX |~~~~~~~~~~~~~~~~~~~~~~~~*/ .upcoming_meeting_header { background:url(../images/header_green_background2.jpg) no-repeat top left; display:block; margin:0px 0px; font-size:1em; padding:0px 0px 0px 42px; font-size:12px; font-weight:bold; color:#478109 !important; height:33px;line-height:220%; } .upcoming_meeting_content { width:174px; border:1px solid #ccc; border-top:none; padding:3px; font-size:11px; background:url(../images/upcoming_meet_grad.jpg) repeat-x; min-height:50px; } .upcoming_meeting_content { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.4, rgb(197,214,143)), color-stop(0.93, rgb(236,240,231)) ); } .upcoming_meeting_content { background: -moz-linear-gradient( center top, rgb(197,214,143) 40%, rgb(236,240,231) 93% ); } .upcoming_meeting_content ul { margin-left:5px;} .upcoming_meeting_content ul li { background:url(../images/bulletListgreen.png) 0px 9px no-repeat;padding-left:10px; padding-bottom:5px; line-height:120%; } #promoLink { position:absolute; top:-4px; right:-4px; width:150px; height:150px; background:url(../images/winNano3.png); z-index:23; text-decoration:none;} a#promoLink span { display:block; width:150px; height:150px; background:url(../images/winNanoAni.gif);} /*html>body ol li { *padding:0px; *margin:0px 0px 0px 25px; }*/