/* ----- GENERAL ----- */
* { margin: 0; padding: 0; }

body {font: 12px/18px Arial, Verdana, Sans-Serif; color: #000;  background: #D2DFF1;}
h1 {position: relative; top: -30px; left: -45px; width: 342px; height: 45px; text-indent: -9999px; background: #fff no-repeat 25px 17px; margin: 0 0 -15px 0; border-right: 1px solid #d2dff1; border-bottom: 1px solid #d2dff1; voice-family: "\"}\""; voice-family: inherit; width: 341px; height: 44px;}
html>body h1 { width: 341px; height: 44px; }
h2 {font-family: "Times New Roman", Times, serif; font-size: 15px; color: #5081C8; margin: 0px 0px 12px 0px; padding: 16px 0px 0px; text-transform: uppercase;}
h2 a:link, h2 a:visited, h2 a:visited, h2 a:active {color: #5081C8 !important;}
h3 {font-family: "Times New Roman", Times, serif; font-size: 13px; color: #5081C8;}
h3 a:link, h3 a:visited, h3 a:visited, h3 a:active {color: #5081C8 !important;}
h4 {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #000000;}
form {margin: 0px 0px 14px 0px; padding: 0px;}
hr {color: #D2DFF1; background-color: #5081C8; height: 1px; border: none; margin: 12px 0px 0px 0px;}
input {width: 150px;}
ol {margin-left: 26px; padding: 18px 0px 18px 18px; line-height: 15px;}
table {margin-top: 18px;}
th {width: 88px; padding: 0px 0px 6px 0px; text-align: left; font-size: 12px; color: #000000; padding-right: 14px;}
td {padding: 0px 0px 6px 0px; font: 12px/18px Arial, Verdana, Sans-Serif; text-align: left; vertical-align: top;}
select {width: 160px;}
textarea {width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 4px;}

.back-to-top {display: block; width: 72px; font-size: 11px; font-weight: normal !important;}
.callout {background-color: #FFFFFF; padding: 10px; float: right; width: 230px; margin-bottom: 8px; margin-left: 12px; border: 1px solid #D2DFF1; font-size: 11px; line-height: normal; clear: right;}
.callout h2 {margin: 0px 0px 12px; padding: 0px; text-transform: none; font-size: 16px;}
.callout ul {margin-top: -6px !important; margin-bottom: 9px !important;}
.callout ul li {padding: 0px !important;}
.clear {clear: both;}
.intro {font-size: 13px; font-weight: bold; color: #2E5EA5;}
.list-left {width: 310px; float: left;}
.list-right {width: 310px; float: left;  margin-left: 40px !important;}
.more {font-size: 11px; font-weight: normal !important;}
.submit {background-color: #e07c1b; color: #FFFFFF; width: auto !important; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.subnav {margin: 0px !important; padding: 0px 0px 18px 0px !important; display: block; width: 620px;}
.subnav li {display: block; float: left; margin: 0px 8px 8px 0px; padding: 0px 8px 0px 0px !important; border-right: 1px solid #000000; list-style-type: none;   font-size: 11px; font-weight: normal; white-space: nowrap;}
.subnav .last {padding-right: 0px; margin-right: 0px; border-right-width: 0px;}
.subnav a {font-weight: normal !important;}

#top {display: block; height: 14px;}
#container {position: absolute;  top: 14px; left: 50%; width: 750px; background: #f9fcff;  margin-left: -375px;}


/* ----- HEADER ----- */
#header {position: absolute; top: 0;  left: 0; width: 750px; height: 93px;  padding-top: 22px;  voice-family: "\"}\""; voice-family: inherit; height: 71px;}
html>body #header { height: 71px; }
#name {position: absolute; top: 0; left: 0; width: 342px; height: 93px; text-indent: -9999px; background: #fff url("../_images/logo.gif") no-repeat 0 21px; border-right: 1px solid #d2dff1;  voice-family: "\"}\""; voice-family: inherit; width: 341px;}
html>body #name { width: 341px; }
#teaser {width: 275px; height: 25px; text-indent: -9999px; background: transparent url("../_images/teaser.gif") no-repeat 0 0; margin: 0 0 0 370px;}
#header #addr { width: 227px; font-size: 10px; line-height: 14px; margin: 5px 0 0 370px;}
#header #contact {width: 153px;  font-size: 10px; line-height: 14px; margin: -28px 0 0 597px;}
#header a:link, #header a:visited {color: #000; text-decoration: none;}
#header a:hover, #header a:visited {color: #5081c8; text-decoration: underline;}
#top {position: absolute; top: -14px;}
*html #top {position: relative;}

/* ----- NAVIGATION ----- */
#nav {position: absolute;  top: 93px; left: 0;  width: 750px;  height: 31px;  background: #5081c8;}
#nav a {overflow: hidden;}
#nav ul { list-style: none; }
#nav li {position: relative; float: left;}
#nav #nav2, #nav li a:link, #nav li a:visited {display: block;  height: 31px; text-indent: -9999px; text-decoration: none;  background-repeat: no-repeat; background-position: 50% 50%; margin-left: 20px;}

#nav #nav1 a:link, #nav #nav1 a:visited { width: 68px; background-image:   url("../_images/nav-about-us.gif"); margin-left: 32px; }
#nav2, #nav2.over { width: 95px; background-image:   url("../_images/nav-our-services.gif"); }
#nav3 a:link, #nav3 a:visited { width: 112px; background-image:   url("../_images/nav-our-attorneys.gif"); }
#nav4 a:link, #nav4 a:visited { width: 63px; background-image:   url("../_images/nav-our-fees.gif"); }
#nav5 a:link, #nav5 a:visited { width: 63px; background-image:   url("../_images/nav-articles.gif"); }
#nav6 a:link, #nav6 a:visited { width: 77px; background-image:   url("../_images/nav-resources.gif"); }
#nav7 a:link, #nav7 a:visited { width: 86px; background-image:   url("../_images/nav-contact-us.gif"); }

#nav #nav1 a:hover, #nav #nav1 a:active { background-image:   url("../_images/nav-about-us-r.gif"); }
#nav2:hover, #nav2.over { background-image:   url("../_images/nav-our-services-r.gif"); }
#nav3 a:hover, #nav3 a:active { background-image:   url("../_images/nav-our-attorneys-r.gif"); }
#nav4 a:hover, #nav4 a:active { background-image:   url("../_images/nav-our-fees-r.gif"); }
#nav5 a:hover, #nav5 a:active { background-image:   url("../_images/nav-articles-r.gif"); }
#nav6 a:hover, #nav6 a:active { background-image:   url("../_images/nav-resources-r.gif"); }
#nav7 a:hover, #nav7 a:active { background-image:   url("../_images/nav-contact-us-r.gif"); }


/* ----- SECONDARY NAVIGATION ----- */
#nav li ul {display: none; position: absolute; top: 31px; left: -10px; width: 158px; background: #fff; border-right: 1px solid #d2dff1; border-left: 1px solid #d2dff1;  voice-family: "\"}\""; voice-family: inherit; width: 162px;}
html>body #nav li ul { width: 156px; }
#nav li ul li { border-bottom: 1px solid #d2dff1; padding: 5px; }
#nav li:hover ul, #nav li.over ul { display: block; }
#nav #nav2 ul a:link, #nav #nav2 ul a:visited {width: 146px; height: auto; font-size: 11px; line-height: 14px; font-weight: bold; text-indent: 0;  text-transform: uppercase; text-decoration: none; color: #E07C1B; background: transparent;  margin: 0;}
#nav #nav2 ul a:hover, #nav #nav2 ul a:active { text-decoration: underline; }


/* ----- FOOTER ----- */
#footer {clear: both; font-size: 10px; line-height: 14px; color: #5081C8; background: #D2DFF1; padding: 12px 0 24px;}
#copyright { width: 562px; padding-left: 44px; }
#links {text-transform: uppercase; margin: -14px 0 0 562px;}
#footer a:link, #footer a:visited {color: #E07C1B; text-decoration: none;}
#footer a:hover, #footer a:active { text-decoration: underline; }


/* ----- CONTENT ----- */
#content {margin-top: 124px; padding: 30px 45px 15px; min-height: 300px;}
*html #content {height: 300px;}
#content ul h2 {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #5081C8; margin: 16px 0px 0px; padding: 0px;}
#content p { margin: 0 0 15px; }
#content img.left {float: left; margin: 0px 20px 15px 0px; border: 1px solid #D5E2F2; clear: none !important;}
#content img.left-home {margin: 0px 20px 15px 0px; border: 1px solid #D5E2F2; clear: none !important;}
#content img.right { float: right; margin: -30px 0 15px 20px; border: 1px solid #D5E2F2;}
#content a:link, #content a:visited { font-weight: bold; text-decoration: none; color: #e07c1b;}
#content a:hover, #content a:active { color: #5081c8; text-decoration: underline; }
#content ul {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 14px; list-style-type: square;}
#content li {padding-bottom: 10px;}

#our_services #content h1 { background-image:   url("../_images/h-our-services.gif"); }
#our_services #content ul { margin: 0px 0px 20px 0px; padding: 1px 0px 0px 0px; line-height: 14px; list-style-type: none; }
#our_services #content ul p {margin: 6px 0px 0px 0px;}
#our_services #content ul li {margin: 0px; padding: 0px 0px 8px 0px;}

#estates_wills_trusts h1 { background-image:   url("../_images/h-estates.gif"); }
#estates_wills_trusts .callout {width: 330px;}
#business_law h1 { background-image:   url("../_images/h-business-law.gif"); }
#planning h1 { background-image:   url("../_images/h-planning.gif"); }
#planning #content .back-to-top {clear: both; margin-top: 16px;}
#dispute_resolution h1 { background-image:   url("../_images/h-dispute-resolution.gif"); }
#contract_law h1 { background-image:   url("../_images/h-contract-law.gif"); }
#our_attorneys h1 { background-image:   url("../_images/h-our-attorneys.gif"); }
#our_attorneys #freed {display: block; clear: both;}
#our_attorneys #content strong {color: #2E5EA5;}
#our_attorneys #content p {line-height: 15px;}
#our_attorneys #content h2 {margin-top: 8px;}
#our_attorneys #content img {float: right; clear: right; margin: 14px 0px 14px 14px; border: 1px solid #D2DFF1;}
#our_fees h1 { background-image:   url("../_images/h-our-fees.gif"); }
#articles h1 { background-image:   url("../_images/h-articles.gif"); }
#resources #current {margin: -21px -20px 0px 25px;}
#resources h1 { background-image:   url("../_images/h-resources.gif"); }
#resources #general {display: block; clear: both;}
#resources #content h2 {margin-top: 8px;}
#resources #content li {line-height: 14px;}
#current-issues h1 { background-image:   url("../_images/h-current-issues.gif"); height: 68px;}
#contact_us h1 { background-image:   url("../_images/h-contact-us.gif"); }
#contact_us #richmond {display: block; clear: both;}
#contact_us #content h2 {margin-top: 8px;}
#contact_us #content img {float: right; margin: 26px 0px 14px 22px; border: 1px solid #D2DFF1;}
#site_map h1 { background-image:   url("../_images/h-site-map.gif"); }
#site_map #content ul {list-style-type: none; margin: 0px; padding: 0px;}
#site_map #content h2 {text-transform: none;}
#site_map #content li {margin: 0px; padding: 0px;}
#site_map #content ul ul {margin: 0px 0px 0px 20px; line-height: 16px; font-size: 11px;} 
#site_map #content .back-to-top {clear: both; margin-top: 16px;}
.missing h1 { background-image:   url("../_images/h-sorry.gif") !important;}
#disclaimer h1 { background-image:   url("../_images/h-disclaimer.gif"); } 

/* ----- CURRENT ISSUES CALL-OUT ----- */
#current {display: inline; background-color:#e07c1b; padding: 10px; float: right; margin: -21px -20px 10px 25px;  border: 1px solid #D2DFF1; voice-family: "\"}\"";  voice-family: inherit; width: 246px; text-align: center; clear: right;}
#current a {color: #FFFFFF !important; font: bold 14px/14px "Times New Roman", Times, serif; text-transform: uppercase;}
#current ul {padding: 0px !important; margin: 0px;}
#current ul li {padding: 10px 0px 0px 0px; list-style-type: none; margin: 0px;}
#current ul li a {text-transform: none; font-weight: normal !important; font-weight: 13px;}

/* ----- ALERT ISSUES CALL-OUT ----- */
#alert {display: inline; background-color: #CC0000; padding: 10px; float: right; margin: -21px -20px 10px 25px;  border: 1px solid #D2DFF1; voice-family: "\"}\"";  voice-family: inherit; width: 246px; text-align: center;}
#alert h3 {color: #FFFFFF !important; font: bold 14px/14px "Times New Roman", Times, serif; text-transform: uppercase;}
#alert p {color: #FFFFFF; padding: 10px 0px 0px 0px; margin: 0px; font-size: 11px; line-height: 13px;}

/* ----- SERVICES CALL-OUT ----- */
#services {display: inline; background-color:#FFFFFF; float: right; clear: right; width: 268px; margin: 0px -20px 15px 25px;  border: 1px solid #D2DFF1; voice-family: "\"}\"";  voice-family: inherit; width: 266px;}
html>body #services { width: 266px; }
#services h1 {top: auto; left: auto; width: 266px; height: 30px; text-indent: -9999px; background: #D2DFF1 url("../_images/services.gif") no-repeat 19px 50%; margin: 0;  border: 0;}
#services h2 {font: bold 14px/14px Times New Roman, Times, Serif; text-transform: uppercase;  color: #5081C8; margin: 15px 18px 5px; padding: 0px;}
#services p { margin: 0px 18px; line-height: 14px; font-size: 11px;}
#services div {background-color: #D2DFF1; margin-top: 12px; padding: 10px 0px 7px 0px;}
#services div h2 {margin-top: 0px;}

/* ----- EXTRANET ----- */
#extranet  h1 {background-image: url(../_images/h-extranet.gif);}
#extranet  h2 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #2E5EA5; margin: 32px 0px 10px 0px; padding: 0px; text-transform: uppercase;}
#extranet  h2.no-nav {margin-top: 12px; padding-top: 0px;}

#add-member-form {width: 300px; float: left;}
#add-member-form table {margin-top: 4px;}

#password-form {width: 300px; float: left;}
#password-form table {margin-top: 4px;}

#login-form {width: 300px; float: left;}
#login-form table {margin-top: 4px;}

.download-files table {width: 657px;}
.download-files table th.file-name {width: 200px;}
.download-files table th.description {}
.download-files table th.file-size {width: 69px;}
.download-files table th.owner {width: 59px;}
.download-files table th.date-uploaded {width: 114px;}
.download-files table td {border-top: 1px dashed #D2DFF1; padding: 4px 12px 4px 0px;}

.upload-files input {width: 210px;}
.upload-files textarea {width: 210px;}

.share-files table#select-a-file {float: left; width: 190px; margin: 0px 26px 0px 0px;}
.share-files table#select-a-file th {width: 160px; font-weight: normal;}
.share-files table#select-a-file td {width: 30px;}
.share-files table#select-a-file td input {width: auto;}
.share-files div#file-information {float: left; width: 406px;}
.share-files div#file-information h3 {font-size: 17px; margin: 4px 0px 10px 0px; color: #2E5EA5;}
.share-files div#file-information h4 {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #5081C8; margin: 14px 0px 4px 0px;}
.share-files div#file-information th {font-family: "Times New Roman", Times, serif; font-size: 13px; color: #000000;}
.share-files div#file-information p {margin-bottom: 4px;}
.share-files div#file-information textarea {display: block; width: 300px;}
.share-files div#file-information table {width: 316px; margin-top: 6px;}
.share-files div#file-information table td {width: 140px; padding: 0px;}
.share-files div#file-information table td#share-buttons {width: 20px !important; text-align: center; vertical-align: middle; padding: 4px;}
.share-files div#file-information table td#share-buttons input {margin-bottom: 6px;}
.share-files div#file-information table td select {width: 140px; height: 100px; padding-left: 4px;}

.error {color: #CC0000; font-weight: bold;}
#alerts {color: #CC0000; background-color: #FFFFFF; padding: 10px; float: right; width: 230px; margin-bottom: 8px; margin-left: 12px; border: 1px dashed #D2DFF1; font-size: 11px; line-height: normal; clear: right;}
#alerts p {margin: 0px; font-weight: bold;}
#alerts ul {margin-top: 15px;}

#logged-area {float: right; margin: -44px 0px 0px 0px !important; height: 12px; padding: 0px 0px 0px 0px !important;}
#logged-area li {height: 12px; line-height: 12px; float: left; display: block; padding: 0px 10px 0px 0px; border-right: 1px solid #5081C8; margin: 0px 10px 0px 0px;}
#logged-area li.last {padding-right: 0px; border: none; margin-right: 0px;}

#extranet-nav {clear: right; height: 12px; padding: 0px !important; margin: -14px 0px 0px -20px !important;}
#extranet-nav li {height: 12px; line-height: 12px; float: left; display: block; padding: 0px 10px 0px 0px; border-right: 1px solid #5081C8; margin: 0px 10px 0px 0px;}
#extranet-nav li.last {padding-right: 0px; border: none; margin-right: 0px;}