/* commented backslash hack \*/
html {
height:100%;
}
body{
height:100%;
background: #fff;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 86%;
color: #000000;
text-align:center;
}
/* end hack */
html,body {margin:0;padding:0}
#outer{
min-height:100%;
height:auto;
background:#ffffff;
width:960px;
margin:auto;
margin-bottom:-36px;
text-align:center;
}
* html #outer{height:100%;}
#header {
margin:0;
padding:0;
height: 130px;
width: 960px;
background: url(../images/header.gif) no-repeat center top;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#header h1 {
padding:0;
margin:0;
text-indent: -9999px;
}
#header h1 a {
display:block;
width:100%;
height:100%;
}
#container {
width: 800px;
height: 22px;
padding-left:0px;
text-align: left;
}
#menu {
padding-left:30px;
}
#menu img.homeLogo {
padding:0;
margin:0;
display:inline;
border:0;
}
#nav, #nav ul {
float: left;
width: 900px;
list-style: none;
line-height: 1;
font-size: 12px;
font-weight:bold;
padding: 0;
margin: 0;
}
#nav a {
display: block;
width: 120px;
color: #fff;
text-decoration: none;
padding: 0;
padding-top:5px;
padding-bottom:5px;
}
#nav a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #000033;
}
#nav li {
position: relative; /* new declaration, as reference for child abs. pos.*/
float: left;
padding: 0;
width: 125px;
}
#nav li.wideTop {
float: left;
padding: 0;
width: 175px;
border:1px solid #7a9db7;
}
#nav li a {
padding-left: 5px;
}
#nav li.wideTop a {
padding-left: 5px;
width: 170px;
}
#nav li.wideTop a:hover {
width: 170px;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 120px;
font-weight: normal;
margin: 0;
}
#nav li li {
padding-right: 0;
width: 120px;
}
#nav li.wideTop li {
padding-right: 0;
width: 160px;
}
#nav li li {
border: none;
}
#nav li li.wideSub1 {
padding-right: 0;
width: 160px;
}
#nav li li.wideSub1 a {
width: 160px;
border:1px solid #7a9db7;
}
#nav li li.wideSub2 {
padding-right: 0;
width: 260px;
}
#nav li li.wideSub2 a {
width: 260px;
border:1px solid #7a9db7;
}
#nav li ul a {
width: 120px;
border:1px solid #7a9db7;
background-color: #1c1362;
}
#nav li ul ul {
// margin: -1.75em 0 0 120px;
margin: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
background: #000033;
color:#fff;
}
#nav li li.wideSub2 span{
float: right;
width: 120px;
}
#nav li:hover ul, #nav li.sfhover ul {
left: -1px; /* sublist changed from auto, -1px for border */
}
#nav li li:hover ul, #nav li li.sfhover ul{ /* new rule, affects widesub2, 125+1px */
left: 127px; top:0;
}
#nav li ul {
padding-top: 1px; /* to avoid the border overlap */
}
#nav li ul ul {
padding: 0;
// margin: -1.75em 0 0 120px;
margin: 0;
}
#container
{
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
min-height:100%;
height:auto;
/*height:600px;*/
background-color: #fefdfb;
width:960px;
margin:auto;
text-align:left;
margin-bottom:-290px;
}
* html #container{height:100%;}
#content {
color: #210f65;
padding-top: 80px;
padding-left: 120px;
padding-right: 0px;
/*padding-right: 320px;*/
}
#content p {
padding-right: 320px;
color: #210f65;
font-size: 1.0em;
}
#content p.question {
color: #395376;
}
#content p.answer {
color: #030013;
font-style:italic;
}
#content p.disclaimer {
font-size: 0.8em;
}
#content img.logo {
padding:10px;
}
#content a {
color: #000033;
text-decoration: none;
font-weight:bold;
}
#content a:visited {
color: #000033;
font-weight:bold;
}
#content a:hover {
color: #000033;
text-decoration: underline;
font-weight:bold;
}
#content ul.overview li {
padding:0;
margin:0;
padding-bottom:10px;
}
#content ul.links li {
padding-right:300px;
padding-bottom:10px;
}
#logo h1 {
padding:0;
margin:0;
text-indent: -9999px;
}
#logo {
width: 380px;
height: 100px;
}
#logo h1 a {
display:block;
width: 380px;
height: 100px;
text-decoration:none;
}
#bioAndContactInfo {
padding-top:0px;
}
#bio {
width: 512px;
float: left;
}
#bio p {
padding-right: 0px;
}
#bio p.right {
float:right;
padding-right: 10px;
}
#bio p.right a {
font-weight:bold;
text-decoration: none;
color: #000033;
}
#bio p.right a:hover {
text-decoration: underline;
color: #000033;
}
#bio p.right a:visited {
color: #000033;
}
#contactInfo {
float: right;
width: 278px;
margin-left: 26px;
padding-right: 0px;
}
#contactInfo h1 {
font-size: 1.1em;
}
#contactInfo h1 span {
font-weight:normal;
}
#contactInfo p {
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
#contactInfo p.vcard a {
font-weight:bold;
text-decoration: none;
color: #000033;
}
#contactInfo p.vcard a:hover {
font-weight:bold;
text-decoration: underline;
color: #000033;
}
#contactInfo img {
padding:0;
margin:0;
border:0;
}
#addressAndLogos {
padding-top:20px;
}
#logos {
width: 552px;
float: left;
}
#address {
float: right;
width: 254px;
padding-left: 26px;
padding-right: 0px;
}
#address p {
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
#quote {
padding-left: 700px;
padding-right: 60px;
padding-top: 30px;
}
#quote p {
color: #005b7f;
font-size: 12px;
font-style:italic;
}
#quote p.author {
color: #005b7f;
font-size: 12px;
font-style:normal;
text-align:right;
}
#footer
{
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
height:290px;
background-color: #fff;
width:960px;
margin:auto;
text-align:left;
position:relative;
}
#body_workfocus #footer {
background-image: url(../images/workFocusFooter.jpg);
}
#body_clientfocus #footer #quote {
padding-top: 30px;
}
#body_practical #footer {
background-image: url(../images/practicalFooter.jpg);
}
#body_practical #footer #quote {
padding-top: 10px;
}
#body_accessible #footer {
background-image: url(../images/accessibleFooter.jpg);
}
#body_accessible #footer #quote {
padding-top: 0px;
}
div.clear {
clear:both;
}
#clearboth {
clear:both;
}
#clearfooter{
clear:both;
height:290px;
}
form {
width: 400px;
padding-top:10px;
padding-left:0px;
padding-right:20px;
margin:0;
}
.searchAgain {
padding-left:0px;
}
.search {
padding-left:0px;
}
#rightcontent form {
border: 1px solid #01014f;
padding-top:10px;
padding-left:0px;
padding-right:20px;
margin:20px;
}
fieldset ol{
padding:0;
margin:0;
margin-top:10px;
list-style:none;
}
fieldset li {
padding:0;
padding-bottom: 0.5em;
margin:0;
margin-left:10px;
}
legend {
margin-left:1em;
color:#000000;
font-weight:bold;
}
fieldset.submit {
margin-top:10px;
width: auto;
border: 0 none #fff;
}
label {
text-align: right;
width:10em;
}
label {
float: left;
width: 12em;
margin-right: 1em;
}
fieldset li {
float: left;
clear: ;eft;
width: 100%;
padding-bottom:1em;
}
table {
margin-left:20px;
}
.errorText {
font-weight:bold;
color:red;
}
#loginForm {
height:260px;
}
.contactLeft {
width:20px;
text-align:left;
float: left;
}
.contactRight {
margin-left:10px;
display: inline;
float: left;
}
.tab {
margin-left:20px;
}
div.lawUpdate {
width: 700px;
}
div.lawUpdateLeft {
width: 500px;
float:Left;
}
div.lawUpdateRight {
width: 100px;
padding-left: 500px;
float:Left:
}
/* Left and right large quotes */
.lquote, .rquote {
font-family: times new roman, georgia, serif;
font-size: 32pt;
font-weight: bold;
color: #005b7f;
position: relative;
top: .3em;
line-height: .8em; /*0;*/
}
.rquote {
font-size: 32pt;
line-height: 0em;
}
/* Alternate quote color */
.qalt {
color: #864;
}
.open-quote, .close-quote {
width:28px;
height:21px;
padding:0 0 0px 0px;
white-space:nowrap;
display:inline-block;
}
.open-quote {
background:url(../images/quotes-open.gif) no-repeat top left;
}
.close-quote {
background:url(../images/quotes-close.gif) no-repeat top left;
}