/*START ELEMENT STYLES*/ body { border:none; margin:0px; padding:0px; } p { margin:0px 0px 12px 0px; font:normal 14px Verdana, sans-serif; color:#0072c6; } img { margin-bottom:-5px; } h1 { margin:0px 0px 12px 0px; font:bold 24px Verdana, sans-serif; color:#0072c6; } h2 { margin:0px 0px 12px 0px; font:bold 18px Verdana, sans-serif; color:#FF6600; } h3 { margin:0px 0px 12px 0px; font:bold 16px Verdana, sans-serif; color:#0072c6; } a { font:bold 11px Verdana, sans-serif; color:#709302; text-decoration:none; } .abig { font:bold 14px Verdana, sans-serif; color:#709302; text-decoration:none; } .ablue { margin:0px 0px 12px 0px; font:bold 14px Verdana, sans-serif; color:#0072c6; text-decoration:none;} a:hover { text-decoration:underline; } ul.txt_list { font:normal 13px Verdana, sans-serif; color:#0072c6; line-height:18px; } li.txt_list{ list-style-type:disc; } ol.txt_list { font:normal 11px Verdana, sans-serif; color:#0072c6; line-height:18px; } li.txt_list{ list-style-type:disc; } a.site_list { font:bold 9px Verdana, sans-serif; color:#709302; text-decoration:none; } a.site_list:hover { text-decoration:underline; } ul.site_list { font:normal 9px Verdana, sans-serif; color:#0072c6; line-height:18px; } li.site_list{ list-style-type:decimal; } .clearer { clear:both; margin:0px; line-height:0px; padding:0px; } .txt_top { font:bold 12px Verdana, sans-serif; text-decoration:underline; } td.img { width:200px; height:200px; vertical-align:top; } td.copy { width:280px; height:auto; vertical-align:top; padding:0px 5px 0px 10px; } p.name { font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:0px; } .th { margin:0px 0px 0px 0px; font:bold 24px Verdana, sans-serif; color:#0072c6; } .small { margin:0px 0px 0px 0px; font:normal 10px Verdana, sans-serif; color:#0072c6; } .sp { margin:0px 0px 12px 0px; font:bold 13px Verdana, sans-serif; color:#0072c6; } .h1g { margin:0px 0px 12px 0px; font:bold 16px Verdana, sans-serif; color:#709302; } .grhead { margin:0px 0px 12px 0px; font:bold 20px Verdana, sans-serif; color:#709302; } .h3reg { margin:0px 0px 12px 0px; font:normal 16px Verdana, sans-serif; color:#0072c6; } /*END STYLES*/ /*START TEMP STYLES*/ a.popwhite {color : #FFFFFF; text-decoration : none; font : bold 11px verdana, sans-serif;} a.popwhite:hover {color : #0072c6; text-decoration : underline; font : bold 12px verdana, sans-serif;} a.popwhite:visited {color : #FFFFFF;} a.linkwhite {color : #FFFFFF; text-decoration : none; font : bold 11px verdana, sans-serif;} a.linkwhite:hover {color : #FFFFFF; text-decoration : underline; font : bold 11px verdana, sans-serif;} a.linkwhite:visited {color : #FFFFFF;} a.textftr {color : #FFFFFF; text-decoration : none; font : bold 10px verdana, sans-serif; text-decoration : none; line-height:14px; } a.textftr:hover {text-decoration : underline;} a.textftr:visited {color : #FFFFFF;} a.textwhite13 {color : #FFFFFF; text-decoration : none; font : bold 13px verdana, sans-serif;} a.textwhite13:hover {text-decoration : underline;} a.textwhiteh13:visited {color : #FFFFFF;} a.mqlink {margin-top : 3px; width : 59px; height : 50px; background : url("images/mapquest_logo.gif") no-repeat; float : right;} .imglinkwhite {border-color: #fff; border-width:1px 0px;} .imglinkwhite:visited {border-color: #fff; border-width:1px 0px;} .imglinkwhite2 {border-color: #fff; border-width:2px 2px;} .imglinkwhite2:visited {border-color: #fff; border-width:2px 2px;} .imglinkgreen {border-color: #8f9b39; border-width:2px 2px;} .imglinkgreen:visited {border-color: #8f9b39; border-width:2px 2px;} .imgcoupon {border-color: #8f9b39; border-width:3px 3px; border-style:dashed;} .imgbordergreen {border:1px solid #8f9b39;} /*END STYLES*/ /*START PAGE STYLES */ #base { margin:0px auto; padding:0px; width:900px; height:auto; background:url("images/BCKGRD_base_AllWhite.jpg") repeat-y; display:block; } #blk1 { margin:0px 50px; padding:0px; width:800px; height:auto; background:#fff; } #blk1_NavBar { margin:0px auto; padding:0px; width:800px; height:25px; background:url("images/BCKGRD_377green_pixel.png"); } /*BEGIN DROPDOWN MENU STYLES*/ .menu { margin:0px; padding:0px; width:auto; height:25px; font-size: 0.85em; position: relative; z-index: 1; } /*IE HACK*/ * html .menu { width: auto; w\idth: auto; } /*IE HACK*/ .menu ul { margin: 0px; padding: 0px; list-style-type: none; float:right; } .menu li { float:left; width:auto; position:relative; } .menu a, .menu a:visited { display:block; font:bold 10px verdana, sans-serif; text-decoration:none; color:#709302; background:url("images/BCKGRD_link_pixel.png"); padding:6px 10px 7px 10px; } /*IE HACK*/ * html .menu a, * html .menu a:visited { width:auto; w\idth:auto; padding:6px 10px 7px 10px; p\adding:6px 10px 7px 10px; } /*IE HACK*/ .menu ul ul { visibility:hidden; position:absolute; height:0px; top:25px; left:0px; width:auto; } /*IE HACK*/ * html .menu ul ul { top:24px; t\op:25px; } /*IE HACK*/ .menu ul ul.left { left:-146px; } /*IE HACK*/ * html .menu ul ul.left { left:-145px; } /*IE HACK*/ .menu ul ul.left2 { left:-41px; } /*IE HACK*/ * html .menu ul ul.left2 { left:-40px; } /*IE HACK*/ /* position the third level flyout menu */ .menu ul ul ul{ left:160px; top:-1px; width:50px; } /*IE HACK*/ * html .menu ul ul ul{ left:159px; top:-1px; width:50px; } .menu table { position:absolute; top:0px; left:0px; border-collapse:collapse;; } .menu ul ul a, .menu ul ul a:visited, .menu ul ul ul a, .menu ul ul ul a:visited { background:url("images/BCKGRD_link_pixel.png"); color:#709302; padding:5px 10px 5px 10px; text-decoration:none; } .menu ul ul li.sm, .menu ul ul li.sm:visited { width:120px; } /*IE HACK*/ * html .menu ul ul li.sm, * html .menu ul ul li.sm:visited { width:120px; w\idth:119px; } /*IE HACK*/ .menu ul ul li.md, .menu ul ul li.md:visited { width:160px; } /*IE HACK*/ * html .menu ul ul li.md, * html .menu ul ul li.md:visited { width:160px; w\idth:159px; } /*IE HACK*/ .menu ul ul li, .menu ul ul li:visited { width:270px; border-top:solid 1px #fff; } /*IE HACK*/ * html .menu ul ul li, * html .menu ul ul li:visited { width:270px; w\idth:269px; border-top:solid 1px #fff; } /*IE HACK*/ .menu ul ul ul li, .menu ul ul ul li:visited { width:170px; border-top:solid 1px #fff; } /*IE HACK*/ * html .menu ul ul ul li, * html .menu ul ul ul li:visited { width:170px; w\idth:169px; border-top:solid 1px #fff; } /*IE HACK*/ .menu a:hover, .menu ul ul a:hover, .menu ul ul ul a:hover { color:#709302; background:#fff; } .menu ul ul a:hover, .menu ul ul ul a:hover { text-decoration:none; } .menu :hover > a, .menu ul ul :hover > a { color:#709302; background:#fff; } .menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; } .menu ul :hover ul ul { visibility:hidden; } .menu ul :hover ul :hover ul{ visibility:visible; } .lkend { width:50px; height:25px; background:url("images/BCKGRD_lkend3.png"); float:right; } .lkspace { width:134px; height:25px; background:url("images/BCKGRD_377green_pixel.png"); float:left; } /*IE HACK*/ * html .menu .lkspace { width: 70px; w\idth: 69px; } /*IE HACK*/ .home { width:65px; height:25px; float:left; background:url("images/BCKGRD_377green_pixel.png"); } .menu .home a.himage { margin-left:5px; padding-left:25px; width:50px; height:18px; background:url("images/BCKGRD_home1.png") no-repeat; font:bold 10px verdana, sans-serif; color:#fff; text-decoration:none; float:left; } .menu .home a.himage:hover { text-decoration:underline; background:url("images/BCKGRD_home2.png") no-repeat; } /*IE HACK*/ * html .menu .home a.himage { height:10px; h\eight:11px; } /*IE HACK*/ /*END DROPDOWN STYLES*/ #blk1_FlashMovie { margin:0px auto; padding:0px; width:800px; height:250px; border-top:solid 1px #fff; border-bottom:solid 1px #ccc; background:#000; } #blk1_FittestLoser { margin:0px auto; padding:0px; width:800px; height:250px; border-top:solid 1px #0072c6; border-bottom:solid 1px #0072c6; background:#fff; } #blk2 { margin:0px 50px; padding:0px; width:800px; height:auto; } #blk2_LeftCol { margin:0px; padding:0px; width:575px; height:auto; float:left; } #blk2_LeftCol_contentHeader { margin:0px; padding-right:10px; width:800px; height:24px; float:left; background:url("images/BCKGRD_littlePF.png") no-repeat; text-align:right; } #blk2_LeftCol_contentHolder { margin:0px; padding:25px 25px 25px 25px; width:730px; height:auto; float:left; text-align:left; } #blk2_LeftCol_contentHolder p { margin:0px 0px 12px 0px; font:normal 13px Verdana, sans-serif; color:#0072c6; } #blk2_LeftCol_subContentHolder { margin-top:30px; padding:0px; width:495px; height:auto; background:#ccc; float:left; } #blk2_RightCol { margin:0px; padding:0px; width:225px; height:auto; float:right; } #blk_RightCol_ImgHolder { margin:0px; padding:0px; width:225px; height:auto; float:right; } #blk3 { margin:0px 50px; padding:0px; width:800px; height:auto; background:url("images/BCKGRD_377green_pixel.png"); } #blk3_Footer { margin:0px 50px; padding:10px 0px; width:700px; height:auto; line-height : 8px; text-align:center; color:white; font:normal 11px verdana, sans-serif; } /*ACCORDIAN*/ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { border-left: solid 1px gray; border-right: solid 1px black; border-bottom: solid 1px gray; overflow: hidden; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. * * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */ .AccordionPanelTab { background-image: url(images/acc-closedpanel.jpg); border-top: solid 1px black; border-bottom: solid 1px gray; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow: auto; margin: 0px; padding: 0px; } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { background-image: url(images/acc-openpanel.jpg); } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { background-image: url(images/acc-hoverpanel.jpg); } .AccordionPanelOpen .AccordionPanelTabHover { color: #555555; } /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { background-color: #EEEEEE; } /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-image: url(images/acc-openpanel.jpg); background-color: #ebebeb; } /*END STYLES*/