/* Website: http://www.melpb-chamber.org Name: Mel-pb Chamber of Commerce inSite Description: inSite-powered website, designed and hosted by Artemis Inc. Version: Author: Author URI: http://www.artemisit.com Comments: This stylesheet contains all the basic styles used by inSite. This stylesheet is best viewed without word wrapping. */ /*** Body Styles ***/ body { margin: 0; font-size: 62.5%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #31404e; } /* This percentage sets 1.0 em to 10px. */ #body { float: left; background: #E7E7E7 url('/images/bg_body.png') repeat-x top left; width: 100%; } #outer { overflow: visible; margin: 4px auto auto auto; width: 1000px; } #leads_outer { overflow: visible; margin: 0px auto auto auto; width: 908px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #page { float: left; width: 100%; margin: 0 0 30px 0; background: url('/images/bg_page.png') top right; } #leads_page, #leads_page_full { background: #c3c3c3; float: left; width: 100%; } #leads_page_sub, #leads_page_sub_full { background: #fff; float: left; width: 100%; padding-bottom: 30px;} #printpage { float: left; width: 100%; } .header img { border: none; float: left; margin: 25px 0 0 35px;} .header { float: left; width: 100%; height: 209px; padding: 0; margin: 4px 0 0px 0; } #leads_header { float: left; width: 100%; height: 413px; padding: 0; margin: 0; background: url('images/leads/bg_header.png') no-repeat 0 145px;} #leads_body a img { border: none; } #leads_header_sub { float: left; width: 100%; height: 297px; padding: 0; margin: 0; background: url('images/leads/bg_header_sub.png') no-repeat 0 145px;} #leads_headertext { float: left; clear: left; width: 250px; margin: 90px 0 0 30px; } #leads_header_sub #leads_headertext { margin: 70px 0 0 30px; } #leads_outer #leads_headertext h2 { font-size: 1.7em; line-height: 150%; color: #fff; } #leads_headerbutton { float: left; background: url('images/leads/bg_button.png'); padding: 6px 35px 7px 13px; width: 180px; overflow: hidden; margin: 40px 0 0 0; font-weight: bold; color: #000; font-size: 1.5em; text-decoration: none; } #leads_rightcol { float: right; overflow: hidden; background: #fff; width: 300px; margin: 30px 30px 0 0; padding: 30px; } #leads_rightcol p {letter-spacing: 0px; } #leads_page_sub #leads_rightcol { background: #eee; margin-top: 0; } #leads_outer h3#leads_rightcol_title { display: block; padding: 15px 15px; font-size: 2.0em; float: right; width: 330px; margin: 15px 30px 0 0; border-bottom: 1px solid #ffa43c; } #leads_outer h3#leads_rightcol_title p { font-size: 1.0em; margin: 0; } p a.viewButton:link { display: block; width: 160px; padding: 10px 0px 10px 15px; margin: 10px 0 40px 0; background: url('images/leads/bg_button.png') center right; clear: left; text-decoration: none; color: #000; } p a.viewButton:hover, p a.viewButton:active, p a.viewButton:visited { display: block; width: 160px; padding: 10px 0px 10px 15px; margin: 10px 0 40px 0; background: url('images/leads/bg_button.png') center right; clear: left; text-decoration: none; color: #000; } #leads_logo { float: left; width: 240px; margin: 36px 0 0 19px; } #header1 { background: url('/images/bg_header.png') no-repeat bottom right; } #header2 { background: url('/images/bg_header2.png') no-repeat bottom right; } #header3 { background: url('/images/bg_header3.png') no-repeat bottom right; } #header4 { background: url('/images/bg_header4.png') no-repeat bottom right; } #content { color: #333; width: 581px; overflow: hidden; float: left; margin: 0px 10px 0 14px; } #leads_content { float: left; width: 440px; padding: 30px; } #leads_outer #leads_content h3 { color: #008f8f; } #leads_page_sub_full #leads_content, #leads_page_full #leads_content { float: left; width: 850px; padding: 30px; } #cols { float: right; margin: 0px 0 0 0; width: 390px;} #cols .block { float: left; clear: left; width: 390px; margin: 0 0 10px 0; } .block .left, .block .right { float: left; width: 175px; padding: 0px 10px 0 10px; } #col_left { width: 174px; float: left; padding: 0px 10px 0 10px; } #col_right { width: 175px; float: left; padding: 0px 0 10px 10px; margin: 0 0 0 0px; } #cols img { border: none; float: none; margin: 5px auto 7px 5px; } #col_left .headerImg { border: none; } #col_left table td a img {padding: 0; border: none; vertical-align: top;} #events { min-height: 490px; width: 96%; margin: 10px auto 0 auto; background: #fff; padding: 2px; } #cols h3 { padding-bottom: 10px; margin: 15px 0 10px 0; border-bottom: 1px solid #D6E0E7; } a.register { padding: 4px 6px; border: 1px solid #D6E0E7; background: #f7f7f7; color: #fff; text-decoration: none;} a.register:hover { border: 1px solid #00AAA6; text-decoration:none;} /*** Warning/Alert/Message Boxes ***/ .errorBox {clear: left; float: left; width: 500px; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #FF0000; background: #FFE4E4 url('/intranet/images/ico_error.png') no-repeat 5px 5px; margin: 0 0 10px 0; display: } .messageBox {clear: left; float: left; width: 500px; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #FFCC00; background: #fffdd6 url('/intranet/images/ico_yellowerror.png') no-repeat 5px 5px; margin: 0 0 10px 0; } .positiveBox {clear: left; float: left; width: 500px; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #6EC461; background: #E5FFE0 url('/intranet/images/ico_checkmark.png') no-repeat 5px 5px; margin: 0 0 10px 0; display: } /* Splashj Page */ #HomePage #page { float: left; width: 100%; background: #fff; } #HomePage #search { margin: 15px 0 0 0; background: #F7F6EE; border-left: 1px solid #C7C39F; border-top: 1px solid #EBE8CB; border-right: none; } #HomePage #content { width: 980px; margin: 0; padding: 40px 0 0 20px;} #HomePage .header { background: url('/images/bg_blank.png') no-repeat bottom right; height: 179px; } #splashLink { color: #000; padding: 4px; margin: 10px 30px 0 0; width: 350px; float: right; } #splashLink:hover { text-decoration: none; } #splashLink h2 { line-height: 1.0em; } #splashLink h3 { font-size: 1.4em; padding: 8px 0 0 0; float: left;} .splashcol { width: 300px; float: left; display: block; height: 480px; width: 280px; margin: 0 20px 0px 20px; overflow: hidden; } .splashcol h2 { display: none; margin: 0; padding: 0; } .splashcol a { height: 300px; width: 100%; float: left; display: block; } .splashcol p { padding: 4px 7px; margin: 0; font-size: 1.3em; color: #000; float: left; width: 265px; } #splash1 { background: url('/images/bg_splash1.jpg') no-repeat;} #splash2 { background: url('/images/bg_splash2.jpg') no-repeat;} #splash3 { background: url('/images/bg_splash3.jpg') no-repeat;} .splashcol a.more { float: right; width: 54px; height: 30px; margin: 0; background: url('/images/ico_arrow.png') no-repeat 45px 3px; font-size: 1.4em; text-decoration: none; text-transform: uppercase; } #more1 { margin-top: 0px; } /* Member Directory */ table.memberTable { float: left; padding: 0; margin: 0; width: 645px; } .memberTable table { float: left; padding: 0; margin: 0;} #memberSearch { float: left; width: 770px; } #MemberDirectory #page, #MemberDirectorySearchResults #page{ background: url('/images/bg_pagewide.png') top right; } #MemberDirectory #content, #MemberDirectorySearchResults #content { width: 775px; } #MemberDirectory #cols, #MemberDirectorySearchResults #cols { float: left; width: 198px; } #MemberDirectory #col_right, #MemberDirectorySearchResults #col_right { width: 175px; float: left; padding: 0px 0 10px 15px; margin: 0 0 0 0px; } table.letters { width: 775px; padding: 0; border-collapse: collapse; } table.letters td { padding: 1px; text-align: left; } /* Page Titles */ .pageTitle { float: left; width: 100%; z-index: 0; border-bottom: 1px solid #d6e0e7; padding: 0 0 5px 0; margin: 10px 0 20px 0; } .pageTitleFull { float: left; width: 840px; z-index: 0; border-bottom: 1px solid #d6e0e7; padding: 0 0 5px 0; margin: 10px 0 20px 0; } #leads_outer .pageTitle { float: left; width: 100%; margin: 0 0 20px 0; border: none; } .pageTitle a, .pageTitleFull a { float: right; display: block; height: 20px; width: 80px; margin: 2px 0 0 0; background: url('/home/images/print.gif') no-repeat; border: none;} .pageTitle a:hover, .pageTitleFull a:hover { background: url('/home/images/printup.gif') no-repeat; } .pageTitle a img, .pageTitleFull a img { border:none; } .pageTitle h2, .pageTitleFull h2 { float: left; width: auto; } #leads_outer .pageTitle h2, #leads_outer .pageTitleFull h2 { width: 360px; font-size: 2.0em; } /*** Heading Styles ***/ h1 { display: none; } h2 { margin: 0; font-size: 22px; width: 100%; line-height: 125%; font-weight: normal; font-family: Georgia, Georgia, serif; color: #000; display: block; float: left; } h3 { margin: 0; font-size: 18px; margin-bottom: 0px; line-height: 100%; font-weight: normal; letter-spacing: 0; font-family: Georgia, Georgia, serif; color: #000; } h4 { margin: 0; font-size: 14px; margin-bottom: 0px; } h5 { margin: 0; font-size: 10px; margin-top: 0; margin-bottom: 10px; } hr { 1px solid #888; margin: 0; } #leads_outer h1 { display: none; } #leads_outer h2 { margin: 0; font-size: 18px; width: 100%; line-height: 125%; font-weight: normal; color: #000; display: block; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #leads_outer h3 { margin: 0; font-size: 16px; margin-bottom: 0px; line-height: 100%; font-weight: normal; letter-spacing: 0; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #leads_outer h4 { margin: 0; font-size: 14px; margin-bottom: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #leads_outer h5 { margin: 0; font-size: 12px; margin-top: 0; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /*** Table Styles - Tables are for tabular data ***/ td { padding: 2px; vertical-align: top; } tr.altrow { background-color: #e5e5e5; } table { border-collapse: collapse; margin: 0 auto 10px auto; font-size: 1.1em;} table th { text-align: left; background: #F5F6F7; padding: 5px;} table .normal { width: 330px; } /*** Content/Copy Styles ***/ p { font-size: 1.3em; line-height: 145%; margin: 0; margin-bottom: 15px; color: #31404e; } #leads_outer p { color: #000; font-size: 1.4em; } #content ul li { font-size: 1.3em; margin: 0 0 10px 40px; line-height: 1.5em; } #leads_content ul li, #leads_content ol li {font-size: 1.4em; margin: 0 0 15px 40px; line-height: 1.1em; } #content ul, #leads_content ul, #leads_content ol { float: left; margin: 0px 0 10px 0; padding: 0; width: 100%;} #printcontent { clear: left; color: #000; padding: 10px; } #printcontent p { clear: left; } #printcontent ul li { font-size: 1.3em; margin: 0 0 10px 40px; line-height: 1.5; } .smallbold { font-size: 0.9em; } /*** Link Styles ***/ a:link { color: #008f8f; text-decoration: none; } a:visited { color: #008f8f; text-decoration: none;} a:hover { color: #008f8f; text-decoration: underline;} /*** Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr tag ***/ hr { float: left; border-top: 1px solid #D6E0E7; width: 100%; height: 1px; margin: 5px 0 0 7px; padding: 0; border-left: none; border-bottom: none; border-right: none; } /*** Navigation - Uses an unordered list and styles them as buttons This nav supports rounded buttons and drop-down menus. ***/ /* Main Nav */ /* Main Nav Container */ #navcontainer1 { width: 100%; padding: 0; margin: 0px 0 9px 0; float: left; height: auto; } /* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/ */ #nav1 { float: left; font-size: 13px; font-style: normal; letter-spacing: -1; } #nav1 ul { float: left; margin: 0; padding: 0; list-style: none; } #nav1 li { float: left; position: relative; margin: 0 5px 0 0px; padding: 0 0 0 0px; } #nav1 a { float: left; margin:0; padding:0 0 0 13px; /* The space between the left side of the tab and the text. */ margin-left: 0px; /* Spacing between navigation tabs */ text-decoration:none; } #nav1 a span { display:block; padding:8px 13px 13px 0px; /* The padding around the text */ font-weight: normal; color: #000; height: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav1 a span {float:none;} /* End IE5-Mac hack */ #nav1 a:hover span { color: #000; } #nav1 #current a { background-position: left bottom; border-width:0; } #nav1 #current a span { background-position:100% 100%; padding:8px 8px 8px 5px; color: #333; } #nav1 a:hover { background: url('/images/nav_frontcap.png') repeat-y top left; } #nav1 a:hover span { background: url('/images/nav_endcap.png') repeat-y top right; } /* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */ /* Applies to all sub-levels */ #nav_dropdown1, #nav_dropdown1 ul { float: right; padding: 0; height: auto; margin: 0; list-style: none; line-height: 1; } #nav_dropdown1 ul a { display: block; background: none; font-weight: normal; font-size: 1.0em; } /* 1st Level List Items */ #nav_dropdown1 li { float: left; } /* 2nd Level List - UL Sets a width on the UL element - Without it, list goes horizontal Hides the UL from view using left */ /* Using left instead of display to hide menus because display: none isn't read by screen readers */ #nav_dropdown1 li ul { position: absolute; left: -999em; padding-right: 13px; padding-bottom: 12px; background: url('/images/nav_dropshadow.png') no-repeat bottom left; } /* 2nd Level List elements - LI */ #nav_dropdown1 ul li { clear:left; margin: 5px 0 0 8px; display: inline; padding: 0; } #nav_dropdown1 ul li:hover { background: none; } /* 2nd Level List elements - A */ #nav_dropdown1 ul li a { width: 155px; padding: 6px 13px 7px 13px; margin: 0; color: #000; } #nav_dropdown1 ul li a:hover { background: url('/images/nav_up.png'); color: #000;} /* 3rd Level List elements - UL - Sets position of the UL element */ #nav_dropdown1 li ul ul { margin: 0px 0 0 175px; } /* 3rd Level List elements - A */ #nav_dropdown1 ul ul li a { } #nav_dropdown1 ul ul li a:hover { background: url('/images/nav_up.png'); color: #000; margin-left: 0; } /* This bit moves list items off the page using negative left margin */ #nav_dropdown1 li:hover ul ul, #nav_dropdown1 li.sfhover ul ul { left: -999em; } /* This brings the list items back on screen and into view upon hover Note usage of .sfhover, a class required and called by the javascript function that handles :hover attributes so that IE will properly :hover on a LI element */ /* lists nested under hovered list items */ #nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul, #nav_dropdown1 li.sfhover ul, #nav_dropdown1 li li.sfhover ul { left: 0px; top: 34px; } #nav_dropdown1 li li:hover ul, #nav_dropdown1 li li.sfhover ul { left: 0px; top: 0px; } #nav_dropdown1 li:hover > a, #nav_dropdown1 li.sfhover > a { background: #eda; background: url('/images/nav_frontcap.png') repeat-y 0px 0; } /* T1 a */ #nav_dropdown1 li:hover a span, #nav_dropdown1 li.sfhover a span { background: url('/images/nav_endcap.png') repeat-y top right; } /* T1 span */ /* Special Class For showing bg-image w/arrow for 3rd level items */ #nav_dropdown1 ul li .nav_has_level3 { background-image: url('/images/nav_arrow.png'); background-position: top right; } #nav_dropdown1 ul li .nav_has_level3:hover { background-image: url('/images/nav_arrow_up.png'); background-position: top right; } /* Leads Club Top Nav */ /* Main Nav Container */ #navcontainer2 { width: 515px; padding: 0; margin: 0; float: right; height: auto; } /* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/ */ #nav2 { float: left; font-size: 14px; font-weight: bold; letter-spacing: -1; background: url('images/leads/nav_bg.png'); width: 502px; padding: 0 0 0 13px; } #nav2 ul { float: left; margin: 0; padding: 0; list-style: none; } #nav2 li { float: left; position: relative; margin: 0 0 0 0px; padding: 0 0 0 0px; } #nav2 a { float: left; margin:0; padding:0 0 0 12px; /* The space between the left side of the tab and the text. */ margin-left: 1px; /* Spacing between navigation tabs */ text-decoration:none; } #nav2 a span { display:block; padding:12px 12px 12px 0px; /* The padding around the text */ color: #000; height: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav2 a span {float:none;} /* End IE5-Mac hack */ #nav2 a:hover span { color: #000; } #nav2 #current a { background-position: left bottom; border-width:0; } #nav2 #current a span { background-position:100% 100%; padding:8px 8px 8px 5px; color: #333; } #nav2 a:hover { background: #d1db78; } #nav2 a:hover span { background: #d1db78; } /* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */ /* Applies to all sub-levels */ #nav_dropdown2, #nav_dropdown2 ul { float: right; padding: 0; height: auto; margin: 0; list-style: none; line-height: 1; } #nav_dropdown2 ul a { display: block; background: none; font-weight: normal; font-size: 1.0em; } /* 1st Level List Items */ #nav_dropdown2 li { float: left; } /* 2nd Level List - UL Sets a width on the UL element - Without it, list goes horizontal Hides the UL from view using left */ /* Using left instead of display to hide menus because display: none isn't read by screen readers */ #nav_dropdown2 li ul { position: absolute; left: -999em; padding-right: 13px; padding-bottom: 12px; background: url('/images/nav_dropshadow.png') no-repeat bottom left; } /* 2nd Level List elements - LI */ #nav_dropdown2 ul li { clear:left; margin: 5px 0 0 8px; display: inline; padding: 0; } #nav_dropdown2 ul li:hover { background: none; } /* 2nd Level List elements - A */ #nav_dropdown2 ul li a { width: 155px; padding: 6px 13px 7px 13px; margin: 0; color: #000; } #nav_dropdown2 ul li a:hover { background: url('/images/nav_up.png'); color: #000;} /* 3rd Level List elements - UL - Sets position of the UL element */ #nav_dropdown2 li ul ul { margin: 0px 0 0 175px; } /* 3rd Level List elements - A */ #nav_dropdown2 ul ul li a { } #nav_dropdown2 ul ul li a:hover { background: url('/images/nav_up.png'); color: #000; margin-left: 0; } /* This bit moves list items off the page using negative left margin */ #nav_dropdown2 li:hover ul ul, #nav_dropdown2 li.sfhover ul ul { left: -999em; } /* This brings the list items back on screen and into view upon hover Note usage of .sfhover, a class required and called by the javascript function that handles :hover attributes so that IE will properly :hover on a LI element */ /* lists nested under hovered list items */ #nav_dropdown2 li:hover ul, #nav_dropdown2 li li:hover ul, #nav_dropdown2 li.sfhover ul, #nav_dropdown2 li li.sfhover ul { left: 0px; top: 34px; } #nav_dropdown2 li li:hover ul, #nav_dropdown2 li li.sfhover ul { left: 0px; top: 0px; } #nav_dropdown2 li:hover > a, #nav_dropdown2 li.sfhover > a { background: #d1db78; } /* T1 a */ #nav_dropdown2 li:hover a span, #nav_dropdown2 li.sfhover a span { background: #d1db78; } /* T1 span */ /* Special Class For showing bg-image w/arrow for 3rd level items */ #nav_dropdown2 ul li .nav_has_level3 { background-image: url('/images/nav_arrow.png'); background-position: top right; } #nav_dropdown2 ul li .nav_has_level3:hover { background-image: url('/images/nav_arrow_up.png'); background-position: top right; } /* Beach Referral Group Main Nav */ /* Main Nav Container */ #navcontainer3 { width: 100%; padding: 0; margin: 0px 0 0 0; float: left; height: auto; background: #d7d7d7; } /* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/ */ #nav3 { float: left; font-size: 13px; font-style: normal; letter-spacing: -1; } #nav3 ul { float: left; margin: 0; padding: 0; list-style: none; } #nav3 li { float: left; position: relative; margin: 0 5px 0 0px; padding: 0 0 0 0px; } #nav3 a { float: left; margin:0; padding:0 0 0 13px; /* The space between the left side of the tab and the text. */ margin-left: 0px; /* Spacing between navigation tabs */ text-decoration:none; } #nav3 a span { display:block; padding:9px 13px 12px 0px; /* The padding around the text */ font-weight: normal; color: #000; height: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav3 a span {float:none;} /* End IE5-Mac hack */ #nav3 a:hover span { color: #000; } #nav3 #current a { background-position: left bottom; border-width:0; } #nav3 #current a span { background-position:100% 100%; padding:8px 8px 8px 5px; color: #333; } #nav3 a:hover { background: url('/images/nav_frontcap.png') repeat-y top left; } #nav3 a:hover span { background: url('/images/nav_endcap.png') repeat-y top right; } /* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */ /* Applies to all sub-levels */ #nav_dropdown3, #nav_dropdown3 ul { float: right; padding: 0; height: auto; margin: 0; list-style: none; line-height: 1; } #nav_dropdown3 ul a { display: block; background: none; font-weight: normal; font-size: 1.0em; } /* 1st Level List Items */ #nav_dropdown3 li { float: left; } /* 2nd Level List - UL Sets a width on the UL element - Without it, list goes horizontal Hides the UL from view using left */ /* Using left instead of display to hide menus because display: none isn't read by screen readers */ #nav_dropdown3 li ul { position: absolute; left: -999em; } /* 2nd Level List elements - LI */ #nav_dropdown3 ul li { clear:left; margin: 0; display: inline; padding: 0; } #nav_dropdown3 ul li:hover { background: none; } /* 2nd Level List elements - A */ #nav_dropdown3 ul li a { width: 155px; padding: 6px 13px 7px 13px; margin: 0; color: #000; background: #e8e8e8; border-bottom: 1px solid #fff;} #nav_dropdown3 ul li a:hover { background: #d2d2d2; color: #000;} /* 3rd Level List elements - UL - Sets position of the UL element */ #nav_dropdown3 li ul ul { margin: 0px 0 0 175px; } /* 3rd Level List elements - A */ #nav_dropdown3 ul ul li a { } #nav_dropdown3 ul ul li a:hover { background: url('/images/nav_up.png'); color: #000; margin-left: 0; } /* This bit moves list items off the page using negative left margin */ #nav_dropdown3 li:hover ul ul, #nav_dropdown3 li.sfhover ul ul { left: -999em; } /* This brings the list items back on screen and into view upon hover Note usage of .sfhover, a class required and called by the javascript function that handles :hover attributes so that IE will properly :hover on a LI element */ /* lists nested under hovered list items */ #nav_dropdown3 li:hover ul, #nav_dropdown3 li li:hover ul, #nav_dropdown3 li.sfhover ul, #nav_dropdown3 li li.sfhover ul { left: 0px; top: 34px; } #nav_dropdown3 li li:hover ul, #nav_dropdown3 li li.sfhover ul { left: 0px; top: 0px; } #nav_dropdown3 li:hover > a, #nav_dropdown3 li.sfhover > a { background: #eda; background: url('/images/leads/bg_subnav.png'); } /* T1 a */ #nav_dropdown3 li:hover a span, #nav_dropdown3 li.sfhover a span { background: url('/images/leads/bg_subnav.png'); } /* T1 span */ /* Special Class For showing bg-image w/arrow for 3rd level items */ #nav_dropdown3 ul li .nav_has_level3 { background-image: url('/images/nav_arrow.png'); background-position: top right; } #nav_dropdown3 ul li .nav_has_level3:hover { background-image: url('/images/nav_arrow_up.png'); background-position: top right; } /* Viera Leads Group Main Nav */ /* Main Nav Container */ #navcontainer4 { width: 100%; padding: 0; margin: 0px 0 0 0; float: left; height: auto; background: #d7d7d7; } /* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/ */ #nav4 { float: left; font-size: 13px; font-style: normal; letter-spacing: -1; } #nav4 ul { float: left; margin: 0; padding: 0; list-style: none; } #nav4 li { float: left; position: relative; margin: 0 5px 0 0px; padding: 0 0 0 0px; } #nav4 a { float: left; margin:0; padding:0 0 0 13px; /* The space between the left side of the tab and the text. */ margin-left: 0px; /* Spacing between navigation tabs */ text-decoration:none; } #nav4 a span { display:block; padding:9px 13px 12px 0px; /* The padding around the text */ font-weight: normal; color: #000; height: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav4 a span {float:none;} /* End IE5-Mac hack */ #nav4 a:hover span { color: #000; } #nav4 #current a { background-position: left bottom; border-width:0; } #nav4 #current a span { background-position:100% 100%; padding:8px 8px 8px 5px; color: #333; } #nav4 a:hover { background: url('/images/nav_frontcap.png') repeat-y top left; } #nav4 a:hover span { background: url('/images/nav_endcap.png') repeat-y top right; } /* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */ /* Applies to all sub-levels */ #nav_dropdown4, #nav_dropdown4 ul { float: right; padding: 0; height: auto; margin: 0; list-style: none; line-height: 1; } #nav_dropdown4 ul a { display: block; background: none; font-weight: normal; font-size: 1.0em; } /* 1st Level List Items */ #nav_dropdown4 li { float: left; } /* 2nd Level List - UL Sets a width on the UL element - Without it, list goes horizontal Hides the UL from view using left */ /* Using left instead of display to hide menus because display: none isn't read by screen readers */ #nav_dropdown4 li ul { position: absolute; left: -999em; } /* 2nd Level List elements - LI */ #nav_dropdown4 ul li { clear:left; margin: 0; display: inline; padding: 0; } #nav_dropdown4 ul li:hover { background: none; } /* 2nd Level List elements - A */ #nav_dropdown4 ul li a { width: 155px; padding: 6px 13px 7px 13px; margin: 0; color: #000; background: #e8e8e8; border-bottom: 1px solid #fff;} #nav_dropdown4 ul li a:hover { background: #d2d2d2; color: #000;} /* 3rd Level List elements - UL - Sets position of the UL element */ #nav_dropdown4 li ul ul { margin: 0px 0 0 175px; } /* 3rd Level List elements - A */ #nav_dropdown4 ul ul li a { } #nav_dropdown4 ul ul li a:hover { background: url('/images/nav_up.png'); color: #000; margin-left: 0; } /* This bit moves list items off the page using negative left margin */ #nav_dropdown4 li:hover ul ul, #nav_dropdown4 li.sfhover ul ul { left: -999em; } /* This brings the list items back on screen and into view upon hover Note usage of .sfhover, a class required and called by the javascript function that handles :hover attributes so that IE will properly :hover on a LI element */ /* lists nested under hovered list items */ #nav_dropdown4 li:hover ul, #nav_dropdown4 li li:hover ul, #nav_dropdown4 li.sfhover ul, #nav_dropdown4 li li.sfhover ul { left: 0px; top: 34px; } #nav_dropdown4 li li:hover ul, #nav_dropdown4 li li.sfhover ul { left: 0px; top: 0px; } #nav_dropdown4 li:hover > a, #nav_dropdown4 li.sfhover > a { background: #eda; background: url('/images/leads/bg_subnav.png'); } /* T1 a */ #nav_dropdown4 li:hover a span, #nav_dropdown4 li.sfhover a span { background: url('/images/leads/bg_subnav.png'); } /* T1 span */ /* Special Class For showing bg-image w/arrow for 3rd level items */ #nav_dropdown4 ul li .nav_has_level3 { background-image: url('/images/nav_arrow.png'); background-position: top right; } #nav_dropdown4 ul li .nav_has_level3:hover { background-image: url('/images/nav_arrow_up.png'); background-position: top right; } /* Money Makers Main Nav */ /* Main Nav Container */ #navcontainer5 { width: 100%; padding: 0; margin: 0px 0 0 0; float: left; height: auto; background: #d7d7d7; } /* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/ */ #nav5 { float: left; font-size: 13px; font-style: normal; letter-spacing: -1; } #nav5 ul { float: left; margin: 0; padding: 0; list-style: none; } #nav5 li { float: left; position: relative; margin: 0 5px 0 0px; padding: 0 0 0 0px; } #nav5 a { float: left; margin:0; padding:0 0 0 13px; /* The space between the left side of the tab and the text. */ margin-left: 0px; /* Spacing between navigation tabs */ text-decoration:none; } #nav5 a span { display:block; padding:9px 13px 12px 0px; /* The padding around the text */ font-weight: normal; color: #000; height: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav5 a span {float:none;} /* End IE5-Mac hack */ #nav5 a:hover span { color: #000; } #nav5 #current a { background-position: left bottom; border-width:0; } #nav5 #current a span { background-position:100% 100%; padding:8px 8px 8px 5px; color: #333; } #nav5 a:hover { background: url('/images/nav_frontcap.png') repeat-y top left; } #nav5 a:hover span { background: url('/images/nav_endcap.png') repeat-y top right; } /* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */ /* Applies to all sub-levels */ #nav_dropdown5, #nav_dropdown5 ul { float: right; padding: 0; height: auto; margin: 0; list-style: none; line-height: 1; } #nav_dropdown5 ul a { display: block; background: none; font-weight: normal; font-size: 1.0em; } /* 1st Level List Items */ #nav_dropdown5 li { float: left; } /* 2nd Level List - UL Sets a width on the UL element - Without it, list goes horizontal Hides the UL from view using left */ /* Using left instead of display to hide menus because display: none isn't read by screen readers */ #nav_dropdown5 li ul { position: absolute; left: -999em; } /* 2nd Level List elements - LI */ #nav_dropdown5 ul li { clear:left; margin: 0; display: inline; padding: 0; } #nav_dropdown5 ul li:hover { background: none; } /* 2nd Level List elements - A */ #nav_dropdown5 ul li a { width: 155px; padding: 6px 13px 7px 13px; margin: 0; color: #000; background: #e8e8e8; border-bottom: 1px solid #fff;} #nav_dropdown5 ul li a:hover { background: #d2d2d2; color: #000;} /* 3rd Level List elements - UL - Sets position of the UL element */ #nav_dropdown5 li ul ul { margin: 0px 0 0 175px; } /* 3rd Level List elements - A */ #nav_dropdown5 ul ul li a { } #nav_dropdown5 ul ul li a:hover { background: url('/images/nav_up.png'); color: #000; margin-left: 0; } /* This bit moves list items off the page using negative left margin */ #nav_dropdown5 li:hover ul ul, #nav_dropdown5 li.sfhover ul ul { left: -999em; } /* This brings the list items back on screen and into view upon hover Note usage of .sfhover, a class required and called by the javascript function that handles :hover attributes so that IE will properly :hover on a LI element */ /* lists nested under hovered list items */ #nav_dropdown5 li:hover ul, #nav_dropdown5 li li:hover ul, #nav_dropdown5 li.sfhover ul, #nav_dropdown5 li li.sfhover ul { left: 0px; top: 34px; } #nav_dropdown5 li li:hover ul, #nav_dropdown5 li li.sfhover ul { left: 0px; top: 0px; } #nav_dropdown5 li:hover > a, #nav_dropdown5 li.sfhover > a { background: #eda; background: url('/images/leads/bg_subnav.png'); } /* T1 a */ #nav_dropdown5 li:hover a span, #nav_dropdown5 li.sfhover a span { background: url('/images/leads/bg_subnav.png'); } /* T1 span */ /* Special Class For showing bg-image w/arrow for 3rd level items */ #nav_dropdown5 ul li .nav_has_level3 { background-image: url('/images/nav_arrow.png'); background-position: top right; } #nav_dropdown5 ul li .nav_has_level3:hover { background-image: url('/images/nav_arrow_up.png'); background-position: top right; } /* Footer Nav */ #footerCenter { width: 940px; position: relative; display: block; margin: auto; text-align: left;} #footer { float: left; margin: 0px 0 0 0; float: left; width:100%; background: #d6e0e7; color: #777; text-align: center; padding: 10px 0; } #leads_footer { float: left; margin: 0px 0 0 0; float: left; width:100%; color: #777; text-align: center; padding: 10px 0; } #leads_footer_right { float: right; } #footer p { float: left; font-size: 1.1em; } #leads_footer p { float: left; font-size: 1.2em; color: #fff; } #footer a { color: #777; padding: 2px; margin: 0; text-decoration: none; margin-right: 2px; } #leads_footer a { font-size: 1.2em; color: #fff; } #footer a:visited { color: #777; } #footer a:hover { color: #333; text-decoration: underline; } #footer img { margin-left: 195px; } #printFooter { font-size: 1.1em; padding: 10px; float: right; } #footerCenter .Artemis { display: block; height: 40px; width: 140px; float: right; background: url('images/ico-artemislogo.png'); } /*** Images & Alignments Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) ***/ #header img { border: 0; } img.centered { display: block; margin-left: auto; margin-right: auto;} .alignright { float: right; } .alignleft { float: left;} .captionblock { background-color: white; border: 10px solid white; width: 150px; margin-left: 30px; } /*** Hacks - May become outdated when/if IE ships with proper CSS support ***/ /* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ Update: Use of overflow:hidden in combination with a totally floated layout and position:relative now replaces this hack. */ div.spacer { clear: both; } /*** Calendar System Styles ***/ #col_left table { width: 170px; } #minical table { margin: 0 auto; } #minical { padding: 5px 0 0 0; } #Calendar #content table { float: left; margin: 0; width: 100%; } /* Mini Calendar Styles */ .MiniCalTableTitle { width: 120px; } .MiniCalTableDays { width: 120px; } .MiniCalFont { color: #000000; font-family: Arial, Helvetica, sans-serif; } .CalendarDayWeekFont { padding: 1px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight:bold; } .CalendarFont { padding: 1px; color: #000000; font-family: Arial, Helvetica, sans-serif; } .MiniCalHeader { color: #000000; font-family: Arial, Helvetica, sans-serif; } /* Main Calendar & Event Coordinator Styles */ /* Single Event Display Styles */ .EventTable { background-color: #F7F7F7; margin: 0 auto; } .EventHeader { background-color: #00AAA6; font-size: 15px; color: #ffffff; } .EventSubHeader { font-size: 1.5em; color: #000; } .EventSubHeaderReg { font-size: 1.4em; padding: 20px 0 5px 0; } .EventDate { color: #000000; font-size: 14px; height: 15px; } .EventTitle { font-weight: bold; font-size: 1.1em; padding: 5px 2px; background: #e7e7e7; } .EventDetail { color: #000000; font-size: 1.1em; font-weight: normal; background: #f2f2f2; padding: 10px 10px 10px 5px; margin: 0 0 10px 0;} .EventDetail div { margin: 0; padding: 0; } .EventDetailSmall { color: #000000; font-size: 9px; text-decoration: none; } .EventLinks { font-size: 10; } a.EventLinks { font-size: 10; text-decoration: none; } a.EventLinks:link { text-decoration: none; font-size: 10;} a.EventLinks:visited { font-size: 10; text-decoration: none; } a.EventLinks:hover { text-decoration: underline; font-size: 10; } .EventDivider { display: none; } /* Side Bar Styles */ .EventSideBar { } /* Main Calendar & Event Coordinator Admin Styles */ .AdminHeader { font-size: 18px; color: #000000;} .AdminSubHeader { font-size: 14px; color: #FFFFFF; background-color: #000000; } .AdminAltRows { background-color: #8f8f8f;} A.AdminLinks:link { font-size: 9px; color: #000000; text-decoration: none; } A.AdminLinks:visited { font-size: 9px; color: #000000; text-decoration: none; } A.AdminLinks:hover { font-size: 9px; color: #000000; text-decoration: none;} .AdminNormal {color: #000000; font-size: smaller; } .AdminDetails { color: #000000; font-size: 9px;} .AdminWarning { color: #FF0000; font-size: small;} .MenuDD { font-size: 10px; color: #000000; } /*** Print Button styles ***/ .printBox a { float: right; display: block; background: url(images/print.gif) no-repeat; width: 80px; height: 20px;} .printBox a:hover { display: block; background: url(images/printUp.gif) no-repeat; } /*** Insite WYSIWYG styles ***/ .h1 { margin: 10px 0 15px 0; font-size: 20px; line-height: 125%; font-family: Georgia, Georgia, serif; color: #000; } .h2 { margin: 0px 0 0px 0; font-size: 20px; width: 100%; line-height: 125%; font-family: Georgia, Georgia, serif; color: #000; display: block; padding: 10px 0 7px 0; border-bottom: 1px solid #d6e0e7; } .h3 { margin: 0 0 0px 0; font-size: 18px; padding: 0; font-family: Georgia, Georgia, serif; } .h4 { margin: 0 0 10px 0; font-size: 18px; display: block; padding: 0 0 4px 0; border-bottom: 1px solid #D6E0E7; float: left; width: 100%; font-family: Georgia, Georgia, serif;} .h5 { margin: 0 0 10px 0; font-size: 11px; display: block; } .normal { line-height: 145%; margin: 0; padding-bottom: 15px; clear: left; } .linkBox { font-size: 1.2em; border: 1px solid #8EC2E1; background-color: white; padding: 20px; width: 560px; margin: auto;} #leads_outer .h1 { margin: 10px 0 15px 0; font-size: 24px; line-height: 125%; color: #ccc; } #leads_outer .h2 { margin: 0px 0 0px 0; font-size: 20px; width: 100%; line-height: 125%; color: #000; display: block; padding: 10px 0 7px 0; border-bottom: 1px solid #d6e0e7; } #leads_outer .h3 { margin: 0 0 0px 0; font-size: 18px; padding: 0; } #leads_outer .h4 { margin: 0 0 10px 0; font-size: 18px; display: block; padding: 0 0 4px 0; border-bottom: 1px solid #D6E0E7; float: left; width: 100%; } #leads_outer .h5 { margin: 0 0 10px 0; font-size: 11px; display: block; } #leads_outer .normal { line-height: 145%; margin: 0; padding-bottom: 15px; clear: left; } #leads_body .h1, #leads_body .h2, #leads_body .h3, #leads_body .h4, #leads_body .h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #leads_outer table { margin: 0; background: #f7f7f7; width: 100%; margin: 0 0 15px 0;} #leads_outer table td { font-size: 1.3em; padding: 10px 0 10px 10px; } #leads_outer table td.EventSideBar { font-weight: bold; } .altrow { background-color:#CCC;} /*** Misc Styles ***/ .MsoNormal { width: auto; }