/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#0071A5 url(../images/bg_body.jpg) repeat-x top right; font-family:Arial, Helvetica, sans-serif; font-size:12px} a:link, a:visited {color:#003761; text-decoration: underline} a:hover {color:#003761; text-decoration:underline} p { font-size:12px; color:#6E7172; line-height:1.5em} h1 { font-size:22px; color:#003761; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} h2 { font-size:16px; color:#003761; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} h4 { font-size:14px; color:#ffffff} h5 { font-size:14px; color:#BE1E2D} h6 { font-size:12px; color:#003761} /* --------------------------------------------- 02. container --------------------------------------------- */ #container { width:100%; float:left; background:url(../images/sun_top.jpg) no-repeat top center} /* --------------------------------------------- 03. wrapper --------------------------------------------- */ #wrapper { width:980px; margin:0 auto} /* --------------------------------------------- 04. top bar --------------------------------------------- */ #topbar { width:945px; height:118px; float:left; padding-right:35px} #topbar .logo { width:540px; height:80px; float:left; margin-top:25px; background:url(../images/logo.png) no-repeat top left} #topbar .logo .logo-link { width:540px; height:80px; position:absolute; float:left; background:url(../images/blank.gif); margin-top:15px;} #topbar .callnow { width:190px; height:80px; float:right; background:url(../images/bg_phone.png) no-repeat top right; padding-top:13px; padding-left:15px} #topbar h4 { font-size:14px; color:#fff; font-weight:bold; line-height:1.2em} #topbar h4 span { font-size:24px; line-height:1.4em} /* --------------------------------------------- 05. nav --------------------------------------------- */ #nav { width:940px; height:40px; float:left; padding-left:20px; padding-right:20px;} #nav ul { width:925px; height:40px; float:left; background:url(../images/bg_nav.png) no-repeat top left; padding-left:15px} #nav ul li { float:left; height:40px; font-size:12px; color:#EBCFC8; text-transform:uppercase; position:relative; overflow:hidden} #nav ul li.bordernone { background:none} #nav ul li a { height:40px; float:left; color:#EBCFC8; text-decoration:none; padding:0px 14px; padding-top:12px; font-weight:bold;} #nav ul li a:hover { height:40px; float:left; color:#ffffff; text-decoration:none; background: url(../images/nav_hover.jpg) repeat-x top right; padding:0px 14px; padding-top:12px;} #nav ul li a.selected { height:40px; float:left; background: url(../images/nav_selected.jpg) repeat-x top right; color:#003761; text-decoration:none; border-left:1px solid #003761; border-right:1px solid #003761 ; padding:0px 13px; padding-top:12px; } #nav ul li a.selected:hover { background: url(../images/nav_selected.jpg) repeat-x top right; color:#003761; text-decoration:none; border-left:1px solid #003761; border-right:1px solid #003761; padding:0px 13px; padding-top:12px;} /* --------------------------------------------- 06. main box border styles --------------------------------------------- */ #mainbox { width:980px; float:left; margin-top:-1px} #mainbox .bordertop { width:980px; height:7px; float:left; background:url(../images/border_top.png) no-repeat top center} #mainbox .bordermiddle { width:941px; float:left; background:#FFFFFF; border-left:1px solid #7E95BD; border-right:1px solid #7E95BD; padding-left:18px; padding-right:19px; padding-bottom:10px} #mainbox .borderbottom { width:980px; height:8px; float:left; background:url(../images/border_bottom.png) no-repeat top center} /* --------------------------------------------- 07. header --------------------------------------------- */ #header { width:937px; height:220px; float:left; background:url(../images/bg_header.jpg) no-repeat bottom center; padding-left:4px; padding-top:10px} #header .photo { width:220px; float:left} #header .about { width:450px; float:left; padding:0px 15px; padding-right:25px} #header .about h3 { font-size:15px; color:#252525; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.4em; padding-bottom:30px} #header .about h3 a { color:#252525; text-decoration:underline} #header .button { float:left; height:36px; margin:0; padding:0; background:url(../images/button_left.gif) no-repeat top left; padding-left:16px; margin-right:15px } #header .button a {display: block; height:28px; float:left; color:#fff; font-size:15px; margin:0; padding:0; text-align:center; padding-top:8px; text-decoration:none; line-height:1.2em; padding-left:0px; padding-right:16px; background: url(../images/button_right.gif) no-repeat top right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold} #header .button a {color:#fff; text-decoration:none} #header .button a:hover {color:#fff; text-decoration:none} #header .recentresults { width:200px; float:left;} #header .recentresults h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px} #header .recentresults ul { float:left; } #header .recentresults ul li { font-size:13px; background:url(../images/arrow_list.gif) no-repeat 0px 4px; color:#003761; padding-left:16px; line-height:1.4em; padding-bottom:6px } #header .recentresults ul li a { text-decoration:none; color:#003761; } #header .recentresults ul li a:hover { text-decoration: underline; color:#003761; } /* --------------------------------------------- 08. content --------------------------------------------- */ #content { width:941px; float:left; margin-top:14px} /* --------------------------------------------- 09. leftpanel --------------------------------------------- */ #leftpanel { width:221px; float:left} #leftpanel .areasofpractise { width:221px; float:left; margin-bottom:15px; } #leftpanel .areasofpractise h4 { width:207px; height:23px; float:left; background:#9A1420 url(../images/bg_heading_red.jpg) no-repeat top right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-top:7px; padding-left:14px} #leftpanel .areasofpractise ul { width:221px; float:left; background:#F0F1F1 url(../images/bg_greybox.jpg) repeat-x top right;} #leftpanel .areasofpractise ul li {width:219px; float:left; font-size:13px; color:#8C8C8D; line-height:1.4em; } #leftpanel .areasofpractise ul li a { width:195px; float:left; background:url(../images/arrow_list.gif) no-repeat 8px 9px; text-decoration:none; color:#8C8C8D; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #F0F1F1; border-top:1px solid #F0F1F1; padding-left:24px; border-left:1px solid #D2D3D5; border-right:1px solid #D2D3D5} #leftpanel .areasofpractise ul li a:hover { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 9px; border-bottom:1px solid #D1D3D4; border-top:1px solid #D1D3D4; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .areasofpractise ul li a.selected { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 9px; border-bottom:1px solid #D1D3D4; border-top:1px solid #D1D3D4; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .areasofpractise ul li a.first { width:195px; float:left; background:url(../images/arrow_list.gif) no-repeat 8px 11px; text-decoration:none; color:#8C8C8D; padding-bottom:5px; padding-top:8px; border-bottom:1px solid #F0F1F1; border-top:1px solid #F0F1F1; padding-left:24px; border-left:1px solid #D2D3D5; border-right:1px solid #D2D3D5;} #leftpanel .areasofpractise ul li a.first:hover { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 11px; border-bottom:1px solid #D1D3D4; border-top:1px solid #F0F1F1; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .areasofpractise ul li a.first_selected { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 11px; border-bottom:1px solid #D1D3D4; border-top:1px solid #F0F1F1; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .areasofpractise ul li a.last { width:195px; float:left; background:url(../images/arrow_list.gif) no-repeat 8px 9px; text-decoration:none; color:#8C8C8D; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #D1D3D4; border-top:1px solid #F0F1F1; padding-left:24px; border-left:1px solid #D2D3D5; border-right:1px solid #D2D3D5;} #leftpanel .areasofpractise ul li a.last:hover { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 9px; border-bottom:1px solid #ffffff; border-top:1px solid #D2D3D5; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .areasofpractise ul li a.last_selected { text-decoration: none; color:#003761; background:#fff url(../images/arrow_list.gif) no-repeat 8px 9px; border-bottom:1px solid #ffffff; border-top:1px solid #D2D3D5; border-left:1px solid #fff; border-right:1px solid #fff} #leftpanel .quicklinks { width:221px; float:left; margin-top:20px} #leftpanel .quicklinks .thumb { width:69px; height:61px; float:left; border:1px solid #CCCCCC} #leftpanel .quicklinks .info { width:137px; float:right} #leftpanel .quicklinks .info p { font-size:10px; color:#252525; line-height:1.2em} /* --------------------------------------------- 10. middle panel --------------------------------------------- */ #middlepanel { width:460px; float:left; padding-left:20px; padding-top:4px} #middlepanel h1 { padding-bottom:15px} #middlepanel p { font-size:14px; line-height:1.6em; padding-bottom:20px} /* --------------------------------------------- 11. right panel --------------------------------------------- */ #rightpanel { width:219px; float:right} #rightpanel .form { width:219px; float: left} #rightpanel .blueboxtop { width:205px; height:30px; float:left; background:#003761 url(../images/boxblue_top.jpg) no-repeat top left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px; padding-left:14px; color:#FFFFFF; font-size:14px} #rightpanel .blueboxmiddle { width:190px; float:left; background:url(../images/bluebox_middle.jpg) repeat-y top left; padding-left:17px; padding-right:12px; padding-bottom:10px} #rightpanel .blueboxbottom { width:219px; height:15px; float:left; background:#003761 url(../images/boxblue_bottom.jpg) no-repeat top left} #rightpanel .form fieldset { width:190px; float:left} #rightpanel .form fieldset label {width:190px; float:left; font-size:9px; color:#BBC9D5; text-transform:uppercase; padding-bottom:1px} #rightpanel .form fieldset .input, .lightbox-input {width:180px; float:left; background:#E1F4FD; border:1px solid #000; padding:2px; font-size:11px; color:#000; margin-bottom:10px} #rightpanel .form fieldset .textarea {width:180px; height:80px; float:left; background:#E1F4FD; border:1px solid #000; padding:2px; font-size:10px; color:#000; margin-bottom:15px} #rightpanel .button { float: right; height:23px; width:60px; margin:0; padding:0; background:url(../images/button-submit.png) no-repeat top left; margin-right:6px} .lightbox-button { border: 0px; float: right; height:28px; width:60px; margin:0; padding:0; background:url(../images/button-submit.png) no-repeat top left; margin-right:0px} /* --------------------------------------------- 12. footer styles --------------------------------------------- */ #footer { width:955px; float:left; padding:10px 15px; padding-bottom:40px; padding-right:0px} #footer p { font-size:10px; color:#DDECF3; line-height:1.3em} #footer p a {color:#DDECF3; text-decoration:none; padding-left:3px; padding-right:3px} #footer p a:hover {color:#DDECF3; text-decoration: underline} #footer .links { float:left; padding-right:20px} #footer .address { float:left; padding-right:20px} #footer .phone { float:left; } /* --------------------------------------------- 13. innerpage - subnav --------------------------------------------- */ #sublinks { width:700px; float:left; padding-top:12px; padding-bottom:15px} #sublinks ul { float:left; } #sublinks ul li { float:left; font-size:10px; text-align: left; background:url(../images/arrow_subnav.gif) no-repeat right center; color:#003761; padding-right:10px; padding-left:3px} #sublinks ul li a { text-decoration: underline; color:#464647; padding-right:3px} #sublinks ul li a:hover { text-decoration: underline; color:#464647} #sublinks ul li.noarrow { background:none} #espanol { width:240px; float:right; padding-top:12px; padding-bottom:15px} #espanol ul { float:right; } #espanol ul li a { text-decoration: underline; color:#464647; padding-right:3px} #espanol ul li a:hover { text-decoration: underline; color:#464647} /* --------------------------------------------- 14. innerpage - heading --------------------------------------------- */ #heading { width:700px; height:33px; float: right; background:url(../images/bg_heading.jpg) no-repeat top left; padding-left:12px; margin-bottom:20px;} #heading h1 { color:#003761;} /* --------------------------------------------- 15. innerpage - content styles --------------------------------------------- */ #middlepanel .pic { float:right; border:1px solid #ffffff; margin-left:10px; margin-bottom:10px} #middlepanel ul.list { padding-left:10px; padding-bottom:20px; } #middlepanel ul.list li { font-size:14px; background:url(../images/arrow_list.gif) no-repeat 0px 3px; color:#6E7172; padding-left:16px; line-height:1.4em; padding-bottom:4px } #middlepanel ul.list li a { text-decoration: underline; color:#003761; } #middlepanel ul.list li a:hover { text-decoration: underline; color:#003761; }