/* ---------------- main----------------*/

* {    margin:0; padding:0; font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; font-size: 12px; color: #00457C; }

body { background-image:url(../images/general/bodybg.jpg); background-repeat:repeat-x; }

#page { margin:auto; width: 974px; height: 729px; }

#container { width: 100%; float: left; margin-right: -243px; }
		
#content { margin-right: 243px; }

#footer p { padding: 10px 0px 10px 20px; color: #00457C; font-size: 10px; }
*html #footer p{ margin-top: -20px; }
#footer p a{ text-decoration: none;  font-size: 10px; }			
#footer p a:hover{ color: #333; }			

#clearAdd { clear: both; }	
.clearing { height: 0; clear: both; }   

/* ---------------- logo ----------------*/

#adminProfile { height:150px; background: #dfdfdf; margin: 5px 30px 15px 15px; }		   	   
#adminProfile img{ float: left; margin-right: 15px; }	 
.adminProfile { margin: 0px -30px 0px 0px; }	   

.barrister-search { font-size: 10px; font-weight: bold; padding: 20px 30px 0px 0px;	}	   
	   
blockquote { font-size: 12px; font-weight: bold; font-style: italic; }
cite { font-style: normal; font-size: 12px; }			   

.caseTitle { font-size: 12px; font-weight: bold; font-style:italic; }
		
*html .checkbox{ margin-left: -3px; }		
					
#conferenceThumbs .first{ padding-top: 34px; }	  
* html #conferenceThumbs .first{ padding-top: 11px; }
#conferenceThumbs img { margin-left: 3px; margin-bottom: 11.5px; }		  		
								
dd { font-size: 11px; padding: 0px 50px 5px 0px; }
		
dt { padding: 15px 50px 0px 0px;	font-weight: bold; }
			
h1 { font-size: 22px; font-weight: normal; }	

h2, dt { font-size: 15px; }

h3 { font-size: 13px; }
		
.hidden { display: none;}									
		
#homeText {	 padding: 10px 0px 0px 0px ; margin-left: 11px; width: 467px; min-height: 408px; }
*html #homeText {	height: 453px; width: 470px; }
#homeText a { font-weight: bold; color: #B1953A; text-decoration: none; }		
#homeText p { font-size: 16px; }			

.intro { font-size: 12px; padding: 15px 60px 0px 0px;	}							
		
#left { width: 240px; float: left; overflow:hidden; }
	  
#logobox { width: 240px; height: 243px; background-color: #fff; }
#logobox img{ margin-top: 25px; margin-left: 5px; overflow:hidden; }
.logo { font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; font-size: 10px; line-height: 13px; text-decoration:none; background: white; margin: 0px 10px 0px 65px; }	
#clsLogo {margin: 50px 0px 0px 0px; position: absolute; bottom: 2px; left: 22px;}


#artbox { width: 240px; height: 240px; overflow: hidden; }	

#main { background: #ccc; margin-left: 240px; } 
		
#mainText {	float: left; /*ie fix, causes 3px border on left without */ width: 482px; padding-left: 10px; min-height: 511px; }
* html #mainText { float: left; /*ie fix, causes 3px border on left without */ width: 470px; height: 488px; }		
#mainText a { font-weight: bold; text-decoration: none; color: #B1953A; }			
#mainText h1, h2, h3, dt { padding: 15px 50px 0px 0px; }	
#mainText li { text-decoration: none; color: #00457c; }
#mainText li a { font-weight: bold; text-decoration: none; color: #B1953A; }
#mainText p { font-size: 11px; line-height: 15px; padding: 15px 50px 0px 0px;}			
#mainText ul { font-size: 12px;  margin-left: 15px; list-style: square; width: 400px; padding-left: 20px; }	
#mainText input {padding-left: 4px;}
							
#phonebox { float:left; height: 243px; min-width: 491px; line-height: 16px; border-right-color: #FFFFFF; border-right-width: 1px;
border-right-style: solid;}
html #phonebox { width: 490px; }				
#phonebox a { font-size: 12px; font-weight: bold; text-decoration: none; line-height: 23px;}				
.phoneText { height: 0px; padding: 187px 0px 0px 20px; font-size: 16px; font-weight: bold; color: #000457c; }
*html .phoneText { padding: 189px 0px 0px 20px; }			
			
.searchbar { border-top: 1px solid #333; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
border-left: 1px solid #333; width: 80%; }
  
html>body .searchbar { *width: 70%; }  	
				
#searchbox { padding-top: 10px; width: 240px; margin-top: -15px; font-size: 12px; min-height: 223px; }
*html #searchbox { height: 200px; }	
#searchbox ul { margin-top: 15px; margin-left: 35px; font-weight: bold; list-style: square; }
#searchbox li a { text-decoration: none; font-size: 12px; }
#searchbox input {padding-left: 4px;}
		
.searchform { margin-left: 20px; }
		
#sidebar { width: 242px; min-height: 754px; float: right; position: relative;} 	
* html #sidebar { height: 731px; }							
	
#sideText { padding: 20px 20px 30px 20px; height:inherit;}	
#sideText p { font-size: 10px; }	
#sideText h1 { font-size: 16px; font-weight: bold; }		
#sideText ul { font-size: 10px; padding: 0px 0px 0px 15px;	list-style-type: square; font-weight: bold; }
#sideText li { text-decoration: none; font-size: 10px;  }
#sideText li a { text-decoration: none; color: #B1953A; font-size: 10px; }			
#sideText img { float: left; padding: 0px 5px 2px 0px; }	
#sideText .press { font-size: 10px; font-weight: bold; padding: 10px 30px 10px 0px;	}	
#sideText .press a {  color: #B1953A; font-size: 11px; font-weight: bold; text-decoration: none; }	
				
#textField { margin-top: -20px; }
#thumbs img {padding: 5px 5px 20px 0px; }
		
.ws-title p { padding: 0px 20px 20px 24px; font-size: 9px; color: #333; }

/* Navigation */

#button { width: 243px ! important; height: 243px ! important; 
font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif ! important; color: #fff; font-size: 12px;  }
#button ul{ list-style-type: none; }
#button .links { display: block; padding: 4px 0px 5px 20px ! important; color: #fff; font-weight: normal; text-decoration: none;
width: 223px; }
#button .links:hover { background-color: #B1953A; color: #fff; }	

#current { background-color: #B1953A;}
#home { background-color: #C7D0E3;}
#about_us { background-color: #AAB9D4;}
#barristers { background-color: #8FA4C6;}
#practice_groups { background-color: #7691B8;}
#adr { background-color: #6080AC;}
#resources { background-color: #4870A1;}
#recruitment { background-color: #2F6396;}
#administration { background-color: #0A558A;}
#contact_us { background-color: #00457C;}
		
/* template colours */

.searchBoxHome { background-color: #CFE0FF;}	
.phoneBoxHome { background-color: #C2D8EF;}		
.sideBarHome { background-color: #CFE0FF;}	
.mainTextHome { background-color: #FFFFFF;}
	
.searchBoxAbout { background-color: #D1EFE9;}	
.phoneBoxAbout { background-color: #b5dfd7;}		
.sideBarAbout { background-color: #C2EFE6;}	
.mainTextAbout { background-color: white;}	

.searchBoxBarristers { background-color: #E1FFCF;}				
.leftBarristers { background-color: #C6EFB3;}	
.phoneBoxBarristers { background-color: #D0EFC2;}		
.sideBarBarristers { background-color: #E1FFCF;}	
.mainTextBarristers { background-color: white;}		
	
.searchBoxPractice { background-color: #DFE7FF;}	
.phoneBoxPractice { background-color: #CFCDFF;}		
.sideBarPractice { background-color: #E0DFFF;}	
.mainTextPractice{ background-color: white;}	

.sideBarcontract{ background-color: #E0DFFF;}	

.sideBarNegligence{ background-color: #E0DFFF;}		

.searchBoxADR { background-color: #f7e8f1;}	
.phoneBoxADR { background-color: #e5bcd7;}		
.sideBarADR { background-color: #EFE0EA;}	
.mainTextADR{ background-color: white;}		
	
.searchBoxResources { background-color: #EDE6E0;}	
.phoneBoxResources { background-color: #DFCAB5;}		
.sideBarResources { background-color: #EFE3D1;}	
.mainTextResources{ background-color: white;}		
	
.searchBoxRecruitment { background-color: #f1deec;}	
.phoneBoxRecruitment { background-color: #d8c5e0;}		
.sideBarRecruitment { background-color: #EFE0EC;}	
.mainTextRecruitment { background-color: white;}	
	
.searchBoxAdmin { background-color: #c4ccc4;}	
.phoneBoxAdmin { background-color: #c7cec6;}		
.sideBarAdmin { background-color: #B3BFB4;}	
.mainTextAdmin { background-color: white;}	
.pageAdmin { background-color: #cfe0ff;}  
     	
.searchBoxContact { background-color: #D1EFE0;}	
.phoneBoxContact { background-color: #C3DFD1;}		
.sideBarContact { background-color: #B5DFC9;}	
.mainTextContact { background-color: white;}			
	
.sideBarDisclaimer { background-color: #DEE4F0;}		
	
/*form */

fieldset { clear: none; border-width: 1px; border: solid 1px #cccccc; padding: 0 5px 15px 15px; width: 85%;
        }
legend { font-size: 15px; padding: 5px; font-weight: bold; }

.searchButton{ padding-top: 0; }   
*html .searchButton{ font-size: 9px;padding: 0;}   
  
.mainText li.missingLink { color:#00457c; }   

.inputfield{ background: #FFFFDF; }	
		
.inputfieldMandatory { background: #ffffaa; }			

/* ---------------- face ----------------*/	
	
/* home  */

.faceHome ul { float: left; width: 245px; height: 245px; background: url(../images/home/home.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* about  */

.faceAbout ul { float: left; width: 245px; height: 245px; background: url(../images/about/about.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* barristers  */
.faceBarristers ul { float: left; width: 245px; height: 245px; background: url(../images/barristers/barristers.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* practice groups  */

.facePractice ul { float: left; width: 245px; height: 245px; background: url(../images/groups/groups.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* adr */

.faceADR ul { float: left; width: 245px; height: 245px; background: url(../images/adr/adr.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* resources  */

.faceResources ul { float: left; width: 245px; height: 245px; background:url(../images/resources/resources.jpg)  0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* resourcesConference  */

.faceResourcesConference ul { float: left; width: 245px; height: 245px; background:url(../images/resources/conference245.jpg)  0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* Recruitment  */

.faceRecruitment ul { float: left; width: 245px; height: 245px; background:url(../images/recruitment/recruitment.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* admin  */

.faceAdmin ul { float: left; width: 245px; height: 245px; background: url(../images/administration/administration.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* contact  */

.faceContact ul { float: left; width: 245px; height: 245px; background: url(../images/contact/contact.jpg) 0px 0px; background-repeat: no-repeat; overflow:hidden; }

/* ================================================== */	

#faceHolder ul li { float: left; width: 48px; height: 48px; list-style: none; }
#faceHolder ul li div {width: 48px; height: 48px; background: none; }
#faceHolder ul li span { display: block; width: 48px; height: 48px; }
#faceHolder ul li { _width /**/: 45px; _height /**/: 45px; }
#faceHolder ul li div { _width /**/: 45px; _height /**/: 45px; }
#faceHolder ul li span { background: #fff; }

#faceHolder  .box0 span { background: #fff; }
#faceHolder  .box1 span { background: #fff; }
#faceHolder  .box2 span { background: #fff; }
#faceHolder  .box3 span { background: #fff; }
#faceHolder  .box4 span { background: #333366 }
#faceHolder  .box5 span { background:#333366}
#faceHolder  .box6 span { background: #0C46A9 }
#faceHolder .box7 span { background: #1551B9 }
#faceHolder .box8 span { background: #1F5DC8 }
#faceHolder  .box9 span { background: #2B6AD6 }
#faceHolder  .box10 span { background: #3877E2 }
#faceHolder  .box11 span { background: #4884EC }
#faceHolder  .box12 span { background: #5992F4 }
#faceHolder  .box13 span { background: #6BA0FB }
#faceHolder  .box14 span { background: #80AFFF }
#faceHolder  .box15 span { background: #9ABFFF }
#faceHolder  .box16 span { background: #B3CFFF }
#faceHolder  .box17 span { background: #CCDFFF }
#faceHolder .box18 span { background: #E6EFFF }
#faceHolder .box19 span { background: #FFFFFF }

/* =OPACITY
================================================= */
#faceHolder  .box20 span { background: #fff; -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity=95); }
#faceHolder  .box21 span { background: #fff; -moz-opacity: 0.9; opacity: 0.9;   filter: alpha(opacity=90); }
#faceHolder  .box22 span { background: #fff; -moz-opacity: 0.8; opacity: 0.8;   filter: alpha(opacity=80); }
#faceHolder  .box23 span { background: #fff; -moz-opacity: 0.7; opacity: 0.7;   filter: alpha(opacity=70); }
#faceHolder  .box24 span { background: #fff; -moz-opacity: 0.6; opacity: 0.6;   filter: alpha(opacity=60); }
#faceHolder  .box25 span { background: #fff; -moz-opacity: 0.5; opacity: 0.5;   filter: alpha(opacity=50); }
#faceHolder  .box26 span { background: #fff; -moz-opacity: 0.4; opacity: 0.4;   filter: alpha(opacity=40); }
#faceHolder  .box27 span { background: #fff; -moz-opacity: 0.3; opacity: 0.3;   filter: alpha(opacity=30); }
#faceHolder  .box28 span { background: #fff; -moz-opacity: 0.2; opacity: 0.2;   filter: alpha(opacity=20); }
#faceHolder  .box29 span { background: #fff; -moz-opacity: 0.1; opacity: 0.1;   filter: alpha(opacity=10); }
#faceHolder  .box30 span { background: none; -moz-opacity: 0; opacity: 0;       filter: alpha(opacity=00); }


/* ================================================== */