/*
############
Layout 
############
*/
body, p, div, table, tr, td, input, select, textarea {
margin:0;
padding:0;
font-family:Arial, Verdana, Tahoma;
color:#555555;
}
body {
font-size:100%;
background: #F1F1F1 url(../images/bodyBG.gif) repeat-x 0 0;
text-align:center;
}

#wrapper {
width:940px;
margin:0 auto;
text-align:left;
}
#header {
width:940px;
height:152px;
background:url(../images/header.jpg) no-repeat 0 0;
}
#nav {
height:38px;
width:940px;
text-align:left;
background:url(../images/navBG.jpg) no-repeat 100% 0;
}
#navShadow {
padding:0;
margin:0;
height:6px;
width:940px;
background:url(../images/navShadowBG.jpg) no-repeat 0 0;
}
#content {
width:938px;
background: #FFFFFF url(../images/ContentRightBG.gif) repeat-y 100% 0;
border-left:solid 1px #8D8D8D;
border-right:solid 1px #8D8D8D;
}
#contentLeft {
width:690px;
float:left;
padding:15px 0 15px 25px;
}
#contentRight {
width:190px;
float:right;
min-height:200px;
background: url(../images/rightFeatureBG.jpg) no-repeat 100% 0;
padding-top:95px;
}
#footer {
width:940px;
height:5px;
background:url(../images/footerBG.gif) no-repeat 0 0;
text-align:right;
}
#footer p {
font-size:11px;
padding:6px;
}
.clear {
clear:both;
height:0;
}
div.staffpic {
width:200px;
text-align:center;
float:left;
}
div.staffdetails {
width:470px;
float:right;
}
div.staffdetails p a.top {
float:right;
margin-bottom:10px;
}
div.staffdetails p.impression {
font-style:italic;
}

/* Navigation Styling */

#nav ul {
margin:0;
padding:0;
list-style-type: none;
height:38px;
white-space: nowrap;
width:770px;
}
#nav ul li {
float:left;
height:38px;
line-height:38px;
margin:0;
list-style-type: none;
display: inline;
}
#nav ul li a {
display:block;
height:38px;
text-decoration:none;
}
#nav ul li a span {
display:block;
padding:11px 16px 0 16px;
font-size:13px;
line-height:normal;
color:#FFFFFF;
}
#nav ul li a:hover {
background:url(../images/navBGover.gif) repeat-x 0 0;
}

/* second-level lists */

#nav ul li ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    z-index: 99;
    position: absolute;
    top: 36px;
    left: 0;
    width: 100px;
}

#nav ul li > ul
{
    /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    top: auto;
    left: auto;
}

#nav ul li:hover ul, #nav ul li.over ul
{
    /* lists nested under hovered list items */
    display: block;
}
#nav ul ul li
{
    margin: 0;
    padding: 0;
    position:relative;
	background:#717171;
    z-index:123;
    margin-bottom:1px;
}
#nav ul li ul li a
{
    display: block;
    position:relative;
	color:#FFFFFF;
    z-index:123;
    width: 120px;
}
#nav ul li ul li a span {
color:#FFFFFF;
background: #717171;
background-image:none;
}
#nav ul li ul li a:hover {
color:#FFFFFF;
background:#333333;
}
#nav ul li ul li a:hover span
{
color:#FFFFFF;
background: #333333;
background-image:none;
}



/* End Navigation */

/* Right Feature */
#contentRight h3 {
font-size:105%;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0;
margin:0 0 6px 0;
}
#contentRight ul {
list-style-type:none;
padding:0;
margin:0 0 20px 0;
padding-bottom:10px;
border-bottom:solid 1px #CCCCCC;
width:175px;
}
#contentRight li {
font-size:80%;
}
#contentRight li span {
font-size:75%;
clear:both;
display:block;
}

/* End Right Feature */

/* Page Styling */
h1 {
font-size:115%;
color:#0A617B;
font-weight:normal;
margin:0 0 12px 0;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:0.05em;
padding-bottom:6px;
border-bottom:solid 1px #EEEEEE;
}
h1 span {
font-weight:normal;
font-size:75%;
}
h2 {
font-size:102%;
color:#0A617B;
font-weight:normal;
margin:0 0 5px 0;
padding-top:10px;
clear:both;
color:#0A617B;
}
h2 span {
font-size:80%;
}
hr {
height:0;
border-left:none;
border-right:none;
border-bottom:none;
border-top:solid 1px #EEEEEE;
clear:both;
}
p {
line-height:18px;
margin-bottom:12px;
font-size:90%;
}
#content ul.links {
margin-left:30px;
}
li {
font-size:90%;
margin:10px 0 0;
}
li li {
font-size:100%;
}
input, textarea {
border:solid 1px #CCCCCC;
margin:4px 6px 4px 0;
padding:2px;
width:200px;
font-size:100%;
}
textarea {
overflow:auto;
}
input.rdo {
border:none;
}
input.w150 {
width:150px;
}
input.w100 {
width:100px;
}
a {
color:#0A617B;
}

/* FORMS - Debt Recovery - Client Login */
fieldset {
border:solid 1px #DDDDDD;
padding:10px;
margin:0 0 10px 0;
width:600px;
}
fieldset legend {
border:solid 1px #DDDDDD;
padding:2px 10px;
background:#EEEEEE;
color:#666666;
font-size:80%;
font-weight:bold;
}
fieldset ul {
list-style-type:none;
margin:0;
padding:0;
}
fieldset li {
clear:both;
margin:6px 0 0 0;
}
fieldset label {
width:190px;
display:block;
float:left;
text-align:right;
padding:7px 10px 0 0;
}
fieldset label.rdoBtnLbl {
padding-top:0;
}
fieldset .rdoBtns {
float:left;
}
fieldset .rdoBtns input {
float:left;
margin-top:2px;
width:auto;
}
fieldset label.rdoSmall {
width:50px;
text-align:left;
padding:0 5px 0 2px;
}
fieldset label.entType {
width:90px;
text-align:left;
padding:0 5px 0 2px;
}
.lblMB20 {
margin-bottom:20px;
}
.lblMB40 {
margin-bottom:40px;
}
.lblMB60 {
margin-bottom:60px;
}
.lblMB80 {
margin-bottom:80px;
}
fieldset .text {
width:250px;
height:60px;
}
fieldset .details {
height:80px;
}
fieldset .submit {
width:120px;
border:solid 1px #CCCCCC;
background:#EEEEEE;
text-transform:uppercase;
font-size:85%;
}
fieldset .submit:hover {
background:#CCCCCC;
cursor:pointer;
}
fieldset span.charCount {
font-size:10px;
}
fieldset .charCount input.charCount {
border:none;
width:20px;
text-align:center;
font-size:10px;
padding:0;
margin:0;
line-height:10px;
}
fieldset .contact {
padding:4px 2px 2px 2px;
}
.error {
font-size:80%;
}
.error li {
margin:0;
padding:0;
}
.red {
color:#FF0000;
}
.newclient {
display:none;
}

#contentRight p {
font-size:75%;
width:180px;
}
#contentRight a {
text-decoration:none;
}
#contentRight a:hover {
text-decoration:underline;
}

p.msg {
color:#ff0000;
font-size:75%;
border:solid 1px red;
background:#FFDDDD;	
padding:3px;
}