/*
Edited: 10 April 2007 ()
Website: http://www.freethcartwright.co.uk
Created: 10 April 2007
Author: Laura Zucchetti
======================================
HIGH CONTRAST
======================================
*/

@import url("home.css");/*This controls the homepage layout*/
@import url("one_col_pages.css");/*This controls the content pages with 1 col layout such as people search*/
@import url("two_col_pages.css");/*This controls the content pages with 2 col layout such as people profiles*/
@import url("three_col_pages.css");/*This controls the generic content pages with 3 col layout*/
@import url("typography.css");/*This is global typograph settings - none specific*/
@import url("blog.css");/*This is blog styles*/

/* 
ACCESSIBILITY
======================================
*/
#skip_to{
height:0;
padding:0;
}

#skip_to ul,
#skip_to li,
#skip_to a{
height:0;
padding:0;
margin:0;
text-indent:-999px;
list-style-type:none;
display:inline;
overflow:hidden;
position:absolute;
}

/*
GLOBAL LAYOUT VALUES
======================================
*/
body{
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
background-color:#663300;
}

#outer {
margin:auto;
padding:0;
width:920px;
text-align:left;
}

.clear {
clear:both;
height:0;
width:0;
}

/*
This clear is the one needed for Safari only - 
position absolute is the one that fixes the space.
*/
div.clear {
width:0;
height:0;
padding:0;
margin:0;
overflow:hidden;
font-size:0em;
line-height:0;
clear:both;
}

.clear_content {
clear:both;
height:0;
width:0;
font-size:0em;
line-height:0;
}

.left {
float:left;
}

.right {
float:right;
}


/* 
HEADER (rotating images, main nav and task bar)
======================================
*/

#branding {
width:820px;
margin-left:50px;
}

#branding h1 {
display:block;
border:0;
font-size:2em;
color:#FFFFCC;
margin:1em 0;
}

#wrap_main_nav {
width:820px;
margin-left:50px;
}

#brand_image {
height:0;
}

#brand_image img {
display:none;
}

ul#main_nav {
width:796px; /*796+24=820px the 24 is the padding*/
margin:0;
padding:0 12px;
background-color:#330000;
list-style-type:none;
}

ul#main_nav li {
display:inline;
line-height:3.5em;
padding-right:14px;
margin:0;
list-style-type:none;
}

ul#main_nav li.contact_us {
padding-left:5px;
padding-right:0!important;
}

ul#main_nav li a {
color:#FFFFCC;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
}

#task_bar {
width:796px; /*796+24=820px the 24 is the padding*/
min-height:28px;
border-top:1px solid #FFF;
border-bottom:1px solid #AAA;
margin:0;
padding:0 12px;
background:url(../../images-css/task_bar_bk.jpg) repeat-x #D2D2D2;
}

form#log_in {
float:left;
width:500px;
}

form#search_site {
float:right;
width:250px;
}

form#log_in dl,
form#search_site dl {
margin:0;
padding:0;
}

form#search_site dl {
float:right;
}

form#log_in dl dt,
form#search_site dl dt {
margin:0;
padding:0;
float:left;
}

form#log_in dl dt label,
form#search_site dl dt label {
line-height:2em;
padding-right:5px;
color:#666;
font-size:1.2em;
}

form#log_in dl dd,
form#search_site dl dd{
margin:0;
padding:0;
float:left;
}

form#log_in dl dd input {
border:1px solid #CCC;
width:116px;
height:18px;
margin-top:3px;
margin-right:3px;
font-size:1.2em;
}

form#log_in dl dd input#login {
margin-right:12px;
}

form#search_site dl dd input {
border:1px solid #CCC;
width:116px;
height:18px;
margin-top:3px;
margin-right:4px;
font-size:1.2em;
}

form#log_in dl dd #log_in_btn {
display:block;
width:35px;
height:20px;
background:url(../../images-css/log_in_btn.jpg) no-repeat;
background-position:0 4px;
padding-left:20px;
line-height:2em;
color:#666;
font-size:1.2em;
text-decoration:none;
}

form#search_site dl dd input#search_btn {
width:27px;
height:17px;
border:0;
margin:3px 0 0 0;
}

form option.separator {
font-weight:bold;
}

/* 
CONTENT BLOCKS
======================================
*/

#wrap_content {
clear:both;
width:820px;
margin-left:50px;
background-color:#FFFFFF;
padding-bottom:15px;
}

/* 
BREADCRUMBS - This is on all layout pages with breadcrumbs
======================================
*/

#breadcrumbs {
width:798px;/*820-11-11=798*/
padding:12px 11px 0 11px;
height:3em;
}

#breadcrumbs ul {
margin:0;
padding:0;
list-style-type:none;
}

#breadcrumbs ul li {
float:left;
color:#000;
padding-right:0.5em;
line-height:19px;
font-size:1em;
}

#breadcrumbs li a {
color:#000;
text-decoration:none;
font-size:1em;
}

/* 
BACK TO TOP LINKS
======================================
*/
/*
The page_nav's are for back to top
links and back to x page links
*/
#content ul.page_nav,
#blog_content ul.page_nav {
margin:0 0 1em 0;
padding:0;
list-style-type:none;
}

#content ul.page_nav li,
#blog_content ul.page_nav li {
padding:.2em 0;
font-size:1em;
line-height:1.5em;
}

#content ul.page_nav li a,
#blog_content ul.page_nav li a {
color:#000;
}

/* 
MAIN BOXES
======================================
*/

div.main_box {
width:176px;
border:1px solid #663300;
margin:0 0 2em 0;
}

div.main_box h1 {
font-size:1.4em;
color: #FFFFCC;
background-color:#663300;
margin:0;
padding:5px;
font-weight:normal;
}

div.main_box blockquote,
div.main_box cite {
margin:10px;
font-style:italic;
color:#000;
}

div.main_box cite {
color:#000;
display:block;
font-size:1em;
}

div.main_box p,
div.main_box label {
margin:10px;
display:block;
}

div.main_box ul {
margin:10px;
padding:0;
list-style-type:none;
}

div.main_box ul li {
padding:0;
margin:0;
}

div.main_box img {
display:block;
margin-top:1em;
margin-right:auto;
margin-bottom:1em;
margin-left:auto;
}
div.main_box a img {
border: 0;
}

/*
Is the main_box for a team list? 
if so it needs this team_box class
*/
div.team_box ul {
margin:10px;
padding:0;
list-style-type:none;
border-top:1px solid #E6E6E6;
}

div.team_box ul li {
display:block;
padding:.25em .25em .25em 20px;
border-bottom:1px solid #E6E6E6;
color:#000000;
background-image:url(../../images-css/main_box_bullet.gif);
background-repeat:no-repeat;
background-position:0% 50% ;
}

/* 
INFO_BOX - Full colour
======================================
*/

div.info_box {
width:178px;
background-color:#663300;
margin:0 0 2em 0;
padding:5px 0;
}

div.info_box h1 {
font-size:1.4em;
color:#FFFFCC;
margin:0;
padding:5px;
font-weight:normal;
}

div.info_box p {
color:#FFFFCC;
margin:0;
padding:5px;
font-weight:normal;
}

div.info_box a {
color:#FFFFCC;
}

div.info_box a img {
border: 0;
}

/* 
FOOTER
======================================
*/

#footer {
clear:both;
width:820px;
margin-left:50px;
min-height:40px;
padding-top:8px;
margin-bottom:20px;
}

#footer ul#footer_nav {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#footer ul#footer_nav li {
list-style-type:none;
display:inline;
line-height:2em;
padding:0 5px;
border-right:1px solid #FFF;
}

#footer ul#footer_nav li a {
color:#FFFFCC;
text-decoration:none;
font-size:1.1em;
}

#footer ul#footer_nav li a:hover {
color:#666;
}

#footer ul#footer_nav li.last_link {
border:0;
}

#footer ul#external_nav {
float:right;
list-style-type:none;
margin:0;
padding:0;
}

#footer ul#external_nav li {
list-style-type:none;
float:left;
line-height:2em;
padding:0 5px;
}

#footer ul#external_nav li a {
color:#FFFFCC;
font-size:1.1em;
}
/*

#footer ul#external_nav li#chambers_btn a {
display:block;
width:62px;
height:18px;
background-image:url(../../images-css/chambers_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}

#footer ul#external_nav li#legal500_btn a {
display:block;
width:37px;
height:30px;
background-image:url(.../../images-css/legal500_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}

#footer ul#external_nav li#lexcel_btn a {
display:block;
width:29px;
height:30px;
background-image:url(../../images-css/lexcel_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}

*/