body, div, td, p, blockquote, li, ul, form, strong, b, i, u, a, input, select { xfont-size: 0.96em; font-size: 9.0pt; } h1 { font-size: 125%; } h2 { font-size: 110%; } h3 { font-size: 105%; } .testclass { background-color: Blue; color: White; } /* --------------------------------------------------------------- */ /* -------------------- HACK FOR IE6 PNG TRANSPARENCY------------- */ * html img { behavior: url(../style/iepngfix.htc); } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* -------------------- BASIC TAG ALTERATIONS -------------------- */ html { margin: 0px; padding: 0px; } body { font-family: Arial, Tahoma, Helvetica, sans-serif; color: #333; background-color:#596068; margin: 0px; padding: 0px; text-align: center; xfont-size:83%; } table { border-spacing: 0px; border-collapse: collapse; } table.pad td { padding:4px 5px 0px; margin: 0px; } td, th { padding: 0; vertical-align: top; } img { display:block; xfont-size:1px; overflow: hidden; vertical-align:bottom; } a img { border:none; } a { color: #1E66B5; } ul { margin-top:0px; color:#1E66B5; list-style-type:disc; } h3 { xfont-size: 90%; color:#005BB1; margin: 0px; padding: 0px 0px 7px; clear: both; } p, li{ xfont-size: 85%; font-weight: normal; color: #333; padding: 0px 0px 7px 0px; margin: 0px; } td.list { xfont-size: 70%; font-weight: normal; color: #333; padding: 0px 0px 3px 0px; margin: 0px; } blockquote { margin: 0px; padding: 0px 0px 0px 20px; } form { margin: 0px; padding: 0px; } input { xfont-size:85%; font-family: Arial, Helvetica, sans-serif; border:1px solid #CCC; color:#333; margin:2px; padding:1px; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------- TABLE BORDER STYLES --------------------------- */ table.outline { border-width: 1px; border-style: none none solid solid; border-color: #999; } table.outline td { border-width: 1px; border-style: solid solid none none; border-color: #999; padding: 3px; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ #portalmenu { padding: 0px 0px 10px 20px; } #topbar { width: 570px; white-space: nowrap; height:120px; overflow:hidden; } .topmenuitem { text-align:right; padding-right:150px; margin-top:7px; } .topmenuitem a { xfont-size: 9px; color: #FFF; text-decoration: none; padding: 3px 0px 0px 15px; } .topmenuitem a:hover { text-decoration: underline; } .search1 { padding:0px; margin:0px; display:inline; float:left; } .search1 input.searcharea1 { width:85px; color:#FFF; border: 1px solid #FFF; padding: 2px 3px 2px 3px; xfont-size:10px; margin:0px; } .search1 input.searchbutton1 { color:#FFF; border: 1px solid #FFF; padding: 1px 3px 1px 3px; xfont-size:9px; margin:0px; } form.search2 { padding:0px; margin:0px; } form.search2 input.searcharea2 { background-color:#FFF; color:#333; border: 1px solid #CCC; padding: 2px 3px 2px 3px; xfont-size:9px; margin:0px; } form.search2 input.searchbutton2 { background-color:#E2E2E2; color:#333; border: 1px solid #CCC; padding: 1px 3px 1px 3px; xfont-size:9px; margin:0px; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------- DIV IDs --------------------------- */ #universe { text-align: left; margin-left: auto; margin-right: auto; padding: 0px; width: 785px; vertical-align: top; overflow: hidden; background-image: url(../images/menus/bg_leftside.jpg); background-repeat: repeat-y; background-color:#FFF; } #leftcolumn { width: 192px; float: left; clear:left; } #rightcolumn { width: 593px; padding: 20px 0px 0px 0px; margin: 0px; float: right; background-color: #FFF; background-repeat: no-repeat; background-position: 0px 0px; } #topmenubar { clear:both; } #topproductbar { padding-top:7px; clear:both; } #breadcrumbs { text-align: left; margin-left: auto; margin-right: auto; padding: 20px 0px 3px 0px; width: 785px; vertical-align: top; overflow: auto; color:#CCC; xfont-size:90%; } #breadcrumbs p { color:#CCC; xfont-size: 90%; } #breadcrumbs a { color:#CCC; text-decoration:none; } #breadcrumbs a:hover { color:#CCC; text-decoration:underline; } #copyright { text-align: left; margin-left: auto; margin-right: auto; width: 785px; color: #CCC; xfont-size: 90%; padding: 5px 0px 5px 0px; clear:both; } #copyright p { color:#CCC; xfont-size: 90%; } #copyright a { color:#CCC; text-decoration:none; } #copyright a:hover { color:#CCC; text-decoration:underline; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ #leftmenu { margin: 0px; padding: 0px 0px; border-width: 1px; border-style: none solid none none; border-color: #A2A2A2; xfont-size: 97%; } #leftmenu ul { list-style-type: none; margin: 0px; padding: 0px; } #leftmenu li { color:#1B63B2; padding: 5px 0px 5px 20px; margin:0px; border-width: 1px; border-style: none none solid none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_bluebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; } #leftmenu li.active { color:#1B63B2; padding: 5px 0px 5px 20px; margin:0px; border-width: 1px; border-style: none none solid none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_bluebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; background-color: #FFF; } #leftmenu li.last { color:#1B63B2; padding: 5px 0px 5px 20px; margin:0px; border-width: 1px; border-style: none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_bluebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; } #leftmenu li ul { color:#CCC; margin: 0px; padding: 3px 0px 3px 10px; background-color: #FFF; background-image: none; } #leftmenu li ul li { color:#666; padding: 0px; border-style: none; xfont-size: 98%; font-weight: normal; list-style-type: none; list-style-image: url(../images/menus/bullet_blackarrow.gif); background-image: none; } #leftmenu li ul li ul li { list-style-type: disc; background-image:none; list-style-image: none; } #leftmenu li a { color:#1B63B2; text-decoration:none; } #leftmenu li ul li a { color:#666; text-decoration:none; } #leftmenu li.active ul li a.active { color:#000; text-decoration:none; } #leftmenu a:hover { text-decoration:underline; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* -----------------SPECIAL MENU ITEMS --------------------------- */ #leftmenu li#members, #leftmenu li#specifiers, #leftmenu li#homeowners { color:#FFF; background-image: url(../images/menus/bullet_whitebox.gif); background-repeat: no-repeat; background-position: 7px 5px; } #leftmenu li#members { background-color: #132876; } #leftmenu li#specifiers { background-color: #6C1E27; } #leftmenu li#homeowners { background-color: #271F53; } #leftmenu li#members a, #leftmenu li#specifiers a, #leftmenu li#homeowners a { color:#FFF; text-decoration:none; } /*--BEGIN MENU SET FOR MEMBERS --*/ #leftmenu li#members.active { color:#FFF; padding: 5px 0px 0px 20px; margin: 0px; border-width: 1px; border-style: none none solid none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_whitebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; background-color: #132876; } #leftmenu li#members.active a { color:#FFF; text-decoration:none; } #leftmenu li#members.active ul { background-color: #132876; margin-left:-20px; margin-bottom:5px; } #leftmenu li#members.active ul li { margin-left:20px; background-position: 20px 5px; list-style-image: url(../images/menus/bullet_whiteonbluearrow.gif); } #leftmenu li#members.active ul li a { color:#CCC; text-decoration:none; } #leftmenu li#members.active ul li a:hover { text-decoration:underline; } #leftmenu li#members.active ul li a.active { color:#FFF; text-decoration:none; } #leftmenu a:hover { text-decoration:underline; } /*--END MENU SET FOR MEMBERS --*/ /*--BEGIN MENU SET FOR SPECIFIERS --*/ #leftmenu li#specifiers.active { color:#FFF; padding: 5px 0px 0px 20px; margin:0px; border-width: 1px; border-style: none none solid none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_whitebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; background-color: #6C1E27; } #leftmenu li#specifiers.active a { color:#FFF; text-decoration:none; } #leftmenu li#specifiers.active ul { background-color: #6C1E27; margin-left:-20px; margin-bottom:5px; } #leftmenu li#specifiers.active ul li { margin-left:20px; background-position: 20px 5px; list-style-image: url(../images/menus/bullet_whiteonredarrow.gif); } #leftmenu li#specifiers.active ul li a { color:#CCC; text-decoration:none; } #leftmenu li#specifiers.active ul li a:hover { text-decoration:underline; } #leftmenu li#specifiers.active ul li a.active { color:#FFF; text-decoration:none; } #leftmenu a:hover { text-decoration:underline; } /*--END MENU SET FOR SPECIFIERS --*/ /*--BEGIN MENU SET FOR HOMEOWNERS --*/ #leftmenu li#homeowners.active { color:#FFF; padding: 5px 0px 0px 20px; margin:0px; border-width: 1px; border-style: none none solid none; border-color: #A2A2A2; font-weight: bold; background-image: url(../images/menus/bullet_whitebox.gif); background-repeat: no-repeat; background-position: 7px 5px; list-style-type: none; background-color: #271F53; } #leftmenu li#homeowners.active a { color:#FFF; text-decoration:none; } #leftmenu li#homeowners.active ul { background-color: #271F53; margin-left:-20px; margin-bottom:5px; } #leftmenu li#homeowners.active ul li { margin-left:20px; background-position: 20px 5px; list-style-image: url(../images/menus/bullet_whiteonpurplearrow.gif); } #leftmenu li#homeowners.active ul li a { color:#CCC; text-decoration:none; } #leftmenu li#homeowners.active ul li a:hover { text-decoration:underline; } #leftmenu li#homeowners.active ul li a.active { color:#FFF; text-decoration:none; } #leftmenu a:hover { text-decoration:underline; } /*--END MENU SET FOR HOMEOWNERS --*/ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ .blue_dark { color: #132876; } .blue_dark2 { color:#1E174A; } .red { color: #6C1E27; } .green { color: #093A29; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ #content { width:593px; overflow:hidden; padding:0px; background-color:#FFF; } #content1 { padding: 0px 10px 20px 40px; padding-right: expression("5px"); float:left; width: 360px; width: expression("400px"); background-color:#FFF; } /* #content1 span { float: left; width: 359px; } #content2 span { float: right; width: 160px; } */ #content1.clear, #content2.clear { background-color:transparent; } #content1_fullwidth { padding: 0px 65px 20px 40px; margin:0px; float:left; width:533px; background-color:#FFF; } #content1 h1, #content1_fullwidth h1 { xfont-size:125%; line-height:135%; font-weight:bold; margin: 0px 0px 10px -20px; padding: 0px 0px 0px 0px; text-transform:uppercase; } #content1 h1.introcopy, #content1_fullwidth h1.introcopy { xfont-size:125%; line-height:135%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform:none; } #content1 h2, #content1_fullwidth h2 { xfont-size:103%; line-height:113%; font-weight:bold; margin: 0px; padding: 10px 0px 7px 0px; color:#666; } #content1 p.introcopy, #content1_fullwidth p.introcopy { xfont-size: 110%; color: #666; line-height: 130%; } #content1 p { color:#000; xfont-size:83%; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ #content2 { width: 161px; padding-left: 10px; padding-top:0px; border-width: 1px; border-style: none none none solid; border-color: #CCC; float:right; background-color:#FFF; padding-right: 0px; margin-top: 60px; } #content2 h1 { color:#E09512; margin: 0px 0px 10px 0px; xfont-size:93%; border-width: 1px; border-style: solid none solid solid; border-color: #CCC; padding: 3px 5px 3px 5px; } #content2 h2 { color:#132876; xfont-size:93%; margin:0px; } #content2 p { color:#666; xfont-size:85%; padding-right:20px; } #content2 ul { list-style-type: none; margin: 0px; padding: 0px 20px 0px 15px; } #content2 li { color:#666; padding: 5px 0px 5px 3px; margin:0px; xfont-size: 85%; list-style-image: url("../images/menus/bullet_bluebox.gif"); } /* --------------------------------------------------------------- */ /* --------------------------- EDIT MARKER ----------------------- */ /* -------------- YOU FIND THIS YOU NEED TO UPDATE THE TEXT ------ */ .edit { font-weight: bold; color: #F09; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ .search1 input.searcharea1, .search1 input.searchbutton1 { background-color:#075BB0; } /* --------------------------------------------------------------- */ /* --------------------------- DIV IDs --------------------------- */ #rightcolumn { background-image: url(../images/colors/blue1/top.gif); } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ #content1_intro, #content1_intro_fullwidth { background-image: url(); background-repeat: no-repeat; background-position: right bottom; } #content1 h1, #content1_fullwidth h1 { color:#075BB0; } #content1 a { xfont-size: 80%; } #content1 table td { padding: 0px 4px 0px 4px; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ img.withsmallpic { padding: 0px; margin: 0px 10px 20px -15px; float:left; } img.withsmallpicright { padding: 0px; margin: 0px 10px 20px 10px; float:right; } /*p.withsmallpic { width:360px; float:right; }*/ .smaller { xfont-size: 80%; } .outlinebox { padding:4px; background-color:#FFF; border: 1px solid #CCC; border-top-width:0px; width:218px; padding-top:10px; margin: -5px 0px 20px 0px; } .outlinebox ul { list-style-type: none; padding: 0px 0px 0px 13px; margin: 0px; } .outlinebox ul li { list-style-type: none; padding-bottom: 5px; margin:0px; list-style-image: url(../images/menus/bullet_blackarrow.gif); background-position: 7px 5px; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ table#introoverview, table#introoverview_enviro { clear:both; margin-top:20px; } table#introoverview td, table#introoverview_enviro td{ padding: 0px 0px 0px 10px; margin:0px; width: 235px; } table#introoverview h2, table#introoverview_enviro h2 { color: #FFF; xfont-size:80%; margin: 0px 0px 0px 0px; padding: 3px 10px 2px 5px; background-image: url(../images/introbar/standard2.gif); background-repeat: repeat-y; } table#introoverview h2 a, table#introoverview_enviro h2 a { color: #FFF; text-decoration:none; } table#introoverview p, table#introoverview_enviro p { margin:0px; padding:0px; } table#introoverview a, table#introoverview_enviro a { color: #1E66B5; text-decoration:none; } .clearboth { clear: both; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ table#introoverview_enviro h2 { background-image: url(../images/introbar/enviro2.gif); } table#introoverview_enviro h2 a { color: #093A29; } table#introoverview_enviro a { color: #558136; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ div.intromasterxx ,div.intro1 , div.intro2 , div.intro3 , div.intro4 , div.intro5 , div.intro6 , div.intro7 , div.intro8 , div.intro9 , div.intro10 , div.intro11 , div.intro12 , div.intro13 { /* min-height hack for ie6 */ min-height: 560px; height: auto; } .intro1 { background: no-repeat url(../images/intro/17.jpg) right bottom; } .intro2 { background: no-repeat url(../images/intro/2.jpg) right bottom; } .intro3 { background: no-repeat url(../images/intro/3.jpg) left bottom; } .intro4 { background: no-repeat url(../images/intro/4.jpg) right bottom; background-position: bottom right; } .intro5 { background: no-repeat url(../images/intro/16.jpg) right bottom; } .intro6 { background: no-repeat url(../images/intro/6.jpg) right bottom; } .intro7 { background: no-repeat url(../images/intro/7.jpg) right bottom; } .intro8 { background: no-repeat url(../images/intro/8.jpg) right bottom; } .intro9 { background: no-repeat url(../images/intro/9.jpg) right bottom; } .intro10 { background: no-repeat url(../images/intro/11.jpg) right bottom; } .intro11 { background: no-repeat url(../images/intro/11.jpg) right bottom; } .intro12 { background: no-repeat url(../images/intro/12.jpg) right bottom; } .intro13 { background: no-repeat url(../images/intro/15.jpg) right bottom; } .blue_light { color: #1E66B5; } /* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */ .envirosubhead { color: #558136; xfont-size:103%; line-height:113%; font-weight:bold; margin: 0px; padding: 0px 0px 14px; } img.imgBlue2, img.imgRed1, img.imgPurple1 { display: none; } a.TagLine { padding: 1px 60px 0px 20px; float:left; } /* Line Item */ .withsmallpic { padding: 0px; margin: 0px 10px 20px -15px; float:left; } /* Line Item */ .withsmallpicright { padding: 0px; margin: 0px 10px 20px -15px; float:right; } /* Line Item */ .testclass { background-color: blue; color: white; }