/* CSS style sheet for QEDI written by eclectic designs, aberdeen - 2006 */ /* _____________________________________________________________________________________________________ */ /* START - Redefined HTML Tags */ html {margin: 0px; padding: 0px;} form {margin: 0px; padding: 0px; text-align: right; vertical-align: middle;} /* END - Redefined HTML Tags */ /* _____________________________________________________________________________________________________ */ /* START - Main Page Structure Formatting */ #mainWrapper { text-align: left; position: relative; background-color: #f5f8f9; width: 870px; border-right-width: 3px; border-left-width: 3px; border-right-style: solid; border-left-style: solid; border-right-color: #f5f8f9; border-left-color: #f5f8f9; background-image: url(../images/logoBgrndTint.gif); background-repeat: no-repeat; background-position: right bottom; padding: 0px; float: left; margin: 0px; } #topWrapper {width: 870px;} #imageWrapper {margin: 0px; padding: 0px; height: 180px; width: 870px; clear: left;} #navigationWrapper {height: 28px; width: 870px; clear: left; border-top-width: 8px; border-top-style: solid; border-top-color: #f5f8f9;} #breadcrumbTrail { width: 870px; padding-top: 5px; padding-bottom: 5px; height: 15px; float: left; } #contentWrapper { float: left; width: 870px; } #columnOne {float: left; width: 225px;} #columnTwo { float: left; width: 595px; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; } #columnThree { float: left; width: 225px; } #footerWrapper {width: 870px; margin: 0px; padding: 5px 0px 13px; clear: left;} /* END - Main Page Structure Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Top Links Area Formatting */ #topLinks {float: left; margin: 0px; padding: 0px; width: 435px;} ul#topNavList {margin: 0px; padding: 0px 0px 0px 10px;} #topNavList li {display: inline; list-style-type: none;} #topNavList a:link, #topNavList a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #000033; padding-left: 10px; text-decoration: none; line-height: 60px; color: #000033; background-image: url(../images/SquareBullet.gif); background-repeat: no-repeat; background-position: left center; padding-right: 8px;} #topNavList a:hover {color: #57bcde;} /* END - Top Links Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Site Search Area Formatting */ #siteSearch {text-align: right; margin: 0px; padding: 0px 10px 0px 0px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #08143c; text-decoration: none; line-height: 60px;} .searchSiteBox {font-family: Arial, Helvetica, sans-serif; color: #ffffff; background-color: #08143c; border: 0px none; height: 18px; width: 180px; font-size: 1.2em; font-weight: normal;} /* END - Site Search Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Logo Area Formatting */ #qediLogo {display: block; float: left; background-image: url(../images/qediLogo.gif); background-repeat: no-repeat; height: 180px; width: 435px;} /* END - Logo Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Main Navigation Area Formatting */ /* structure divs */ #navTheQediGroup {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} #navCommissioning {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} #navGoTechnology {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} #navProjectResources {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} #navTraining {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} #navValuedPartners {width: 145px; height: 28px; padding: 0px; margin: 0px; float: left;} /* function to control the up and over status */ #navTheQediGroup a span, #navCommissioning a span, #navGoTechnology a span, #navProjectResources a span, #navTraining a span, #navValuedPartners a span {display: none;} #navTheQediGroup a:link, #navTheQediGroup a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navTheQediGroup.gif); background-repeat: no-repeat; background-position: 0 0;} #navTheQediGroup a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navTheQediGroup.gif); background-repeat: no-repeat; background-position: 0 -28px;} #navCommissioning a:link, #navCommissioning a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navCommissioning.gif); background-repeat: no-repeat; background-position: 0 0;} #navCommissioning a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navCommissioning.gif); background-repeat: no-repeat; background-position: 0 -28px;} #navGoTechnology a:link, #navGoTechnology a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navGoTechnology.gif); background-repeat: no-repeat; background-position: 0 0;} #navGoTechnology a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navGoTechnology.gif); background-repeat: no-repeat; background-position: 0 -28px;} #navProjectResources a:link, #navProjectResources a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navIntegratedResource.gif); background-repeat: no-repeat; background-position: 0 0;} #navProjectResources a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navIntegratedResource.gif); background-repeat: no-repeat; background-position: 0 -28px;} #navTraining a:link, #navTraining a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navTraining.gif); background-repeat: no-repeat; background-position: 0 0;} #navTraining a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navTraining.gif); background-repeat: no-repeat; background-position: 0 -28px;} #navValuedPartners a:link, #navValuedPartners a:visited {display: block; width: 145px; height: 28px; background-image: url(../images/navValuePartners.gif); background-repeat: no-repeat; background-position: 0 0;} #navValuedPartners a:hover {display: block; width: 145px; height: 28px; background-image: url(../images/navValuePartners.gif); background-repeat: no-repeat; background-position: 0 -28px;} /* END - Main Navigation Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Breadcrumb Area Formatting */ #breadcrumbTrail h4 {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000033; font-weight: bold; padding-left: 15px;} #breadcrumbTrail ul {display: inline; padding-left: 0px; margin-left: 0px;} #breadcrumbTrail ul li a, #breadcrumbTrail ul li a:link {font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; color: #08143c; text-decoration: none; padding-bottom: 2px; padding-right: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57bcde; padding-left: 0px; padding-top: 0px; margin-right: 3px; margin-left: 3px;} #breadcrumbTrail ul li a:hover {color: #57bcde; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} #breadcrumbTrail ul li a:active {color: #57bcde; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} #breadcrumbTrail ul li {display: inline; background-image: url(../images/BreadCrumbArrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 17px;} /* END - Breadcrumb Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Column One - Sub Menu Area Formatting */ #subMenuWrapper { top: 0px; left: 0px; width: 220px; padding: 0px; margin-top: 20px; margin-bottom: 20px; } .subMenuTopGraphic {display: block; float: none; width: 210px; padding: 0px; margin: 0px; height:28px; background-image: url(../images/subNavDecTop.gif); background-repeat: no-repeat; background-position: left top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f5f8f9;} .subMenuBottomGraphic {display: block; float: none; width: 210px; padding: 0px; margin: 0px; height: 28px; background-image: url(../images/subNavDecBottom.gif); background-repeat: no-repeat; background-position: left top;} .subMenuLinkWrapper {display: block; margin: 0px; padding: 0px; width: 210px; border-bottom: 1px solid #f5f8f9;} /* sub menu main menu item styling */ .subMenuMainItem {display: block; width: 210px; border-bottom: 1px solid #f5f8f9;} .subMenuMainItem a {display: block; float: none; width: 205px; text-decoration: none; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #08143c; padding-top: 7px; padding-bottom: 7px; padding-left: 5px; background-image: url(../images/SubNavMainItemUp.gif); background-repeat: repeat-y;} .subMenuMainItem a:hover {display: block; float: none; width: 205px; padding-left: 5px; color: #08143c; background-image: url(../images/SubNavMainItemOver.gif); background-repeat: repeat-y;} /* sub menu sub item styling */ .subMenuSubItem {display: none; width: 210px;} .subMenuSubItem a {display: block; width: 195px; text-decoration: none; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: normal; color: #08143c; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-left: 5px solid #08143c; border-top: 0px; border-right: 0px; border-bottom: 0px; background-image: url(../images/SubNavSubItemUp.gif); background-repeat: repeat-y;} .subMenuSubItem a:hover {display: block; float: none; width: 195px; padding-left: 10px; border-left: 5px solid #57bcde; color: #08143c; border-top: 0px; border-right: 0px; border-bottom: 0px; background-image: url(../images/SubNavSubItemOver.gif); background-repeat: repeat-y;} /* END - Column One - Sub Menu Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Column Two - Text Area Formatting */ /* p, h1, h2 h3, ans h4 tags */ #columnTwo p, #internationalLocations p { font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; line-height: 1.8em; text-align: justify; } #columnOne h1, #columnTwo h1, #internationalLocations h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 2px; border-right-style: solid; border-right-color: #57bcde; border-bottom-color: #57bcde; padding-bottom: 4px; padding-top: 2px; padding-right: 7px; padding-left: 0px; color: #08143c; display: inline; font-weight: lighter;} #columnTwo h2, #internationalLocations h2 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-top: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 2px; border-right-style: solid; border-right-color: #57bcde; border-bottom-color: #57bcde; padding-bottom: 4px; padding-top: 2px; padding-right: 7px; padding-left: 0px; color: #08143c; display: inline; font-weight: lighter;} #columnTwo h4, #internationalLocations h4 { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.6em; font-weight: normal; } #columnTwo a, #columnTwo a:link, #internationalLocations a, #internationalLocations a:link { color: #08143c; text-decoration: none; padding-bottom: 2px; padding-right: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57bcde; padding-left: 0px; padding-top: 0px; } #columnTwo a:hover, #internationalLocations a:hover {color: #57bcde; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} #listItemStyle {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.7em; margin-left: 0px;} #BulletPointListStyle { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; line-height: 1.7em; list-style-type: square; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 20px; } /* END - Column Two - Text Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Column Three - Case Studies Area Formatting */ .dropDownTab {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; background-color: #08143c; border: 1px solid #08143c; width: 220px; height: 18px;} /* END - Column Three - Case Studies Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Icon Area Formatting */ #iconWrapper {border-top-width: 1px; border-top-style: solid; border-top-color: #57bcde; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57bcde; text-align: center;} #iconWrapper ul {display: inline;} /* back to top icon */ ul#backtotopIcon {margin: 0px; padding: 0px; white-space: nowrap;} #backtotopIcon li {display: inline; list-style-type: none;} #backtotopIcon a:link, #backtotopIcon a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #08143c; padding-left: 32px; padding-top: 13px; padding-bottom: 13px; text-decoration: none; line-height: 40px; color: #000033; background-image: url(../images/BackToTopIconUp.gif); background-repeat: no-repeat; background-position: left center; padding-right: 17px; border: none;} #backtotopIcon a:hover {color: #57bcde; background-image: url(../images/BackToTopIconOver.gif); background-repeat: no-repeat; background-position: left center; border: none;} /* printpage icon */ ul#printpageIcon {margin: 0px; padding: 0px; white-space: nowrap;} #printpageIcon li {display: inline; list-style-type: none;} #printpageIcon a:link, #printpageIcon a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #08143c; padding-left: 33px; padding-top: 13px; padding-bottom: 13px; text-decoration: none; line-height: 40px; color: #000033; background-image: url(../images/PrintIconUp.gif); background-repeat: no-repeat; background-position: left center; padding-right: 17px; border: none;} #printpageIcon a:hover {color: #57bcde; background-image: url(../images/PrintIconOver.gif); background-repeat: no-repeat; background-position: left center; border: none;} /* printpage icon */ ul#tellacolleagueIcon {margin: 0px; padding: 0px; white-space: nowrap;} #tellacolleagueIcon li {display: inline; list-style-type: none;} #tellacolleagueIcon a:link, #tellacolleagueIcon a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #08143c; padding-left: 33px; padding-top: 13px; padding-bottom: 13px; text-decoration: none; line-height: 40px; color: #000033; background-image: url(../images/EmailIconUp.gif); background-repeat: no-repeat; background-position: left center; border: none;} #tellacolleagueIcon a:hover {color: #57bcde; background-image: url(../images/EmailIconOver.gif); background-repeat: no-repeat; background-position: left center; border: none;} /* END - Icon Area Formatting */ /* _____________________________________________________________________________________________________ */ /* START - Footer Links Area Formatting */ #footerWrapper { width: 870px; margin: 0px; padding: 0px; } #footerArea { border-top-width: 1px; border-top-style: solid; border-top-color: #57bcde; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57bcde; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; width: 870px; margin: 0px; float: left; } /* accreditation logo */ #accreditationLogos { padding: 0px; margin: 0px; text-align: left; width: 180px; float: left; background-image: url(../images/accreditationLogos.gif); background-repeat: no-repeat; background-position: left top; height: 55px; } /* links */ #footerLinksWrapper { width: 420px; float: left; } ul#footerLinks {margin: 0px; padding: 0px 0px 0px 15px;} #footerLinks li {display: inline; list-style-type: none;} #footerLinks a:link, #footerLinks a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; font-weight: bold; color: #08143c; padding-left: 11px; text-decoration: none; color: #000033; background-image: url(../images/SquareBullet.gif); background-repeat: no-repeat; background-position: left center; padding-right: 13px; padding-top: 10px; padding-bottom: 10px; line-height: 55px;} #footerLinks a:hover {color: #57bcde;} #goTechnologyLogo { padding: 0px; margin: 0px; text-align: left; width: 225px; float: left; background-image: url(../images/GoTechnologyFooterLogo.gif); background-repeat: no-repeat; background-position: center center; height: 55px; } /* END - Footer Links Area Formatting */ /* _____________________________________________________________________________________________________ */