/* reset - standardize html tag styles across all browsers */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;}
caption, th, td {text-align: left; font-weight: normal;}
input, textarea, select {font-family: Sans-Serif; font-size: inherit; font-weight: inherit;}
input:focus { outline: none; }
/* function classes ****************************** */
.leftIt {text-align: left;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.noLink {text-decoration: none; color: #222;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* html elements ****************************** */
html {margin: 0; padding: 0; height: 101%;}
body {background: #e5ecf3 url(../images/header.png) top center no-repeat; margin: 0; padding: 0; color: #222; font-family: 'Trebuchet MS', 'Trebuchet', Arial, Helvetica, sans-serif; font-size: 12px;}
a {color: #005997; text-decoration: none;}
a:hover {text-decoration: underline;}
blockquote {font-style: italic; text-align: justify; text-justify: newspaper}
/* layout styling ****************************** */
#container {margin: 0 auto; padding: 0; width: 960px;}
/* logo area */
#header {padding: 14px 0 0 0; width: 960px; height: 89px;}
#header h2#logo a {float: left; display: block; text-decoration: none; width: 152px; height: 68px; background: url(../images/toplogo.png) no-repeat; margin: 10px 0 0 18px; padding: 0; text-indent: -2000em; z-index: 1000;}
/* top navigation */
#navbar {height: 32px; width: 960px; background: #C1DF4A url(../images/navbar.jpg);}
#navbar ul {float: left; width: 960px; height: 25px; margin: 9px 0 0 0; padding: 0;}
#navbar li {display: inline; text-align: left; margin: 0; list-style: none; font-weight: bold; background: url(../images/bg_navbtn.png) top right no-repeat; text-transform: uppercase; font-size: 14px; letter-spacing: 0;
line-height: 1;
padding: 7px 0;
}
#navbar li.last {background: url(../images/bg_navbtn.png) no-repeat;}
#navbar li a {color: #fff; text-decoration:none;}
#navbar li a:hover {color: #005997;}
.about #navbar li#about, .newsroom #navbar #newsroom, .products #navbar li#products, .practice #navbar li#practice, .events #navbar li#events {background: url(../images/bg_navbtn_selected.png) top right no-repeat;}
.contact #navbar li#contact {background: url(../images/bg_navbtn_selected.png) top left no-repeat;}
#navbar li#about a {padding: 7px 60px 7px 58px;}
#navbar li#newsroom a {padding: 7px 42px 7px 40px;}
#navbar li#products a {padding: 7px 46px 7px 44px;}
#navbar li#practice a {padding: 7px 26px 7px 24px;}
#navbar li#events a {padding: 7px 56px 7px 54px;}
#navbar li#contact a {padding: 7px 48px 7px 46px;}
/* secondary navigation */
#navbar2 {letter-spacing: 1px; font-size: 12px; padding: 0 25px 4px 25px; margin-top: 3px; color: #fff; clear: both; height: 16px;}
#navbar2 a {
font-weight: bold; color: #fff; text-decoration: none;
text-shadow: #888 2px 2px 2px;
}
#navbar2 a:hover {color: #06407E; text-decoration: underline;}
/* main content area */
#main {background: #fff url(../images/bg_main.jpg) repeat-x; min-height: 500px; width: 960px; margin: 22px auto 0 auto; padding: 0;}
#main #contentarea {float: left; width: 587px; margin: 0 0 0 15px;}
#main #contentarea h1 {text-transform: lowercase; color: #fff; margin: 10px 0 16px 0; letter-spacing: -0.3px; padding: 0; font-size: 25px;}
#main #contentarea h2 {margin: 8px 0; letter-spacing: -0.3px; font-size: 22px; font-weight: bold;}
#main #contentarea h3 {margin: 8px 0; letter-spacing: -0.3px; font-size: 18px; font-weight: bold;}
#main #contentarea h4 {margin: 8px 0 5px 0; font-size: 14px; font-weight: bold;}
#main #contentarea .extratop {margin-top: 15px !important;}
#main #contentarea p {margin: 8px 0; font-size: 13px; text-align: justify; text-justify: newspaper;}
#main #contentarea ul {
font-size: 13px; margin: 5px 0 5px 20px;
list-style-image: url(../images/li_bullet_white.jpg);
}
#main #contentarea li {margin-bottom: 2px;}
#main #contentarea a {font-weight: bold;}
#main #sidebararea {background: #fff; width: 322px; float: right; margin: 0 15px 0 0;}
#main #sidebararea .sidebarphoto {margin-bottom: 8px;}
#main #sidebararea .sidebarbox {margin-bottom: 8px;}
#main #sidebararea .sidebarbox {min-height: 190px; background: url(../images/bg_sidebarbox.jpg) no-repeat bottom;}
#main #sidebararea .sidebarbox h2 {padding: 16px 18px 10px 18px; background: url(../images/bg_sidebarbox_top.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #222; text-transform: uppercase; letter-spacing: 1px;}
#main #sidebararea .sidebarbox p {margin: 0 18px 5px 18px; font-size: 13px;}
#main #sidebararea .sidebarbox ul {margin-left: 35px;}
#main #sidebararea .sidebarbox li {font-size: 13px; padding-left: 6px;}
#main #sidebararea .sidebarbox a {font-weight: bold; color: #005997; text-decoration:none;}
#main #sidebararea .sidebarbox a:hover {text-decoration: underline;}
/* footer area, outside of container */
#footer {height: 210px; background: #3976A2 url(../images/bg_footer.png) top center no-repeat; width: 960px; margin: 0 auto -25px auto; padding: 52px 0 0 0; text-align: center; color: #95272D; letter-spacing: 2px;}
.footernav {display: inline; float: left; width: 170px; margin: 0 20px 0 0; padding: 0;}
.footernav li {text-align: left; letter-spacing: 0.75px; line-height: 1.25; margin: 0 0 6px 0; padding: 0; list-style: none;}
.footernav a {font-size: 12px; color: #fff; text-decoration: none;}
.footernav a:hover {color: #fff; text-decoration: underline;}
.footernav .parentlink {text-transform: uppercase; font-size: 15px; color: #A4C422; font-weight: bold; text-decoration: none;}
#footer .first {margin-left: 30px;}
#footer .last {width: 150px;}
#footer #copyright {clear: both; color: #fff; margin: 0; padding: 25px 300px 0 300px;}
/* non layout styling ****************************** */
.learnmorelink {font-weight: bold;}
.biglogo {float: right; margin: 0 0 15px 15px;}
#main #contentarea .storytitlefirst, #main #contentarea .storytitle {margin-bottom: 0;}
#main #contentarea .storytitle {margin-top: 15px;}
#main #contentarea .storydate {font-style: italic;}
/* customers */
.customers #contentarea h3 {color: #0B669F;}
.customers #contentarea blockquote:before, .customers #contentarea blockquote:after {
color: #555;
display: block;
font-size: 550%;
width: 50px;
}
.customers #contentarea blockquote {
display: block;
font-style: italic;
font-color: #333;
margin: 0 30px;
}
.customers #contentarea .quoteholder {
*background: url(../images/quote.png) 5px 5px no-repeat; /* ie 6+7 */
*padding-left: 10px; /* ie 6+7 */
}
.customers #contentarea blockquote p {
padding-top: 10px;
}
.customers #contentarea blockquote:before {
content: open-quote;
height: 0;
margin-left: -40px;
}
.customers #contentarea blockquote:after {
content: close-quote;
height: 50px;
margin-top: -50px;
margin-left: 535px;
}
.miniprofile {padding: 0 10px 0 25px; border-left: solid 1px #ccc;}
.miniprofile h3 {margin-top: 10px; color: #0B669F;}
.miniprofile .author {margin: 10px 0 0 0; line-height: 1.2;}
.miniprofile p {text-align: justify; text-justify: newspaper;}
/* titles */
.swap {text-indent: -2000em; z-index: 1000;}
#hometitle {background: url(../images/title_home.gif) no-repeat; width: 490px; margin: 15px 0 0 0; padding: 0; height: 110px;}
/* horizonal rule */
div.hr {clear: both; margin: 10px 0; height: 1px; background: #ccc; width: 100%;}
div.hr hr {display: none;}