/* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { text-align: center; font-family: verdana; font-size: 11px; color: #999; background-image:url(bg1.jpg)} table, th, td { font-family: arial, verdana, sans-serif; font-size: 12px; color: #666; vertical-align: top; } a img, :link img, :visited img { border: none; } a:link { color:#74B5C9; text-decoration: underline; font-size: 11px; } a:visited { color:#74B5C9; text-decoration: underline; font-size: 11px; } a:hover, a:active { color:#999; text-decoration: none; font-size: 11px; } hr { color: #ddd; background: #ddd; height: 1px; border: 0; margin: 10px 0;} /* home ------------------------------------------------------------------------------------- */ #container { position: relative; width: 760px; margin: 8px auto; background: #fff; text-align: left; } #header { background: url(../images/bg_top.gif) no-repeat; text-align: right; padding: 18px 0 16px; } .h_pressroom { position: absolute; top: 54px; left: 20px; text-align: left; } #nav_holder { position: absolute; top: 102px; left: 20px; width: 154px; z-index: 100; } #chat { float: left; clear: left; width: 100px; margin-top: 30px; z-index: 100; } .bodytext { font-family: verdana; font-size: 11px; color: #666; text-align:justify; line-height:16px ; } .bodyheading { font-family: CENTURY GOTHIC; font-size: 22px; color: #C29A3D; text-align:left; font-weight:normal } .bodyheading2 { font-family: CENTURY GOTHIC; font-size: 18px; color: #C29A3D; text-align:left; font-weight:normal } .bodyheadingwhite { font-family: CENTURY GOTHIC; font-size: 24px; color: #ffffff; text-align:left; font-weight:normal } .bodyheadinggrey { font-family: CENTURY GOTHIC; font-size: 20px; color: #666666; text-align:left; font-weight:normal } /* navigation ------------------------------------------------------------------------------------- */ /*#nav { position: absolute; top: 102px; left: 20px; width: 154px; background: #fff; z-index: 50; }*/ #nav { position: relative; float: left; width: 154px; background: #fff; z-index: 100; font-size: 11px; } #nav li { position: relative; float: left; height: 20px; width: 154px; list-style: none; font-size: 11px; } #nav li a { position: relative; height: 20px; width: 154px; font-size: 10px; display: block; text-decoration: none; cursor: pointer; font-size: 11px; } #nav li strong { position: absolute; top:0px; left:0px; display: block; height: 20px; width: 154px; font-size: 11px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); background-repeat: no-repeat; font-size: 11px; } #nav li.stand, #nav li.stand a, #nav li.stand a strong { background-position: 0 0; } #nav li.what, #nav li.what a, #nav li.what a strong { background-position: 0 -20px; } #nav li.who, #nav li.who a, #nav li.who a strong { background-position: 0 -40px; } #nav li.happening, #nav li.happening a, #nav li.happening a strong { background-position: 0 -60px;} #nav li.whohelp, #nav li.whohelp a, #nav li.whohelp a strong { background-position: 0 -80px; } #nav li.work, #nav li.work a, #nav li.work a strong { background-position: 0 -100px; } #nav li.find, #nav li.find a, #nav li.find a strong { background-position: 0 -120px; } #nav li.epubs, #nav li.epubs a, #nav li.epubs a strong { background-position: 0 -140px; height: 40px; } #nav li.epubs ul { margin-top: 8px; } /* HOVER STATE */ #nav li.stand, #nav li.stand, #nav li.stand a:hover strong, #nav li.standstay a strong { background-position: -154px 0; } #nav li.what, #nav li.what a:hover strong, #nav li.whatstay a strong { background-position: -154px -28px; } #nav li.who, #nav li.who a:hover strong, #nav li.whostay a strong { background-position: -154px -56px; } #nav li.happening, #nav li.happening a:hover strong, #nav li.happeningstay a strong { background-position: -154px -84px; } #nav li.whohelp, #nav li.whohelp a:hover strong, #nav li.whohelpstay a strong { background-position: -154px -112px; } #nav li.work, #nav li.work a:hover strong, #nav li.workstay a strong { background-position: -154px -140px; } #nav li.find, #nav li.find a:hover strong, #nav li.findstay a strong { background-position: -154px -168px; } #nav li.epubs, #nav li.epubs a:hover strong, #nav li.epubsstay a strong { background-position: -154px -200px; } /* ON STATE */ #nav li.standon, #nav li.standon strong { background-position: -154px 0; } #nav li.whaton, #nav li.whaton strong { background-position: -154px -28px; } #nav li.whoon, #nav li.whoon strong { background-position: -154px -56px; } #nav li.happeningon, #nav li.happeningon strong { background-position: -154px -84px; } #nav li.whohelpon, #nav li.whohelpon strong { background-position: -154px -112px; } #nav li.workon, #nav li.workon strong { background-position: -154px -140px; } #nav li.findon, #nav li.findon strong { background-position: -154px -168px; } #nav li.epubson, #nav li.epubson strong { background-position: -154px -200px; } #nav ul, #nav ul li, #nav ul li a, #nav ul li strong, #nav ul li div { background: #fff; } /* first level drop downs */ #nav li li a:link, #nav li li a:visited { padding: 2px 3px 2px 5px; width: 146px; height: 100%; background: #fff; border: 1px solid #9ba93f; margin-top: -1px; z-index: 50; text-decoration: none; color: #9ba93f; font-size: 10px; text-indent: 0; } * html #nav li li a:link, * html #nav li li a:visited { width: 154px; w\idth: 146px;} #nav ul li { width: auto; height: auto; line-height: 13px; } #nav ul li a:hover { background: #9ba93f; color: #fff; } /* colors for different sub menus 62696c FF8C00 800080*/ #nav li.stand ul a:link, #nav li.stand ul a:visited, #nav li.standon ul a:link, #nav li.standon ul a:visited { border: 1px solid #6290aa; color: #6290aa; } #nav li.stand ul a:hover, #nav li.standon ul a:hover { background: #6290aa; color: #fff; } #nav li.who ul a:link, #nav li.who ul a:visited, #nav li.whoon ul a:link, #nav li.whoon ul a:visited { border: 1px solid #6290aa; color: #6290aa; } #nav li.who ul a:hover, #nav li.whoon ul a:hover { background: #6290aa; color: #fff; } #nav li.happening ul a:link, #nav li.happening ul a:visited, #nav li.happeningon ul a:link, #nav li.happeningon ul a:visited { border: 1px solid #f00; color: #f00; } #nav li.happening ul a:hover, #nav li.happeningon ul a:hover { background: #f00; color: #fff; } #nav li.whohelp ul a:link, #nav li.whohelp ul a:visited, #nav li.whohelpon ul a:link, #nav li.whohelpon ul a:visited { border: 1px solid #62696c; color: #62696c; } #nav li.whohelp ul a:hover, #nav li.whohelpon ul a:hover { background: #62696c; color: #fff; } #nav li.work ul a:link, #nav li.work ul a:visited, #nav li.workon ul a:link, #nav li.workon ul a:visited { border: 1px solid #6290aa; color: #6290aa; } #nav li.work ul a:hover, #nav li.workon ul a:hover { background: #800080; color: #fff; } #nav li.find ul a:link, #nav li.find ul a:visited, #nav li.findon ul a:link, #nav li.findon ul a:visited { border: 1px solid #393; color: #393; } #nav li.find ul a:hover, #nav li.findon ul a:hover { background: #393; color: #fff; } /* menus with SUB*/ #nav ul li li a:link, #nav ul li li a:visited { color: #9ba93f; background: #e6e9cf; font-size: 9px; padding: 2px 3px 2px 10px; width: 141px;} * html #nav ul li li a:link, * html #nav ul li li a:visited { width:154px; w\idth: 141px;} #nav ul li li a:hover { background: #9ba93f; color: #fff;} /* colors and spacing for second level drop downs*/ #nav li.happening ul li li a:link, #nav li.happening ul li li a:visited, #nav li.happeningon ul li li a:link, #nav li.happeningon ul li li a:visited { color: #f00; background: #ffbfbf;} #nav li.happening ul li li a:hover, #nav li.happeningon ul li li a:hover { background: #f00; color: #fff;} #nav li.whohelp ul li li a:link, #nav li.whohelp ul li li a:visited, #nav li.whohelpon ul li li a:link, #nav li.whohelpon ul li li a:visited { color: #62696c; background: #d8d9da;} #nav li.whohelp ul li li a:hover, #nav li.whohelpon ul li li a:hover { background: #62696c; color: #fff;} #nav li.work ul li li a:link, #nav li.work ul li li a:visited, #nav li.workon ul li li a:link, #nav li.workon ul li li a:visited { color: #800080; background: #dfbfdf;} #nav li.work ul li li a:hover, #nav li.workon ul li li a:hover { background: #800080; color: #fff;} /* makes the first and second level drop down*/ #nav ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul { display: none; position: absolute; top: 9px; left: 154px; width: 154px; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav li li li.over ul { display: block; top: 9px; left: 154px; } /* styles the second level*/ #nav ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.over ul ul ul, #nav li.over ul ul ul ul, #nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li.over ul ul, #nav li li.over ul ul, #nav li li li.over ul ul { top: 0; left: 155px; } /* onstates for subnav */ #nav li.standon ul, #nav li.standon ul ul, #nav li.whaton ul, #nav li.whaton ul ul, #nav li.whoon ul, #nav li.whoon ul ul, #nav li.happeningon ul, #nav li.happeningon ul ul, #nav li.whohelpon ul, #nav li.whohelpon ul ul, #nav li.workon ul, #nav li.workon ul ul, #nav li.findon ul, #nav li.findon ul ul { display: block; position: static; left: 0; } #nav li.standon ul ul, #nav li.whaton ul ul, #nav li.whoon ul ul, #nav li.happeningon ul ul, #nav li.whohelpon ul ul, #nav li.workon ul ul, #nav li.findon ul ul { top: 0; margin: 0; } #nav li.standon, #nav li.whaton, #nav li.whoon, #nav li.happeningon, #nav li.whohelpon, #nav li.workon, #nav li.findon { height: auto; line-height: 28px; } #nav li.standon ul a:link, #nav li.standon ul a:visited, #nav li.whoon ul a:link, #nav li.whoon ul a:visited, #nav li.whaton ul a:link, #nav li.whaton ul a:visited, #nav li.whaton ul ul a:link, #nav li.whaton ul ul a:visited, #nav li.happeningon ul a:link, #nav li.happeningon ul a:visited, #nav li.happeningon ul ul a:link, #nav li.happeningon ul ul a:visited, #nav li.whohelpon ul a:link, #nav li.whohelpon ul a:visited, #nav li.whohelpon ul ul a:link, #nav li.whohelpon ul ul a:visited, #nav li.workon ul a:link, #nav li.workon ul a:visited, #nav li.workon ul ul a:link, #nav li.workon ul ul a:visited, #nav li.findon ul a:link, #nav li.findon ul a:visited, #nav li.findon ul ul a:link, #nav li.findon ul ul a:visited { padding: 2px 3px 2px 26px; width: 123px; } #nav li.standon ul a:link, * html #nav li.standon ul a:visited,#nav li.whoon ul a:link, * html #nav li.whoon ul a:visited, * html #nav li.whaton ul a:link, * html #nav li.whaton ul a:visited, * html #nav li.whaton ul ul a:link, * html #nav li.whaton ul ul a:visited, * html #nav li.happeningon ul a:link, * html #nav li.happeningon ul a:visited, * html #nav li.happeningon ul ul a:link, * html #nav li.happeningon ul ul a:visited, * html #nav li.whohelpon ul a:link, * html #nav li.whohelpon ul a:visited, * html #nav li.whohelpon ul ul a:link, * html #nav li.whohelpon ul ul a:visited, * html #nav li.workon ul a:link, * html #nav li.workon ul a:visited, * html #nav li.workon ul ul a:link, * html #nav li.workon ul ul a:visited, * html #nav li.findon ul a:link, * html #nav li.findon ul a:visited, * html #nav li.findon ul ul a:link, * html #nav li.findon ul ul a:visited { /*width: 152px;*/ width: 154px; w\idth: 123px; } #nav li.whaton ul ul a:link, #nav li.whaton ul ul a:visited, #nav li.happeningon ul ul a:link, #nav li.happeningon ul ul a:visited, #nav li.whohelpon ul ul a:link, #nav li.whohelpon ul ul a:visited, #nav li.workon ul ul a:link, #nav li.workon ul ul a:visited, #nav li.findon ul ul a:link, #nav li.findon ul ul a:visited { padding: 2px 3px 2px 36px; width: 113px;} * html #nav li.whaton ul ul a:link, * html #nav li.whaton ul ul a:visited, * html #nav li.happeningon ul ul a:link, * html #nav li.happeningon ul ul a:visited, * html #nav li.whohelpon ul ul a:link, * html #nav li.whohelpon ul ul a:visited, * html #nav li.workon ul ul a:link, * html #nav li.workon ul ul a:visited, * html #nav li.findon ul ul a:link, * html #nav li.findon ul ul a:visited { /*width: 152px;*/ width: 154px; w\idth: 113px;} #h_content { float: left; display: inline; margin-left: 25px; width:538px; background:url(../images/temp_flash.gif); } #outer_content { position: relative; float: left; display: inline; margin-left: 25px; width: 538px; } #outer_content blockquote { float: right; display: inline; margin: 20px 20px 200px 0; font-weight: bold; font-style: italic; color: #9ba93f; width: 150px;} #outer_content { background: url(../images/bg_who.gif) repeat-y;} #stand #outer_content { background: url(../images/bg_stand.gif) repeat-y;} #what #outer_content { background: url(../images/bg_what.gif) repeat-y;} #who #outer_content { background: url(../images/bg_who.gif) repeat-y;} #angert1 #content_bg { background: url(../images/bg_mark1.jpg) no-repeat 0 100%; min-height: 495px;} *html #angert1 #content_bg { height: 495px;} #angert2 #content_bg { background: url(../images/bg_mark2.jpg) no-repeat 0 100%;} #aoakden1 #content_bg { background: url(../images/bg_aoakden1.jpg) no-repeat 0 100%; min-height: 495px;} *html #aoakden1 #content_bg { height: 495px;} #aoakden2 #content_bg { background: url(../images/bg_aoakden2.jpg) no-repeat 0 100%;} #ball1 #content_bg { background: url(../images/bg_ball1.jpg) no-repeat 0 100%; min-height: 495px;} *html #ball1 #content_bg { height: 495px;} #ball2 #content_bg { background: url(../images/bg_ball2.jpg) no-repeat 0 100%;} #gilmore1 #content_bg { background: url(../images/bg_gilmore1.jpg) no-repeat 0 100%; min-height: 495px;} *html #gilmore1 #content_bg { height: 495px;} #gilmore2 #content_bg { background: url(../images/bg_gilmore2.jpg) no-repeat 0 100%;} #grace1 #content_bg { background: url(../images/bg_grace1.jpg) no-repeat 0 100%; min-height: 495px;} *html #grace1 #content_bg { height: 495px;} #grace2 #content_bg { background: url(../images/bg_grace2.jpg) no-repeat 0 100%;} #guthrie1 #content_bg { background: url(../images/bg_guthrie1.jpg) no-repeat 0 100%; min-height: 495px;} *html #guthrie1 #content_bg { height: 495px;} #guthrie2 #content_bg { background: url(../images/bg_guthrie2.jpg) no-repeat 0 100%;} #hanson1 #content_bg { background: url(../images/bg_hanson1.jpg) no-repeat 0 100%; min-height: 495px;} *html #hanson1 #content_bg { height: 495px;} #hanson2 #content_bg { background: url(../images/bg_hanson2.jpg) no-repeat 0 100%;} #hollis1 #content_bg { background: url(../images/bg_hollis1.jpg) no-repeat 0 100%; min-height: 495px;} *html #hollis1 #content_bg { height: 495px;} #hollis2 #content_bg { background: url(../images/bg_hollis2.jpg) no-repeat 0 100%;} #lowe1 #content_bg { background: url(../images/bg_lowe1.jpg) no-repeat 0 100%; min-height: 495px;} *html #lowe1 #content_bg { height: 495px;} #lowe2 #content_bg { background: url(../images/bg_lowe2.jpg) no-repeat 0 100%;} #mankin1 #content_bg { background: url(../images/bg_mankin1.jpg) no-repeat 0 100%; min-height: 465px;} * html #mankin1 #content_bg { height: 495px;} #mankin2 #content_bg { background: url(../images/bg_mankin2.jpg) no-repeat 0 100%; min-height: 395px; } * html #mankin2 #content_bg { height: 395px; width:538px;} #mankin2 #outer_content blockquote { position:absolute; top:60px; right:10px; } #mankin2 #content { position:relative; padding-bottom:0; min-height: 355px; } * html #mankin2 #content { height: 355px; z-index:20;} #mankin2 #content .goback { position:absolute; bottom:0; left:20px; } #mhurvitz1 #content_bg { background: url(../images/bg_mhurvitz1.jpg) no-repeat 0 100%; min-height: 495px;} *html #mhurvitz1 #content_bg { height: 495px;} #mhurvitz2 #content_bg { background: url(../images/bg_mhurvitz2.jpg) no-repeat 0 100%;} #nelson1 #content_bg { background: url(../images/bg_nelson1.jpg) no-repeat 0 100%; min-height: 495px;} *html #nelson1 #content_bg { height: 495px;} #nelson2 #content_bg { background: url(../images/bg_nelson2.jpg) no-repeat 0 100%;} #richard1 #content_bg { background: url(../images/bg_richard1.jpg) no-repeat 0 100%; min-height: 495px;} *html #richard1 #content_bg { height: 495px;} #richard2 #content_bg { background: url(../images/bg_richard2.jpg) no-repeat 0 100%;} #rodriguez1 #content_bg { background: url(../images/bg_rodriguez1.jpg) no-repeat 0 100%; min-height: 495px;} *html #rodriguez1 #content_bg { height: 495px;} #rodriguez2 #content_bg { background: url(../images/bg_rodriguez2.jpg) no-repeat 0 100%;} #happening #outer_content { background: url(../images/bg_happening.gif) repeat-y;} #whohelp #outer_content { background: url(../images/bg_whohelp.gif) repeat-y;} #work #outer_content { background: url(../images/bg_work.gif) repeat-y;} #find #outer_content { background: url(../images/bg_find.gif) repeat-y;} #scrollwin { position:absolute; margin: 82px 0 0 35px; top:0; left:0; width:485px; height:390px; overflow:hidden; z-index:1; } #content { padding: 20px; } #stand #content_bg { background: url(../images/bg_stand_btm.gif) no-repeat 0 100%; } #what #content_bg { background: url(../images/bg_what_btm.gif) no-repeat 0 100%; } #happening #content_bg { background: url(../images/bg_happening_btm.gif) no-repeat 0 100%; } #who #content_bg { background: url(../images/bg_who_btm.gif) no-repeat 0 100%; } #whohelp #content_bg { background: url(../images/bg_whohelp_btm.gif) no-repeat 0 100%; } #work #content_bg { background: url(../images/bg_work_btm.gif) no-repeat 0 100%; } #find #content_bg { background: url(../images/bg_find_btm.gif) no-repeat 0 100%; } #aoakden1 #content, #aoakden2 #content table, #angert1 #content, #angert2 #content table, #ball1 #content, #ball2 #content table, #gilmore1 #content, #gilmore2 #content table, #grace1 #content, #grace2 #content table, #guthrie1 #content, #guthrie2 #content table, #hanson1 #content, #hanson2 #content table, #hollis1 #content, #hollis2 #content table, #lowe1 #content, #lowe2 #content table, #mankin1 #content, #mankin2 #content table, #mhurvitz1 #content, #mhurvitz2 #content table, #nelson1 #content, #nelson2 #content table, #richard1 #content, #richard2 #content table, #rodriguez1 #content, #rodriguez2 #content table { width: 310px; } #content li { margin: 0 0 20px 30px; } #content h1 { margin-bottom: 10px; color: #666; font-size: 14px; } #content h2 { margin-bottom: 10px; color: #666; font-size: 12px; } #content blockquote { position: relative; top: 0; left: 0; float: right; width: 180px; margin: 0 0 15px 10px; padding: 0 10px; border-left: 1px solid #ccc; font-weight: normal; font-style: italic; color: #9ba93f; } #content blockquote h1 { font-size: 14px; } p { padding: 0 0 11px;} p.goback { padding: 0; font-size: 10px; width: 100%; clear: both;} #footer { padding: 10px 0 100px; background: url(../images/bg_bttm.gif) no-repeat 0% 100%; clear: both; font-size: 9px; } #home #footer { top: 645px; } #footer p { /*padding: 4px 0 100px 180px;*/ padding: 4px 0 0 180px; } #footer a:link, #footer a:visited { text-decoration: none; } .attorneyinfo { width: 100%; font-size: 10px; margin: 0 0 10px;} .attorneyinfo th, .attorneyinfo td { text-align: left; padding: 5px 15px 5px 0; border-bottom: 1px dashed #666; font-size: 12px; line-height: 12px;} .attorneyinfo td { border: 0; font-size: 11px; } #practice_areas { clear: both; padding: 10px 35px 20px; background: #9BA93F url(../images/bg_practiceareas_btm.gif) no-repeat bottom left; color: #fff;font-size: 11px; height: 1%;} #practice_areas h1 { color: #fff; font-size: 14px; padding: 0 0 5px;} #practice_areas .col3 { width: 140px;} #practice_areas .col3 li { background: url(../images/arrow_yellow.gif) no-repeat 0 4px; padding: 0 0 1px 12px;} #practice_areas .col3 a:link, #practice_areas .col3 a:visited { color: #eee; text-decoration: none;} #practice_areas .col3 a:hover { text-decoration: underline;} .float_l { float: left; margin: 0 10px 15px 0;} .newslist { line-height: 1px; text-indent: 15px;} .clear { clear: both; } .sitemap { float: left; position: relative; display: inline; width: 240px; } .sitemap ul { padding: 5px 0;} .sitemap li { margin: 0 0 10px 20px !important;} .sitemap li a { font-weight: bold; font-size: 13px;} .sitemap li li a { font-weight: normal; font-size: 12px;} .col { width: 44%; float: left; margin-right: 15px; } .col3 { width: 27%; float: left; margin-right: 10px; list-style: none; } .quote { margin-bottom: 20px; clear: both; } .quote small { display: block; font-size: 10px; text-align: right; } /* javascript scrollbar */ #scrollbar { position:relative; left:6px; top:0; width:8px; height:190px; font-size:1px; z-index:1;} #track { position:absolute; left:0; top:7px; width:8px; height:176px; background: #eee; z-index:1;} #dragbar { position:absolute; left:0; top:0; width:8px; height:20px; background: #bbb; z-index:1;} #up { position:absolute; left:0; top:0; z-index:2 } #down { position:absolute; left:0; bottom:0; z-index:3 } /* forms */ form p { margin-bottom: 20px; } input { position: relative; bottom: -2px; } textarea { margin-top: -20px; } .tb { margin-bottom: 5px; padding: 2px; background: #F4F5EB; border: 1px solid #C3CB8C; } input.tb { height: 14px; width: 200px; } textarea.tb { height: 100px; width: 400px; } .checkbox1, .radio1 { margin: 0 3px 3px 0; } .checkbox, .radio { margin: 0 3px 3px 20px; } #what select { height: 16px; background: #F4F5EB; border: 1px solid #ccc; color: #666; font-size: 10px; } #what .button { height: 24px; width: 50px; margin: 20px 5px; background: #F4F5EB; border: 1px solid #C3CB8C; color: #666; font-size: 11px; text-align: center; } input#zip, input#serve_date, input#admin_date { width: 40px; margin-bottom: 5px; padding: 2px; background: #F4F5EB; border: 1px solid #C3CB8C; } #vcard { position: absolute; top: 25px; right: 5px;}