body { font-family: Tahoma, Verdana; font-size:11px; color:#000; margin:0; padding:0; text-align:center; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* ********************** */ /* ********************** */ /* ********************** */ /*GLOBAL STYLES */ li { list-style:none; margin:0; padding:0; } ul { padding:0; } a { color:#000; text-decoration:none; } /* this URL no longer exists. If we bring it back */ /* in we might be in for some surprises */ li, a { behavior: url(include/iepngfix.htc) } /* ********************** */ /* ********************** */ /* ********************** */ /* MAIN CONTAINER */ #container { text-align:left; width:840px; /* was 835px */ margin:0 auto; } #containersm { text-align:left; width:404px; /* was 400px */ margin:0 auto; } /* ********************** */ /* ********************** */ /* ********************** */ /*=========== TOP NAV ==========*/ #topnav { margin-top: 16px; } #topnav ul { margin:5px 0 0 0; padding:0; } #topnav li { float:right; margin:0 0 0 20px; font-size:8px; font-family: Verdana, Arial, Helvetica, sans-serif; } #topnav a { color:#999; text-transform:uppercase; letter-spacing: 1px; } #topnav a:hover { color: #ff8a22; text-transform: uppercase; } /* ********************** */ /* ********************** */ /* ********************** */ /*HEADER */ #header { font-family:verdana; font-size:9px; margin-bottom:14px; margin-left: -14px; } #header img { float:left; } /********************** */ #nav { border-left:1px solid orange; padding-left:60px; float:left; margin:0px 0 0 0; padding-top:14px; padding-bottom:14px; /* added for testing */ /* this affects the left margin for horizontal menu at top */ /* it does not affect the spacing between horizontal menu elements */ padding-left:50px; } #nav li a { display:block; padding:2px 5px; text-transform:uppercase; } #nav li { float:left; padding:0px 0; /* added for testing */ /* this affects the spacing between horizontal menu elements */ margin-right:20px; } #nav li#members { padding:0 0 0 8px; background:url(images/header/lock.jpg) 2px 50% no-repeat; } /********************** */ #nav li { position:relative; border:1px solid #fff; border-bottom:0; z-index:2000; } /* reset all subnav styles */ #nav ul { position:absolute; top:15px; width:160px; left:-2000px; margin:0; background:#fafafa; border:1px solid #999; z-index:2000; } #nav ul li, #nav ul li a { border:0; margin:0; padding:0; background:none; display:block; text-align:left; width:160px; } #nav ul li { margin:0; padding:0; } #nav ul li #dropshadow { display:none; } #nav ul li a { padding:5px 0 5px 10px; text-transform:none; background:none; width:150px; } #nav ul li a:hover { background:url(images/nav/rollover-bg.jpg) top left repeat-x #fafafa; color:#fff; } #nav li { border:1px solid #fff; border-bottom:0; } /* convert to class from id */ .dropshadow { display:none; } /********************** */ #nav li:hover, #nav li.sfhover { border:1px solid #999; border-width:1px 1px 0; } #nav ul li:hover, #nav ul li.sfhover { border:0; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -2000em; } /* lists nested under hovered list items */ #header #nav li:hover ul, #header #nav li li:hover ul, #header #nav li.sfhover ul, #nav li li.sfhover ul { left: -1px; } /* ********************** */ /* ********************** */ /* ********************** */ /*INDEX This is the homepage */ #index { background:url(images/index/bg2.png) top left no-repeat; position:relative; z-index:1; } #t1, #dsl { position:relative; float:left; display:inline; width:262px; margin-top:315px; padding-top:20px; background:url(images/index/top-fade.jpg) top left no-repeat; } #t1 { margin-left:30px; margin-right:30px; } /* obsolete */ #iframes { position:relative; float:left; display:inline; width:530px; margin-top:315px; padding-top:10px; margin-left: 25px; } /* note that T3 is used only in the home page */ #t3 { padding-top:5px; float:left; /* display:inline; RG20090729 removed */ width:237px; /* height:221px; RG20090729 replaced */ /* height:260px; */ margin-top:235px; margin-left:0; margin-bottom:5px; background-attachment:fixed; background:url(images/index/t3_bg.jpg) repeat-y top left; /* RG20090729 new img file */ } #t1 h1, #t1 h2, #dsl h1, #dsl h2 { display:inline; } /* note that T3 is used only in the home page */ #t3 h1, #t1 h1, #dsl h1 { font-size:14px; margin:0px 0px 5px 20px; } #t1 h2, #dsl h2 { font-size:10px; margin:5px 10px 5px 10px; } #links a { color:#666; } #index a.findout { display:block; position:absolute; top:9px; right:5px; padding:3px 0px 3px 24px; margin:0; background:url(images/index/arrow.png) left center no-repeat; color:#666; font-style:italic; } /* note that T3 is used only in the home page */ #t3 a { /* background:url(images/index/arrow.png) 0% 50% no-repeat; RG20090729*/ /* display:block; */ width:120px; height:20px; padding:4px 0 0 23px; color:#666; } /* note that T3 is used only in the home page */ #t3 #alivechat a{ width:120px; text-align: center; padding:0 0 0 0; color:#666666; } #t1 p, #dsl p { font-size:9px; margin:5px 20px; color:#666; } /* note that T3 is used only in the home page */ #t3 p { font-size:12px; margin:5px 20px; color:#666; } /* note that T3 is used only in the home page */ #t3 a:hover, #t1 a:hover, #dsl a:hover, #iconlink a:hover, #iconlink2 a:hover { color:#FF8C40; } #index img { display:block; margin:0 auto; } p.boxed { border:1px solid #000; background:#fff; color:#000; font-size:16px; padding:4px; text-align:center; font-weight:bold; } /* note that T3 is used only in the home page */ #t3 p span { font-size:8px; color:#666; } a#signup { display:block; height:29px; width:189px; margin:0 auto; background:url(images/index/signup.jpg) center no-repeat; } a#signup1000 { display:block; height:29px; width:189px; margin:0 auto; background:url(images/index/signup1000.jpg) center no-repeat; } a#signup span, a#signup1000 span, a#findoutmore span, a#contactus a#contactus2 span { display:none; } a#signup:hover { background-image: url(images/index/signup-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } a#signup1000:hover { background-image: url(images/index/signup1000-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } a#findoutmore { display:block; height:29px; width:189px; margin:0 auto; background:url(images/index/findoutmore.jpg) center no-repeat; } a#findoutmore:hover { background-image: url(images/index/findoutmore-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } /*BS LIST */ #bswrapper { position:absolute; top:60px; left:0; } #bs { margin:0; padding:0; position:relative; width:228px; border-bottom:1px solid white; } #bs li { border-top:1px solid white; height:16px; width:228px; } #bs li a { font-size:11px; line-height:140%; color:#fff; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display:block; padding:0px 0 0px 22px; width:206px; } #bs li a:hover { background:#fff; color:#FF8C40; } #bs li:hover { background:#fff; color:#FF8C40; } #bs li ul li { width: 340px; border-top: 1px dotted white; } #bs ul { position:absolute; left:-2000px; top:-10px; width:372px; height:151px; background:url(images/index/rollover/bg.jpg) top left no-repeat; border:0; } #bs ul li { border:0; font-size:12px; color:#666; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height:16px; margin:10px 20px 0; } #bs ul li a { /* position:absolute; color:#666; font-style:italic; left:220px; top:105px; background:url(images/index/arrow.png) right center no-repeat; padding-right:30px; font-size:10px; */ } #bs ul li a:hover { /* background:url(images/index/arrow.png) right center no-repeat; */ } #bs li:hover ul, #bs li.sfhover ul { left:225px; margin:0; padding:0; } .bs2 ul li a { color:#666; } .bs2 a { color:#666; } .bs2 ul li a { color:#666; } .bs2 a { color:#666; } .bs2 li a { color:#666; } .bs2 li { position:relative; width:372px; height:151px; color:#666; font-size:14px; } .bs2 li:a { position:relative; width:372px; height:151px; color:#666; font-size:14px; } .index-title { position:absolute; top:0; left:0; margin:0; padding:8px 0 0 15px; font-size:14px; color:#fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:normal; } /* ********************** */ /* ********************** */ /* ********************** */ /*CONTENT This is the main div that contains sidebar, and maincontent */ #content { border-bottom:1px dotted gray; border-left:1px dotted gray; border-right:1px dotted gray; } /* ********************** */ /* ********************** */ /* ********************** */ /*BANNER use the following classes to change the background image of the banner */ #banner { top: 0; left: 0; right: 0; bottom: 0; height:80px; margin-top: -10px; margin-bottom:5px; margin-left:6px; padding-left: 12px; } #banner ul { position: relative; top: 30px;} #banner ul li { color: white; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 120%;} #banner ul li ul li { color: white; font-size: 22px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 120%; margin-top: -30px; } #banner h1 { color: white; font-size: 22px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 120%; margin-top: -30px; } /* this adds text shadow to main banner title */ #banner h1 { text-shadow: #2B476F 1px 2px; } /* this adds text shadow to small banner title */ #banner li { text-shadow: #2B476F 1px 1px; } /* used for all remaining pages - 25 of them at last count */ .company { /* background:url(images/banner/fm_banner_phone.jpg) top right no-repeat; */ background:url(images/banner/fm_banner_puzzle.png) top right no-repeat; } /* used for all metricfiber and fiberivy pages */ .metricfiber2 { /* background:url(images/banner/metricfiber2_phone.jpg) top right no-repeat; */ background:url(images/banner/blue_banner.png) top right no-repeat; } /* used for all voip, pbx, and port phone #'s pages */ .voipbanner { /* background:url(images/banner/solutions_phone.jpg) top right no-repeat; */ background:url(images/banner/fm_banner_phone.png) top right no-repeat; } /* obsolete */ .tools { background:url(images/banner/tools.jpg) top right no-repeat; } /* obsolete */ .solutions { background:url(images/banner/solutions.jpg) top right no-repeat; } /* obsolete */ .members { background:url(images/banner/members.jpg) top right no-repeat; } /* obsolete */ .metricfiber { background:url(images/banner/metricfiber.jpg) top right no-repeat; } /* ********************** */ /* ********************** */ /* ********************** */ /*MAIN CONTENT this is floated right so the content will be closer to the top of the document. Main content contains the all the text and related items */ #main-content { float:right; display:inline; width:697px; /* was 692 */ margin-left:-690px; border-left:1px dotted gray; } /* ********************** */ /* ********************** */ /* ********************** */ /* INFORMATION contains the text area for each item. It is floated left inside of main-content */ #spacer { position:relative; height:10px; } #links a { color: #3333FF; } #links a:hover { color:#CC0000; } #information { width: 561px; /* was 559px */ float:left; border-right:1px dotted gray; padding-top:12px; } #information h1 { font-size:11px; margin-top:0px; margin-bottom:0; } /* this used to be H2 - see comments for OLD H3 below */ #information h3 { font-size:13px; margin-top:0px; margin-bottom:0; } /* => this is the old H3 - we've moved the old H2 to be H3 now => H3 is reserved for CLASS=INFO_TITLE - that needs to be larger => H4 will probably be used for CLASS=INFO_TITLE_SMALL - we'll see #information h3 { font-size:15px; margin-top:0px; margin-bottom:0; } */ /* this used to be .INFO_TITLE_SMALL */ #information h4 { font-size:16px; margin-top:0px; margin-bottom:0px;; } #information p { font-size:11px; line-height:13px; margin-top:5px; font-size: 12px; /* this controls the size of text inside of "info_content" as a class */ /* this affects link text in metric fiber - paragraph text */ } #information ul { list-style-type:circle; padding: 0; margin: 0; } #information li { line-height:16px; /* this fixes the problem with "info_content" list items */ /* seems that only the closest
can specify */ /* the line height for list items */ /* unfortunately - this forces us to use the same line height for all lists throughout the site - no matter what "class"
they might fall into */ margin-left:13px; padding-top:5px; } .article { margin-bottom:20px; } .article a:hover { background:#fff; color:#FF8C40; } .column { width:245px; margin:0 10px 0 20px; float:left; display:inline; } .fullcolumn { width:520px; margin:0 10px 0 20px; float:left; display:inline; } #infoboxheader { position:relative; background:url(images/info/infoboxcaption.png) top left no-repeat; position:relative; height:113px; } #infoboxheader2 { position:relative; background:url(images/info/prioritized.gif) top left no-repeat; position:relative; height:113px; } #infoboxheader3 { padding-top: 6px; padding-left: 6px; padding-right: 10px; position:relative; background:url(images/info/infoboxcaption.png) top left no-repeat; position:relative; height:170px; } #infoboxheader h2 { margin-left:13px; line-height:15px; } #infoboxheader p { font-size:11px; margin-left:13px; padding-right:10px; line-height:19px; } /* these are used only in downloads page */ /* #infobox1 { position:relative; display:inline; float:left; width:275px; height:231px; padding-top:3px; background:url(images/info/infobox1.png) top left no-repeat; } #infobox2 { position:relative; display:inline; float:left; width:240px; height:231px; padding-top:6px; background:url(images/info/infobox2.png) top left no-repeat; } #infobox3 { clear:both; width:300px; height:50px; background:url(images/info/infobox3.jpg) top left no-repeat; } */ /* RG20100304 - infobox275 is identical to infobox1 except that no background url. */ #infobox275 { position:relative; display:inline; float:left; width:275px; height:221px; padding-top:3px; } /* RG20100304 - infobox225 identical to infobox2 except that no background url. */ #infobox225 { position:relative; display:inline; float:left; width:225px; height:221px; padding-top:6px; } #infobox1 h2, #infobox2 h2, #infobox3 h2 { margin-left:10px; margin-right:10px; line-height:13px; } #infoboxbig li { margin-left:10px; margin-right:10px; font-size:12px; line-height:16px; } /* ********************** */ /* ********************** */ /* ********************** */ /*RELATED SERVICES sidebar div. is floated left.*/ #related-services { width:135px; /* was 132px */ float:right; /* formerly was float:left */ } #related-services h2 { font-size:9px; background:url(images/sidebar/h2bg.jpg) bottom left repeat-x; line-height:16px; color:#fff; margin:0; padding-left:5px; } #related-services li { width:135px; /* was 132px */ } #related-services li a { display:block; padding:6px 0px 6px 25px; border:1px dotted gray; border-width:1px 0 0; text-decoration:none; color:#000; font-size:9px; background:url(images/related-services/arrow.gif) 5px 50% no-repeat; } #related-services li a:hover { background-color:#e8f5ff; background-position: 7% 50%; } #related-services ul { margin:0; border-bottom:1px dotted gray; } /* ********************** */ /* ********************** */ /* ********************** */ /*SIDEBAR The main sidebar. */ /* ********************** */ #sidebar { width:140px; } #sidebar h2.on { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid white; } #sidebar h2 { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid #fff; } #sidebar h2 a { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid #fff; } #sidebar h2 a:hover { font-size:9px; line-height:16px; color:#eff9ff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid #fff; } /* I tried adding this to see if we could move the inside the

element */ /* this works - but now we highlite as selected link only the text portion - not the entire list element, which is probably more correct actually */ /* but now you have to click specifically on the text to open the menu - previously clicking anywhere in the menu item opened the menu. That may be a deal breaker. */ /* now we need to differentiate between a main menu item that is "active" or "on" and one that is not. We're getting closer */ /* current we are fine for everything except the currently "selected" menu - which we display too light - like the non-selected menus */ #sidebar h2 a { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:0px; border-top: 0px solid #fff; } #sidebar h2 a:hover { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:0px; border-top: 0px solid #fff; } #sidebar h2 a.on { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:0px; border-top: 0px solid #fff; } #sidebar h2 a:hover.on { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:0px; border-top: 0px solid #fff; } #sidebar li { font-size:9px; margin:0; padding:0; width:140px; border-style: none; } #sidebar li a { display:block; padding:6px 20px; border:1px dotted gray; border-width:1px 0 0; text-decoration:none; color:#000; background:url(images/sidebar/arrow.gif) 5% 50% no-repeat; } #sidebar li a:hover { background-color: #e8f5ff; background-repeat: no-repeat; background-attachment: scroll; background-position: 7% 50%; } #sidebar ul { border-bottom:1px dotted gray; margin:0; } #sidebar li.on a { display:block; padding:6px 20px; border-width:1px 0 0; text-decoration:none; color:#aca4a2; background:#e8f5ff url(images/sidebar/arrow.gif) no-repeat 95% 50%; border-color: gray; border-style: dotted;; } #sidebar li.on a:hover { background-color: #e8f5ff; background-repeat: no-repeat; background-attachment: scroll; background-position: 95% 50%; } /* ********************** */ /* ********************** */ /*QUOTE Contains styles for the quote */ #quote { margin-top:40px; } #quote p { font-weight:bold; line-height:16px; font-size:10px; font-style:normal; padding:0 5px; margin-bottom:12px; margin-right:8px; } #quote p.quoted { font-weight:normal; font-style:normal; line-height:10px; margin:0; font-size:9px; margin-right:8px; } /* ********************** */ /* ********************** */ /* ********************** */ /*SEND-A-LINK Styles for the little box to send a link */ #send-a-link { float:right; border:1px dotted gray; border-top:0; margin-bottom:10px; font-size:9px; width:132px; } #send-a-link p { margin:0; } #send-a-link a { display:block; background:url(images/send-a-link/icon.gif) 5px 50% no-repeat; padding:4px 0px 4px 20px; } #send-a-link a:hover { background: #e8f5ff url(images/send-a-link/icon-over.gif) no-repeat 4px 50%; display: block; padding: 4px 0 4px 20px; } /* ********************** */ /* ********************** */ /* ********************** */ /*FOOTER * / #footer { border:1px dotted gray; border-width:1px 0; clear:both; padding:10px 0; background:url(images/footer/logo.jpg) left center no-repeat; } #footer ul { margin:0; margin-left:180px; clear:left; height:14px; } #footer li { float:left; margin:2px 5px; font-size:9px; color:#b6b6b6; font-family: arial, helvetica, sans-serif; } #footer li a { float:left; font-size:9px; color:#b6b6b6; } #footer li a:hover { color: #ff8a22; font-size: 9px; float: left; } #footer li.rowheader { color: #676454; width:85px; text-align:left; } */ /* ********************** */ /* ********************** */ /* ********************** */ /* COPYRIGHT */ #copyright { font-size:9px; color:#B6B6B6; } * html #nav ul li a:hover { background:#f86505; color:#fff; }#iFrame { margin-left:30px; margin-right:30px; } /* ********************** */ /* once footer is stablized, we can move this into common CSS file */ #new_footer { border:1px dotted gray; border-width:1px; clear:both; padding:0px; background-image: none; margin: 0px; font-size:18px; color:#969696; } /* once footer is stablized, we can move this into common CSS file */ #new_footer a { border: none; } /* once footer is stablized, we can move this into common CSS file */ #new_footer img { border: none; } /* move this into fm.css once Cody signs off, this turns the links in top row from light gray to dark blue */ #topnav a { color: #494992; /* this is dark blue from fastmetric logo text */ } /* this affects only the menu bars in header menus at least when placed in this particular file. Remains to be seen what other effects it will have when moved into the main style sheet. */ a:hover{ text-decoration:none; /* this used to be an underline; */ color:#000000; /* solid black */ color:#FFFFFF; /* solid white */ color:#FF8A22; /* this is fastmetrics orange */ } /* ==== this is for the airsync ad ==== */ /* keep original "airsync" styles, they are used by the webmail login page */ #airsync { } #airsync ul { padding-left: 8px; padding-right: 12px; padding-top: 0px; padding-bottom: 14px; width: 118px; } #airsync li { line-height:14px; list-style-type:none; padding-bottom: 4px; width:120px; font-weight:normal; font-size:11px; font-style:italic; font-style:normal; } #airsync img { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* tweak airsync ad for better compliance */ /* don't span list items inside an anchor */ #airsync2 { margin-top: 8px; width: 136px; border-bottom: dotted 1px gray; } #airsync2 ul { padding-left: 8px; padding-right: 12px; padding-top: 0px; padding-bottom: 14px; width: 118px; border: none; } #airsync2 li { line-height:14px; list-style-type:none; padding-bottom: 4px; width:120px; font-weight:normal; font-size:11px; font-style:italic; font-style:normal; } #airsync2 img { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #airsync2_content { font-weight:normal; font-size:11px; font-style:italic; font-style:normal; width: 110px; margin-left:8px; margin-right:10px; margin-top:0px; margin-bottom:14px; } /* =============== hosted pbx ad ============================= */ #ad_hosted_pbx { margin-top: 8px; width: 136px; border-bottom: dotted 1px gray; } #ad_hosted_pbx img { margin-left: 8px; } #ad_hosted_pbx ul { padding-left: 16px; padding-right: 12px; padding-top: 12px; padding-bottom: 14px; width: 100px; border: none; } #ad_hosted_pbx li { line-height:14px; list-style-type:circle; padding-bottom: 4px; width:100px; font-weight:normal; font-size:11px; font-style:italic; font-style:normal; } #ad_hosted_pbx_content { font-weight:normal; font-size:11px; font-style:italic; font-style:normal; width: 110px; margin-left:8px; margin-right:10px; margin-top:10px; margin-bottom:14px; } /* hosted voip ad */ #ad_hosted_voip { margin-top: 8px; width: 136px; border-bottom: dotted 1px gray; } #ad_hosted_voip img { margin-left: 8px; } #ad_hosted_voip ul { padding-left: 16px; padding-right: 12px; padding-top: 12px; padding-bottom: 14px; width: 100px; border: none; } #ad_hosted_voip li { line-height:14px; list-style-type:circle; padding-bottom: 4px; width:100px; font-weight:normal; font-size:11px; font-style:italic; font-style:normal; } #ad_hosted_voip_content { font-weight:normal; font-size:11px; font-style:italic; font-style:normal; width: 110px; margin-left:8px; margin-right:10px; margin-top:10px; margin-bottom:14px; } /* =============== for new info row formatting =============== */ #info_title { float:left; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; width: 240px; margin-bottom: 0px; } #info_title h2 { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; } #info_title a { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #444; text-decoration: underline; } #info_title a:hover { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; color: #ff8a22; text-decoration: underline; } #info_title_small { float:left; FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #666; width: 240px; margin-bottom: 0px; } /* info_content places image on left, text to the right */ /* only difference is that we float LEFT here */ #info_content { FLOAT: left; WIDTH: 220px; TOP: 0px; TEXT-ALIGN: left; margin-left:10px; margin-top:4px; } #info_content UL { margin-top:0px; } /* this works just like you would expect it to */ #info_content LI { line-height:16px; list-style-type:square; } #info_content p { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left } /* #info_content2 { FLOAT: left; WIDTH: 220px; TOP: 0px; TEXT-ALIGN: left; margin-left:10px; margin-top:0px; } #info_content2 UL { line-height:16px; margin-top:4px; } #info_content2 LI { line-height:16px; list-style-type:square; } */ #info_cell { float:left; width:260px; margin-right:12px; margin-bottom:24px; } #info_row { align:top; width:524px; padding-bottom:24px; } /* ================ */ .info_title { float:left; width: 240px; FONT-WEIGHT: bold; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; FONT-SIZE: 18px; line-height:20px; } /* this used to be INFO_TITLE H2 */ #information h2 { FONT-WEIGHT: bold; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; FONT-SIZE: 18px; line-height: 20px; margin-top: 0px; margin-bottom: 3px; } /* this used to be INFO_TITLE_SMALL and INFO_TITLE_SMALL H2 */ #information h4 { FONT-WEIGHT: bold; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; FONT-SIZE: 12px; line-height: 13px; margin-top: 0px; margin-bottom: 3px; } /* obsolete .info_title a { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #444; text-decoration: underline; } .info_title a:hover { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; color: #ff8a22; text-decoration: underline; } */ /* ported to #INFORMATION H4 - see FM.CSS */ /* obsolete .info_title_small { float:left; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #666; width: 240px; margin-bottom: 0px; FONT-SIZE: 14px; line-height:16px; } */ /* this has no effect - settings taken from #INFORMATION H2 */ /* see #INFORMATION H4 style definition in FM.CSS */ /* obsolete .info_title_small h2 { FONT-SIZE: 14px; line-height:16px; } */ .info_content { FLOAT: left; WIDTH: 220px; TOP: 0px; TEXT-ALIGN: left; margin-left:10px; margin-top:4px; /* from .textos - this controls the size of all text outside of

blocks including the text in the bullet list items. */ FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; /* this controls the line height only for text outside of bullet list or paragraph */ line-height: 16px; } .info_content UL { margin-top:30px; /* this does nothing */ FONT-SIZE: 12px; /* this works - but doesn't change line height */ line-height:14px; /* this does nothing */ } .info_content LI { list-style-type:square; /* this works */ FONT-SIZE: 12px; /* this works - but doesn't change line height */ line-height:14px; /* this does nothing */ } .info_content p { COLOR: #000; /* this works */ FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; /* this works */ FONT-SIZE: 12px; /* this does nothing */ line-height:14px; /* this does nothing */ } .info_content { FLOAT: left; WIDTH: 220px; TOP: 0px; TEXT-ALIGN: left; margin-left:10px; margin-top:4px; /* from .textos - this controls the size of all text outside of

blocks including the text in the bullet list items. */ FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; /* this controls the line height only for text outside of bullet list or paragraph */ line-height: 16px; } /* .info_content2 UL { margin-top:30px; FONT-SIZE: 12px; line-height:14px; } .info_content2 LI { list-style-type:square; FONT-SIZE: 12px; line-height:14px; } .info_content2 p { COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; FONT-SIZE: 12px; line-height:14px; } */ .info_cell { float:left; width:260px; margin-right:12px; margin-bottom:24px; FONT-SIZE: 12px; /* this does nothing */ line-height:14px; /* this does nothing */ } .info_row { align:top; width:524px; padding-bottom:24px; FONT-SIZE: 12px; /* this does nothing */ line-height:14px; /* this does nothing */ } .info_row2 { align:top; width:524px; padding-bottom:24px; FONT-SIZE: 12px; /* this does nothing */ line-height:14px; /* this does nothing */ } #iconlink a { background:url(images/index/arrow.png) 0% 50% no-repeat; display:block; width:120px; height:20px; padding:4px 0 0 23px; color:#666; } /* only change from iconlink is that this is now wider */ #iconlink2 a { background:url(images/index/arrow.png) 0% 50% no-repeat; display:block; /* width:240px; height:20px; */ height:20px; padding:4px 0 0 23px; color:#666; } /* change to class from id, so we can use multiple times in same document */ /* without generating an error */ .iconlink2 a { background:url(images/index/arrow.png) 0% 50% no-repeat; display:block; /* width:240px; height:20px; */ padding:4px 0 0 23px; color:#666; } /* change to class from id, so we can use multiple times in same document */ /* Note - this still doesn't work. Arrow image disappears on hover */ .iconlink2 a:hover { background:url(images/index/arrow.png) 0% 50% no-repeat; display:block; /* width:240px; height:20px; */ padding:4px 0 0 23px; color:#FF8C40; } /* the blue box section replacment */ .newinfoboxheader { position:relative; position:relative; height:72px; width: 490px; padding-top: 6px; padding-left: 14px; padding-right: 20px; margin-right: 20px; background-color:#B7BEE8; } /* for new header - site wide changes */ #nav { margin-top: 0px; margin-left: 24px; margin-right:0px; width: 520px; height: 12px; border:solid gray 0px; padding-right: 0px; }