/* Ungoed Thomas & King Stylesheet*/
/* http://www.ggplaw.co.uk */
/* Created 13/10/06 */
/* Live Date - February 2007 */
/* Author: Mark Williams of Essential Business Communications Ltd */
/* Website: http://www.utk.co.uk */
/* Green text - #1FB25A */
/* Purple text - #2E3192 */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img,table
{ margin:0; padding:0; border: 0;}
a img,:link img,:visited img{ border:none }
address { font-style:normal }

body {
height: 100%;       /* should be auto */
min-height: 100%;
padding: 0px;
color: #333333;
margin: 0px;
background: #FFFFFF url(../images/navbar_bg.gif) repeat-y top left;
z-index: 100;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}

/* MISCELLANEOUS STYLES */

.posted {
font-size: 10px;
color: #AAA;
margin-bottom: 10px;
padding: 0px;
display: block;
}

.required, .warning {
color: #A30046;
}

.hidden {
display: none;
}

.hide {
display: none;
}

p {
line-height: 20px;
margin-bottom: 20px;
}

/* HEADING STYLES */

h1 {
font-family: arial, verdana, sans-serif;
font-weight: normal;
font-size: 18px;
color: #2E3192;
height: 25px;
width: auto;
border-bottom: 1px solid #2E3192;
}

h1.mainlogo {
color: #2E3192;
font-size: 48pt;
border: 0px;
}

h2 {
color: #1FB25A;
font-size: 15px;
margin-bottom: 20px;
}

h3 {
font-size: 14px;
color: #333333;
margin-bottom: 20px;
}

/* Layout styles */

#wrapper {
padding: 0px;
margin: 0px;
width: 100%;
}

#top {
width: auto;
text-align: left;
margin: 0px;
padding: 0px;
height: 85px;
background: url(../images/phone_number.gif) no-repeat top right;
}

#printerFriendly {
margin: 5px 0px 10px 0px;
padding: 0px;
text-align: right;
}

#printerFriendly a:link, #printerFriendly a:visited, #printerFriendly a:active, #printerFriendly a:hover {
text-decoration: none;
}

.photo {
float: right;
text-align: right;
margin: 0px;
clear: both;
}

#left {
width: 230px;
margin-right: 10px;
padding: 20px 0px;
text-align: right;
}

#content {
position: absolute;
left: 250px;
top: 0px;
z-index: 3;
padding: 20px;
text-align: justify;
width: 77%;
}

#footer {
clear: both;
text-align: left;
margin: 10px 0px;
width: auto;
height: 30px;
padding-top: 5px;
background: transparent;
font-size: 10px;
position: relative;
border-top: 1px solid #1FB25A;
}

#footer ul {
width: auto;
margin: 0px;
list-style-type: none;
color: #666666;
font-size: 10px;
text-align: left;
padding: 5px 0px;
}

#footer li
{
display: inline;
padding-right: 12px;
font-size: 10px;
}

#footer li a {
font-size: 10px;
color: #1FB25A;
text-decoration: none;
}

#footer a:hover {
font-size: 10px;
color: #2E3192;
text-decoration: underline;
}

/* Rule for IE!! Set width of navigation link to 100% so display as block functions correctly */

* html body ul#mainNav li a {
width: 85%;
}

* html body ul#subMenu li a {
width: 85%;
}

ul#mainNav {
list-style: none;
width: 100%;
max-width: 250px;
z-index: 3;
border: 0px;
padding: 30px 0px;
}

ul#mainNav li {
padding: 5px 0px;
}

ul#mainNav li a {
display: block;
text-decoration: none;
color: #2E3192;
padding: 0px 20px 5px 0px;
background: url(../images/button_main_off.gif) no-repeat right;
}

ul#mainNav li a:hover {
display: block;
text-decoration: none;
color: #1FB25A;
background: url(../images/button_main_hover.gif) no-repeat right;
padding: 0px 20px 5px 0px;
}

ul#subMenu li a {
font-size: 11px;
display: block;
text-decoration: none;
color: #666666;
padding: 4px 20px 3px 0px;
background: url(../images/button_sub_off.gif) no-repeat right;
}

ul#subMenu li a:hover {
font-size: 11px;
display: block;
text-decoration: underline;
color: #000000;
padding: 4px 20px 3px 0px;
background: url(../images/button_sub_on.gif) no-repeat right;
}

/* GENERAL LINK STYLES */

a:link {
color: #2E3192;
text-decoration: underline;
}

a:visited {
color: #2E3192;
text-decoration: underline;
}

a:active {
color: #2E3192;
text-decoration: underline;
}

a:hover {
color: #333333;
text-decoration: none;
}

.small {
font-size: 10px;
}

/* PRIMARY NAVIGATION LINK STYLES */

body#home a#homenav,
body#whatwedo a#whatwedonav,
body#residential a#whatwedonav,
body#commercial a#whatwedonav,
body#wills a#whatwedonav,
body#family a#whatwedonav,
body#disputeresolution a#whatwedonav,
body#pi a#whatwedonav,
body#employment a#whatwedonav,
body#criminal a#whatwedonav,
body#financial a#whatwedonav,
body#directors a#whonav,
body#consultants a#whonav,
body#assocsols a#whonav,
body#trainee a#whonav,
body#pm a#whonav,
body#where a#wherenav,
body#news a#newsnav,
body#contact a#contactnav,
body#thankyou a#contactusnav {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
color: #2E3192;
background-image: url(../images/button_main_on.gif);
background-repeat: no-repeat;
background-position: right;
}

/* SERVICES AND STAFF LINK STYLES */

body#residential a#residentialnav,
body#commercial a#commercialnav,
body#wills a#willsnav,
body#family a#familynav,
body#disputeresolution a#disputeresolutionnav,
body#pi a#pinav,
body#employment a#employmentnav,
body#criminal a#criminalnav,
body#financial a#financialnav,
body#directors a#directorsnav,
body#consultants a#consultantsnav,
body#assocsols a#assocsolsnav,
body#trainee a#traineenav,
body#pm a#pmnav {
font-size: 11px;
display: block;
text-decoration: underline;
color: #000000;
padding: 4px 20px 3px 0px;
background: url(../images/button_sub_on.gif) no-repeat right;
font-weight: bold;

}

/* SECONDARY NAVIGATION FOOTER LINK STYLES */

body#copyright a#copyrightnav,
body#terms a#termsnav,
body#privacy a#privacynav,
body#sitemap a#sitemapnav,
body#accessibility a#accessibilitynav,
body#privacy a#privacynav {
font-size: 10px;
text-decoration: underline;
color: #000000;
}

/* BASIC UNORDERED LIST */

ul.basicList, ol.basicList {
list-style-image: url(../images/list_bullet.gif);
margin: 0px 0px 10px 7px;
padding: 0px 0px 10px 7px;
}

ul.basicList li, ol.basicList li {
margin: 10px;
float: none;
padding: 0px 0px 5px 0px;
}

ul.basicList li ul, ol.basicList li ul {
padding: 10px 0px 5px 20px;
}

ul.basicList li ul li {
padding: 0px 0px 5px 0px;
}

/* FORM STYLES */

form {
padding: 0px;
margin: 20px 0px;
}

label {
display: block;
width: 140px;
float: left;
margin-bottom: 20px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-align: left;
padding-right: 30px;
vertical-align: middle;
}

br {
clear: left;
}

.button {
width: 80px;
border: 1px solid #000000;
background: #2E3192;
color: #FFFFFF;
padding: 1px 2px;
margin: 0px 10px 20px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
display: block;
}

/* Indent Send button to left align with form elements - special rule for IE */

* html body .sendButton {
margin-left: 85px;
}

.sendButton {
margin-left: 170px;
}

form input {
border: 1px solid #CCCCCC;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background: #F6F6F6;
padding: 2px;
color: #2E3192;
margin-bottom: 15px;
display: block;
float: left;
}

form textarea {
border: 1px solid #CCCCCC;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #2E3192;
margin-bottom: 20px;
padding: 2px;
background: #F6F6F6;
display: block;
float: left;
}

form select {
border: 1px solid #CCCCCC;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #2E3192;
background: #F6F6F6;
display: block;
margin-bottom: 15px;
display: block;
float: left;
}

form select option {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #2E3192;
text-indent: 3px;
}

/* STAFF PROFILES */

.staffProfile {
width: auto;
margin: 0px;
padding: 0px;
clear: both;
}

.staffProfile img {
float: left;
margin: 0px 20px 20px 0px;
border: 1px solid #1FB25A;
padding: 0px;
}

/* MAP STYLES - WHERE WE ARE */

a:link .map, a:visited .map, a:active .map {
margin: 0px;
padding: 2px;
border: 1px solid #CCCCCC;
}

a:hover .map {
margin: 0px;
padding: 2px;
border: 1px solid #2E3192;
}

table {
width: 70%;
border: 1px solid #2E3192;
padding: 1px;
margin-bottom: 20px;
text-align: left;
background: #FFFFFF url("../images/mouse.gif") bottom right no-repeat;
}

table img {
padding: 1px;
border: 1px solid #CCCCCC;
}

table th {
padding: 4px;
background: #2E3192;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: left;
}

tr, td {
text-align: left;
padding: 4px;
vertical-align: middle;
line-height: 20px;
}

.grey {
width: 35%;
text-align: left;
background: #EFEFEF;
color: #333333;
}

table#test{
width: 99%;
border: 0px;
padding: 1px;
margin-bottom: 20px;
text-align: left;
background: #FFFFFF;
}

table#test h2 {
margin-top: 20px;
}

/* TABLE STRIPING CLASSES */

.odd {
	background: #EFEFEF;
}

.even {
	background: #FFF;
}

/* HORIZONTAL RULE */

hr {
border: 0;
color: #DDDDDD;
background-color: #DDDDDD;
width: 100%;
height: 1px;
margin: 10px 0px 10px 0px;
}

.newsItem h3 {
font-style: italic;
}