/* *** ** Start of CSS ** *** */ /**/ h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address {margin:5px 0;} h1 { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:26px; font-weight:normal; color:#000;text-align:left;} h2 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; font-weight:normal; color:#083b46; text-align:left;} h3 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; font-weight:normal; color:#083b46;text-align:left;} h3 a{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; font-weight:normal; text-align:left;} ul,li{margin:0; padding:0;} .required { color:#FF0000; } /*---------------------------------------Start body section--------------------------------------*/ .body{ font:normal 12px/14px Arial, Helvetica, sans-serif; color:#272727; background:#b7b08d; text-align:left; padding:0; margin-bottom:30px; margin-top:0px;} #mainContainer{ width:1152px; position:relative; margin: 0 auto; padding:0;} #logoTop{ width:1152px; height:127px; float:left;} /*---------------------------------------Header section Strat--------------------------------------*/ #header { padding: 0; background-color:#FFF; } #header h1 { margin: 0; padding: 0;} #header h1 a {display:block; width:1152px; cursor:pointer; background:url(/images/logo.gif) no-repeat; height:127px; text-indent:-9000px; } /*---------------------------------------Navigation section Strat--------------------------------------*/ #navigationWraper{ background:url(/images/top_images.jpg) bottom no-repeat; width:1152px; height:266px; float:left;} #navigation{ float:right; width:200px; height:250px; margin:0; padding:0 85px 0 0px;} /*---------------------------------------Welcome section Strat--------------------------------------*/ #welcome_section{ background:url(/images/welcome_bg.gif) 0 0 repeat-x; height:32px; width:1152px; float:left;} #welcome_section h2{font: normal 32px/32px Myriad Pro, Arial, Helvetica, sans-serif; color:#e1d9aa; width:808px; float:left;} /*---------------------------------------Text Body section Strat--------------------------------------*/ #textBodyContainer{ float:left; width:1152px; background:url(/images/main_contant_body_bg.gif) #e1d9aa 0 0 repeat-x; margin:0;} #three_section{ padding:0;} #leftSectionContainer{ padding:66px 18px 0 52px; width:236px; float:left;} #videoSection{ margin:0 0 17px 0; float:left;} #practiceArea{ margin:0; float:left; background:url(/images/practice_area_bg.gif) 0 0 repeat-x; width:236px; height:300px;} #practiceArea h2{font: normal 21px Myriad Pro, Arial, Helvetica, sans-serif; color:#61705b; padding:15px 0 0 23px; text-align:left;} #practiceArea ul{margin:0 0 0 23px; list-style:none;} #practiceArea ul li{font: normal 13px/24px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0 0 0 15px; text-align:left;} .bullet{ background:url(/images/practice_bullet.gif) 0px 6px no-repeat; display:block;} #practiceArea ul li a{color:#533219; text-decoration:underline;} #practiceArea ul li a:hover{color:#533219; text-decoration:none;} #Main_contain{ width:450px; height:600px; min-height:600px; margin: 0 auto; margin:4px 0 0 10px; float:left;} html>body #Main_contain{height:auto;} #Main_contain h1{ width:440px; margin: 0 auto; margin:2px 0 25px 0px; text-align:left; font: normal 32px/32px Myriad Pro, Arial, Helvetica, sans-serif; color:#e1d9aa;} #Main_contain ul {margin:0 0 0 25px; padding:0; line-height:22px; list-style:outside;} #Main_contain p{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-align:justify; padding:0 0 20px 0; margin:0;} #Main_contain p a{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-decoration:underline;} #Main_contain p a:hover{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-decoration:none;} /*---------------------------------------Contact section Strat--------------------------------------*/ #contactSection{ width:280px; margin:66px 0px 0 20px; background:url(/images/contact_us_bg.gif) 0 0 repeat-x; height:409px; float:left;} #contactSection h2{font: normal 21px Myriad Pro, Arial, Helvetica, sans-serif; color:#61705b; padding:15px 0 0 23px; text-align:left;} #contactSection p{font:normal 11px/14px Arial, Helvetica, sans-serif; color:#010101; text-align:center; padding:5px;} #contactSection label{ float:left; padding:0px 0 2px 0; margin:4px; font:normal 9px/18px Arial; color:#887559; text-transform:uppercase;} #contactSection label .input{width:210px; float:left; padding:0px; border:1px solid #000; border-style:outset; height:21px; background:#f2eed9;} #contactSection label .input_txt_area{width:210px; float:left; padding:0px; border:1px solid #000; border-style:outset; height:64px; background:#f2eed9;} #textalign{width:190px; padding:0px 0 0 20px; text-align:left;} #contactSection input.submit_button{ display:block; width:70px; height:25px; margin:0 0 0 70px; cursor:pointer; line-height:25px; background:url(/images/submit_button.gif) no-repeat; border:none;} .clear_both{ clear:both;} #addressSection{ float:left; width:190px; margin:50px 0 0 60px; padding:0; text-align:center;} #addressSection h3{ font:bold 12px/14px Arial, Helvetica, sans-serif; color:#000; text-align:center;} #addressSection ul{font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; list-style:none;} #addressSection ul li{line-height:16px;} #supperImage{ float:left; width:156px; padding:20px 0px 20px 76px; margin:0;} /*----footer----*/ #footer{width:1152px; margin-right: auto; margin-bottom: 0; margin-left: auto; height:148px; background:url(/images/footer_bg.gif) 0 0 repeat-x; padding-top:20px;} #footer ul{font:bold 11px/20px Arial; color:#fff; text-align:center; margin-left:100px;} #footer ul li{display:block; color:#e1d9aa; padding: 8px 15px; font: normal 12px/40px Arial, "Times New Roman", Times, serif; background:url(/images/footer_bullet.gif) no-repeat left; width:auto; float:left } #footer ul li a{color:#e1d9aa; text-decoration:none; outline:hidden;} #footer ul li a:hover{color:#9a8662; text-decoration:none;} #footer ul #as{background:none} /*Inner page*/ #Main_contain_inner{ width:670px; height:600px; min-height:600px; margin: 0 auto; padding:2px 0 30px 90px; float:left;} html>body #Main_contain_inner{height:auto;} #Main_contain_inner ul{margin:0 0 0 25px; padding:0; line-height:22px; list-style:outside;} #Main_contain_inner p{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-align:justify; padding:0 0 20px 0; margin:0;} #Main_contain_inner p a{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-decoration:underline;} #Main_contain_inner p a:hover{font: normal 13px/21px Georgia, "Times New Roman", Times, serif; color:#533219; text-decoration:none;} #Main_contain_inner h1{margin:0; padding:0px 0 25px 0; text-align:left; font: normal 32px Myriad Pro, Arial, Helvetica, sans-serif; color:#e1d9aa;} #addressSection_inner{ float:left; width:190px; margin:50px 0 0 60px; padding:0; text-align:center;} #addressSection_inner h2{ font:bold 12px/14px Arial, Helvetica, sans-serif; color:#000; text-align:center;} #addressSection_inner h3{ font:bold 12px/14px Arial, Helvetica, sans-serif; color:#000; text-align:center;} #addressSection_inner ul{font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; list-style:none;} #addressSection_inner ul li{line-height:16px;} #supperImage_inner{ float:left; width:156px; padding:20px 0px 20px 76px; margin:0;} /*---------------------------------------Inner Welcome section Strat--------------------------------------*/ #Main_contain_inner h3{font: bold 18px/18px Myriad Pro, Arial, Helvetica, sans-serif; color:#61705b; text-align:left;} #disclaimer { width: 950px; /* adjust width and height for your disclaimer */ margin: 20px auto 0; /* centers the disclaimer (if outside your container div) */ padding:0; text-align: left; } #disclaimer p { margin:0; padding:5px 0 0 0; line-height:15px; font-size:10px; color:#96aa8d; } #disclaimer a { color:#96aa8d; font-weight:bold; } #disclaimer a:hover { text-decoration:underline; } * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src =images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url(/"','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } .indent {margin-left:15px; font-size: 15px;} /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ ul.MenuBarVertical { margin: 0 0 0 0px; padding:0px 0 0 0px; list-style-type: none; font-size:16px; cursor: default; width:165px; font-weight:normal; font-family: Myriad Pro, Arial, Helvetica, sans-serif; line-height:12px; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are same fixed width as parent */ ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width:196px; border-bottom:1px solid #7f5b37; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarVertical ul { margin: 10px 0 0 -120px; padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width:120px; left: -1000em; top: 0; line-height:15px; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li { width:120px; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Outermost menu container has borders on all sides */ ul.MenuBarVertical { /* border: 1px solid #CCC;*/ } /* Submenu containers have borders on all sides */ ul.MenuBarVertical ul { background:#000; text-decoration: none; /* border: 1px solid #CCC;*/ } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarVertical a { display: block; cursor: pointer; /* background-color: #EEE;*/ padding: 0.4em 0.85em; color: #e1d9aa; text-decoration: none; outline:hidden; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarVertical li ul a:hover, ul.MenuBarVertical li ul a:focus { background:#000 ; color: #ed7e1c; } ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { background:url(/images/nav_hover.gif) no-repeat left; color: #ed7e1c; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarVertical li a.MenuBarItemHover, ul.MenuBarVertical li a.MenuBarItemSubmenuHover, ul.MenuBarVertical li a.MenuBarSubmenuVisible { background:url(/images/nav_hover.gif) no-repeat left; color: #ed7e1c; } ul.MenuBarVertical li ul a.MenuBarItemHover, ul.MenuBarVertical li ul a.MenuBarItemSubmenuHover, ul.MenuBarVertical li ul a.MenuBarSubmenuVisible { color: #ed7e1c; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: none; background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image:none; background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarVertical iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.9); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; } } #border_bottom{ border-bottom:none;} #directionsForm { padding-bottom:10px;} #directionsInput { display:inline; } #directionsLocale { display:inline; margin:0 10px; } #directionsSubmit { display:inline; } a:active { outline: none; } a:focus { -moz-outline-style: none; } /*