.clear{clear:both; padding:0; margin:0} body{ background:top url(images/body_bg.jpg) repeat-x #000000; padding:0; margin:0; color:#FFFFFF; font-size:13px; font-family: Helvetica,Arial, sans-serif; line-height:19px;} a {text-decoration:none; color:#FFFFFF} p {margin:0; padding:6px 0 12px 0} #container {margin:0 auto; width:940px;} #header { height:67px; width:900px; margin:0 auto; position:relative} #mainimage{width:940px;height:180px; margin:0;padding:0; background: center no-repeat url(images/mainimage_bg.png) } #mainimage_holder{width:870px; height:180px;margin:0;padding:0; } #mainimage,#mainimage_holder ul li{list-style:none;margin:0;padding:0; } #contentbg {margin:0 auto; width:900px; background:url(images/content_bg.png) top repeat-y} #contentbgcolour { width:864px; margin:0; margin-left:18px; background: url(images/content_colour_bg.jpg)} #footer{width:864px; margin:0; margin-left:18px; padding:0; height:88px;} #contentbgtop { width:864px; margin:0; margin-left:0px; background:url(images/contenttop_bg.jpg) top center no-repeat} #pagetitlehomebg {width:432px; float:left; margin:0 auto; background:bottom url(images/pagetitle_home_bg.png); height:180px; } #pagetitlehomecontainer{ width:391px;padding:0 22px 19px 7px; line-height:22px; color:#FFFFFF; text-align:justify} #pagetitlehomeiconbg{ background:0px 0px url(images/pagetitle_icon_bg.png) no-repeat; padding-left:12px; padding-bottom:4px} #homepagetitle{float:left; padding:12px 0px 6px 0px} #pagetitle{ padding:12px 0 7px 0px} #pagetitlebg { width:863px; margin:0 auto; background:bottom url(images/pagetitle_bg.png)} #pagetitlecontainer{ width:845px; padding:0 9px 21px 10px;} #pagetitleiconbg{ background:0px 0px url(images/pagetitle_icon_bg.png) no-repeat} #pagetitle{ float:left; padding:12px 10px 10px 10px} #pagetitlenav{float:right; padding:35px 10px 20px 20px; color:#ffffff; font-size:12px;} #pagetitlenav a{ color:#2F98E7; } #pagetitleintro{ clear:both; padding:0px 10px 10px 10px;} #pagecontent { float:left; padding:0px; width:864px; margin:0px; behavior: url(main/iepngfix.htc); background-image:url(images/pagecontent_bg.png); } #pagecontent a{font-weight:bold; text-decoration:underline} /* IE ignores styles with [attributes], so it will skip the following. */ #content4 {width:864px; margin:0 auto; clear:both; position:relative ; height:100%} #pagecontentbg4{width:864px; background: url(images/pagecontent_bg.jpg) top left;opacity: .6; line-height:1px; filter: alpha(opacity = 60); z-index:0; height:100%; position:absolute } #pageconten4t{width:864px; opacity: 1; filter: alpha(opacity = 100); z-index:3; position:relative} #homenewsetter {width:405px; height:30px; margin:0; margin-left:12px; margin-bottom:10px; background:url(images/home_newsletter_bg.jpg);float:left; clear:left; position:relative} #homenewsetter input.field {border:0; position:absolute; left:160px; top:9px; text-align:center; color:#000000; font-size:10px; text-transform:uppercase; font-weight:normal; width:170px;} .submit{position:absolute; right:4px; top:4px} #homenewsettertop {width:405px; height:30px; background:url(images/home_newsletter_bg.jpg);position:relative;left:230px;} #homenewsettertop input.field {border:0; position:absolute; left:160px; top:9px; text-align:center; color:#000000; font-size:10px; text-transform:uppercase; font-weight:normal; width:170px;} #homenewsettertop img.submit{position:absolute; right:4px; top:4px} #homeflash{float:left; clear:left; width:432px; text-align:center} #homenews{float:right; width:432px;} #contentbordertop { height:1px; border-bottom:1px solid #A6A6A6; clear:both; width:864px; margin:0} #contentborderbottom { height:1px; border-top:1px solid #555555; padding-bottom:15px; clear:both; width:864px; margin:0} #contentnews {width:864px; margin:0 auto; clear:both; } #newsshortframehome{width:432px; height:119px; padding:0; margin:0; margin-top:8px; margin-bottom:8px; float:left; background: no-repeat bottom url(images/news_short_bg.png) ;behavior: url(main/iepngfix.htc);} #newsshortframe{width:432px; height:119px; padding:0; margin:0; margin-top:13px; margin-bottom:13px; float:left; background: no-repeat bottom url(images/news_short_bg.png) ;behavior: url(main/iepngfix.htc);} #newsshortavatar{width:114px; height:114px; padding-left:17px; padding-top:4px; float:left} #newsshortavatar img {border:1px solid #FFFFFF; margin:0px; padding:0px; background:#FFFFFF; width:106px; height:106px;} #newsshorttext{ float:right; width:270px; padding-right:10px; padding-top:34px;} #newsshorttitle{ color:#FFFFFF;font-size:14px; line-height:16px; height:18px; font-weight:bold} #newsshortdate{ color:#A9A8A8; font-size:11px; line-height:14px; height:15px; clear:both} #newsshortdesc{ color:#FFFFFF; font-size:12px; line-height:14px; height:31px; clear:both} #newsshortreadmore {color:#268CD6; font-size:12px; line-height:15px; height:16px;} #newsshortreadmore a {color:#268CD6; font-size:12px; line-height:15px; height:16px;} #resultsframe{width:432px; height:119px; padding:0; margin:0; margin-top:13px; margin-bottom:13px; float:left; background: no-repeat bottom url(images/news_short_bg.png) ;behavior: url(main/iepngfix.htc);} #resultsavatar{width:114px; height:114px; padding-left:17px; padding-top:4px; float:left} #resultsavatar img {border:1px solid #FFFFFF; margin:0px; padding:0px; background:#FFFFFF; width:106px; height:106px;} #resultstext{ float:right; width:270px; padding-right:10px; padding-top:31px;} #resultstitle{ color:#FFFFFF;font-size:14px; line-height:16px; height:18px; font-weight:bold} #resultsdate{ color:#A9A8A8; font-size:11px; line-height:14px; height:15px; clear:both} #resultsdesc{ color:#FFFFFF; font-size:12px; line-height:14px; height:31px; clear:both} #resultsreadmore {color:#268CD6; font-size:12px; line-height:15px; height:16px;} #resultsreadmore a {color:#268CD6; font-size:12px; line-height:15px; height:16px;} #logo {float:left; padding:0px 0 0 12px; height:65px; margin:0; overflow:hidden} #menu {float:right; margin:0; margin-top:7px; padding-right:9px; width:640px;} #menu #nav { margin: 0; padding: 0; height:30px; overflow:hidden } #menu #nav li { display: inline; } #menu #nav li a { float: left; height: 0; padding-top: 38px; overflow: hidden; } #menu #nav li a, #menu #nav { background:url(images/menu_bg.jpg); background-repeat: no-repeat; } /*buttons*/ #menu #nav li#home a { background-position: 0 0; width:40px; } #menu #nav li#news a { background-position: -40px 0; width:40px;} #menu #nav li#profile a { background-position: -80px 0; width:54px;} #menu #nav li#sponsors a { background-position: -134px 0; width:69px; } #menu #nav li#calendar a { background-position: -203px 0;width:69px; } #menu #nav li#results a { background-position:-272px 0;width:57px; } #menu #nav li#coverage a { background-position: -329px 0;width:70px; } #menu #nav li#gallery a { background-position: -399px 0; width:59px;} #menu #nav li#videos a { background-position: -458px 0; width:48px;} #menu #nav li#downloads a { background-position: -506px 0; width:77px;} #menu #nav li#contact a { background-position: -583px 0;width:57px; } #menu #nav li#home a:hover { background-position: 0 -30px; width:40px; } #menu #nav li#news a:hover { background-position: -40px -30px; width:40px;} #menu #nav li#profile a:hover { background-position: -80px -30px; width:54px;} #menu #nav li#sponsors a:hover { background-position: -134px -30px; width:69px; } #menu #nav li#calendar a:hover { background-position: -203px -30px;width:69px; } #menu #nav li#results a:hover { background-position:-272px -30px; width:57px; } #menu #nav li#coverage a:hover { background-position: -329px -30px;width:70px; } #menu #nav li#gallery a:hover { background-position: -399px -30px; width:59px;} #menu #nav li#videos a:hover { background-position: -458px -30px; width:48px;} #menu #nav li#downloads a:hover { background-position: -506px -30px; width:77px;} #menu #nav li#contact a:hover { background-position: -583px -30px;width:57px; } /*calendar page on;y */ #calendarframebg {width:864px; padding:0; margin:0; behavior: url(main/iepngfix.htc); overflow:hidden; background-image: url(images/calendar_bg.png) !important; /* Mozilla only */ background-image: url(images/pagecontent_bg.png); /* IE only */ } #calendarframe{width:864px; padding:0; margin:0; margin-bottom:-8px; overflow:hidden} #calendaritem{height:86px; padding-top:6px; float:left; width:432px; line-height:17px;} #calendaritemimage {width:75px; float:left; padding:0; margin:0; text-align:right; line-height:20px; padding-top:3px;} #calendaritemtitle {float:right; text-align:left; width:350px; line-height:20px; padding:0; margin:0; font-size:14px; font-weight:bold } #calendaritemtext {float:right; text-align:left; width:350px; clear:right} #calendaritemlink {float:right; text-align:left; width:350px; clear:right} #calendaritemlink a { text-decoration:none; color:#2F98E7} /*profile page*/ td.profilequestions{ color:#FFFFFF;font-size:14px; line-height:20px; padding:0; height:20px; font-weight:normal; padding-left:20px; background:left center no-repeat url(images/arrow_icon_14.png)} td.profiletextspace {padding-left:20px; padding-bottom:10px;} /* sponsors page */ #sponsorframebg{background:url(images/sponsors_bg.png) 0 0 no-repeat;height:151px; margin:0; width:864px; behavior: url(main/iepngfix.htc); clear:both} #sponsorframe{padding:15px 0; margin:0; width:864px;} #sponsorlogo{ float:left; width:250px; height:151px; padding:0 40px; text-align:center} #sponsortext{ float:left; width:480px; text-align:justify; padding-top:20px;} #sponsorname{ line-height:18px; font-size:14px; font-weight:bold} #sponsordesc{ line-height:18px; font-size:13px;padding-top:1px;} #sponsorwebsite {padding-top:1px;} #sponsorwebsite a{ color:#268CD6;} #videoplayerframe{ margin-top:12px; width:864px; height:364px; background:url(images/videplayer_bg.png) no-repeat ;behavior: url(main/iepngfix.htc);} #videoplayer{float:left; padding:4px 0 0 44px ; margin:0; height:350px;} #videotext{float:right; padding:170px 40px 0 20px; margin:0; width:350px;} #videotitle { font-size:16px; font-weight:bold; line-height:16px; padding-bottom:10px;} #videodesc { font-size:13px; line-height:20px; text-align:justify} #videofilmedby, #videolocation, #videolength{ font-size:13px; line-height:20px; padding:5px 0} #videomenuframe{width:432px; height:119px; padding:0; margin:0; margin-top:13px; margin-bottom:13px; float:left; background: no-repeat bottom url(images/news_short_bg.png) ;behavior: url(main/iepngfix.htc);} #videomenuimage{width:114px; height:114px; padding-left:17px; padding-top:4px; float:left} #videomenuimage img {border:1px solid #FFFFFF; margin:0px; padding:0px; background:#FFFFFF; width:106px; height:106px;} #videomenutext{ float:right; width:270px; padding-right:10px; padding-top:34px;} #videomenutitle{ color:#FFFFFF;font-size:14px; line-height:16px; height:18px; font-weight:bold} #videomenudesc{ color:#FFFFFF; font-size:12px; line-height:19px; clear:both} #videomenulink {color:#268CD6; font-size:12px; line-height:20px;} #videomenulink a {color:#268CD6; font-size:12px; } #desktopbg{ background:url(images/wallpaper_bg.png) top; margin:0; padding:0; width:864px;} #desktopframe {height:400px; width:432px; float:left} #desktopimage{ width:298px; height:198px; margin:5px auto} #desktopimage img{ width:298px; height:198px;} #desktoptitle{width:300px; text-indent:15px; margin:0 auto; font-size:16px; line-height:20px; height:20px; padding-top:8px; font-weight:bold} #desktopsizes{width:300px; margin:0 auto; font-size:13px; line-height:22px; padding-top:6px} #desktopsizesright, #desktopsizesleft{float:left; width:130px; padding-left:20px;} /*Slider Header */ /* CONTACT FORM */ .block { width: 600px; position:relative; } #websites { } * html #websites { } #contact-band { background-image: url(images/tape-1.png); background-repeat: no-repeat; height: 98px; width: 212px; position: absolute; left: -26px; top: -27px; } * html #contact-band { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='images/tape-1.png'); } #contact-content { background-image: url(images/paper-bg.jpg); padding: 40px; } #contact-text { background-image: url(images/contact-header.png); height: 35px; width: 167px; text-indent: -9999px; margin-bottom: 30px; } * html #contact-text { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='images/contact-header.png'); } #form_box p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; color: #666666; margin-bottom: 10px; } .fieldclass { background-image: url(images/field-bg.gif); background-repeat: repeat-x; border: 1px solid #c8c8c8; font-size: 13px; color: #333333; line-height: 13px; padding: 8px; margin-bottom: 20px; width: 360px; } #submitter { height: 44px; width: 114px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-position: top; cursor:pointer; display:block; background-color: transparent; background-image: url(images/send-button.png); } #log { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #666666; padding-top: 20px; }