@import url(../_css/reset.css);

html { overflow-y: scroll; } /* force a scrollbar in Firefox and Safari */
body { font-family: Arial, sans-serif; min-width: 950px; color: #38665a; }

#skiptocontent { display: none; }

#phone { position: absolute; top: 0.3em; left: 50%; margin-left: 207px; font-size: 1.2em; font-weight: 700; height: 45px; padding-left: 30px; background: url(../_images/phone_icon.gif) 0 3px no-repeat; line-height: 40px; vertical-align: middle; }

#header { height: 12.2em; position: relative; }
	#header .logo { position: absolute; left: 50%; top: 0; margin-left: -454px; width: 264px; height: 92px; }
	#header .main_menu { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 2.8em; background: #93a493 url(../_images/menu_bg.gif) repeat-x; }
		#header .main_menu ul { width: 908px; margin: 0 auto; text-align: center; }
			#header .main_menu ul li { display: inline; line-height: 2.8em; }
				#header .main_menu ul li a { font-size: 1.4em; color: #fff; padding: 0 1.4em; text-decoration: none; }
				#header .main_menu ul li a:hover { text-decoration: underline; }
	#header .strapline { position: absolute; left: 50%; bottom: 5.5em; margin-right: -454px; width: 454px; }
		#header .strapline p { font-size: 1.3em; line-height: 1.168em; color: #013C2E; }

#masthead { height: 158px; position: relative; background: #013C2E; margin: 1px 0; }
	#masthead .text { position: absolute; left: 1.5em; top: 3.3em; width: 475px; color: #fff; z-index: 1; }
		#masthead .text h1 { font-size: 2.7em; line-height: 1.168em; margin-bottom: 1em; font-weight: normal; }
		#masthead .text p { font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
	#masthead .image { position: absolute; top: 0; right: 0; }
	#masthead .submenu { position: absolute; left: 0; width: 100%; bottom: -2.3em; background: #93a493; height: 2.3em; margin-bottom: -1px; }
		#masthead .submenu ul { text-align: center; }
			#masthead .submenu ul li { display: inline; line-height: 2.3em; }
				#masthead .submenu ul li a { font-size: 1.4em; color: #fff; padding: 0 1.8em; text-decoration: none; }
				#masthead .submenu ul li a:hover { text-decoration: underline; }

#banner { width: 908px; height: 248px; overflow: hidden; position: relative; }
	#banner .overflow { width: 960px; height: 248px; }
		#banner .element { float: left; position: relative; width: 96px; height: 248px; background: #fff url(none) 100% 0 no-repeat; margin-right: 1px; overflow: hidden; cursor: pointer; }
			#banner .element img { position: absolute; top: 0; right: 0; }
		#banner .last { width: 330px; }

#content { clear: both; }
	.content h2 { font-size:2.5em; }
	.content h1, .content h2, .content h3, .content h4 { font-weight: 400; color: #013c2e; margin-top: 0px; }
	.content a { color: #38665a; text-decoration: none; }
	.content a:hover { color: #013c2e; text-decoration: underline; }
	
	#content .column { float: left; padding: 0 20px; }
	/*#content .column.left, #content .column.right { width: 204px; padding: 0; }
	#content .column.left { border-right: 1px dotted #d0d7d0; }*/
	#content .column.right { /*border-left: 1px dotted #d0d7d0;*/ width: 204px; padding: 0 0 0 20px; }
	#content .column.left { /*border-left: 1px dotted #d0d7d0;*/ width: 204px; padding: 0 50px 0 0; }
	#content .column.main { width: 410px; padding-left: 0px; }
	#content .column.main.wide { width: 660px; }
		#content .content a { color: #013c2e; text-decoration: underline; }
	
		#content .column .quicklinks {}
			#content .column .quicklinks ul { font-size: 1.2em; }
				#content .column .quicklinks ul li { /*background: url(../_images/bullet.gif) 0 0 no-repeat;padding-left: 1.5em;*/  margin-bottom: 0.6em; line-height: 1em; list-style:disc; margin-left:30px; color:#ffffff; }
		
		#content .column .barristers_practising { font-size: 1.2em; }
			#content .column .barristers_practising fieldset { border: 0; }
			#content .column .barristers_practising legend { display: none; }
			#content .column .barristers_practising label { display: none; }
			#content .column .barristers_practising input.submit { display: none; }
		
		#content .content table { width: 100%; }
			#content .content table th { padding: 0.5em 1em; }
			#content .content table td { padding: 0.5em 1em 0.7em; min-width: 100px; vertical-align: top; }
				#content .content table td p { margin: 0; }
			#content .content table tr th { border-bottom: 2px solid #dbe6db; }
			#content .content table tr td { border-bottom: 1px solid #dbe6db; }
		
		#content .column .three_column { float: left; width: 33%; font-size: 1.2em; line-height: 1.6em; }
			#content .column .three_column ul { margin-bottom: 1em; }
		
		#content .pupillage_form {}
			#content .pupillage_form fieldset { border: none; padding: 0; margin: 0; margin-bottom: 1.618em; }
				#content .pupillage_form fieldset legend { font-weight: 700; padding: 0; margin: 0; text-indent: 0; margin-bottom: 0.8em; color: #38665a; }
				#content .pupillage_form fieldset label { cursor: pointer; }
			
				#content .pupillage_form input, #content .pupillage_form select, #content .pupillage_form textarea { width: 271px; border: 1px solid #38665a; font: 12px sans-serif; }
				
				#content .pupillage_form .narrow { width: auto; }
				
				#content .pupillage_form p.submit { clear: both; text-align: center; }
					#content .pupillage_form p.submit input { width: auto; background: #38665a; color: #eee; font-weight: 700; padding: 0.3em 1em; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
				
				#content .pupillage_form .radio_button { display: inline-block; margin-bottom: 0.3em; margin-right: 1.6em; }
					#content .pupillage_form .radio_button input { width: auto; float: left; clear: left; margin-right: 0.3em; border: none; }
				
			#content .pupillage_form .half { float: left; width: 404px; margin-right: 100px; }
			#content .pupillage_form .half.last { margin-right: 0; }
			
			#content .pupillage_form .hidden { display: none; }
			
			#content .pupillage_form .floated_elements {}
				#content .pupillage_form .floated_elements label { float: left; width: 8.75em; margin-right: 0.6em; clear: left; }
				#content .pupillage_form .floated_elements p { overflow: hidden; }
				#content .pupillage_form .floated_elements input, #content .pupillage_form .floated_elements select { float: left; clear: right; width: auto; }
		
		
		#content .practice_area_list {}
			#content .practice_area_list ul { font-size: 1.44em; font-weight: 700; line-height: 1.6em; }
				#content .practice_area_list ul li { float: left; width: 44%; margin-right: 5%; }
				#content .practice_area_list ul li a { color: #013C2E; }
		
		#content .image_text {}
		#content .image_text .text { float: left; width: 253px; margin-right: 1em; }
		#content .image_text .image { float: left; width: 231px; border: 1px solid #38665A; }
			#content .image_text .image img { display: block; }
		
		#content .thumbnail_box { float: left; width: 255px; margin: 0 1em 1em 0; }
			#content .thumbnail_box .image { float: left; width: 73px; margin-right: 9px; }
			#content .thumbnail_box .text { float: left; width: 173px; }
				#content .thumbnail_box .text h3, #content .thumbnail_box .text h4 { margin-top: 0.2em; }
				#content .thumbnail_box .text h3 { margin-bottom: 0.6em; }
		
		#content .contact_form {}
			#content .contact_form form {}
				#content .contact_form form fieldset { border: 0; padding: 0; margin: 0; }
					#content .contact_form form legend { display: none; }
					#content .contact_form form label { float: left; width: 100px; clear: left; }
					#content .contact_form form input, #content .contact_form form textarea { float: left; clear: right; width: 400px; border: 1px solid #93a493; }
					#content .contact_form form input.submit { margin-left: 440px; width: 66px; padding: 0.4em 10px; color: #fff; background: #38665A; border: 0; }
					#content .contact_form form p { overflow: hidden; }
		
		#content .quicksearch { margin-bottom: 25px; }
			#content .quicksearch form { font-size: 1.2em; }
				#content .quicksearch form fieldset { border: 0; padding: 0; margin: 0; }
					#content .quicksearch form legend { display: none; }
					#content .quicksearch form label { font-size: 1.3em; color: #013C2E; float: left; margin-top: 0.25em; }
					
					#content .quicksearch form input { font-size: 1.3em; color: #38665A; border: 1px solid #ddd; margin-left: 0.5em;}
					#content .quicksearch form input.submit { font-size: 1.2em; background-color: #38665A; color: #fff; border: 1px solid #38665A; }
					
					#content .quicksearch form #barrister-results { position: relative; float: left; }
					#content .quicksearch form #barrister-results ul { position: absolute; top: 1.6em; border: 1px solid #ddd; left: 0.6em; width: 130%; background: #fff; opacity: 0.9; }
						#content .quicksearch form #barrister-results ul li {}
							#content .quicksearch form #barrister-results ul li a { text-decoration: none; color: #38665A; display: block; padding: 0.4em 6px; }
							#content .quicksearch form #barrister-results ul li a:hover { background: #ddd; color: #013C2E; }
		
/*		#content .column table { width: 100%; }*/
/*			#content .column th { padding: 0 0 1em; }*/
/*			#content .column td { vertical-align: top; min-width: 100px; }*/
		

#footer { margin: 2.5em 0; border-top: 7px solid #d0d7d0; padding: 1em; font-size: 1.1em; height:3em;}
	#footer a { color: #013c2e; }
	#footer .address { float: left; width: 9em; border-right: 1px solid #d0d7d0; padding-right: 1em; margin-right: 1em; }
	#footer .phone { float: left; width: 14em; border-right: 1px solid #d0d7d0; padding-right: 1em; margin-right: 1em; }
	#footer .site_search { float: left; width: 274px; }
		#footer .site_search form {}
			#footer .site_search form fieldset { border: 0; }
				#footer .site_search form fieldset legend { display: none; }
				#footer .site_search form fieldset label { display: none; }
				#footer .site_search form fieldset input { font-size: 1.1em; margin: 0.4em 0.5em 0 0; }
				#footer .site_search form fieldset input.submit { background: #fff; border: 0; color: #38665a; }
	#footer .legal_info { float: right; text-align: right; }

body.home {}
	body.home #masthead { height: 249px; border-bottom: 7px solid #d0d7d0; background: #fff; }
	body.home #content { margin-top: 1em; }
	body.home #content .column.left { width: 370px; border: 0; padding-right: 48px; }
		body.home #content .column.left .image { margin:30px 0 0 0 }
	body.home #content .column.middle { width: 204px; border: 0; padding: 0 0 0 30px; }
	body.home #content .column.right { width: 204px; border: 0; padding: 0 0 0 30px; }
	
.box { background: #93A493 url(../_images/box-top.jpg) no-repeat top; position:relative; padding-bottom:20px; padding-right: 3px; }
	.box .text h3 { padding:10px 0 0 0px; color:#fff; text-align: center; font-weight: bold; font-size:1.3em }
	.box-bottom { background:url(../_images/box-bottom.jpg) bottom; height:20px; bottom:0px; position: absolute; width: 100%; }
		.box a { color:#fff; text-decoration:none; }
		.box a:hover { color:#fff; text-decoration: underline; }
	.box .quicklinks { padding:20px 5px 10px 0; }
	.box p { color:#fff; padding:18px; margin: 0; }
	.home .box .box_content { }
	.box .more_link { font-size: 1.2em; color: #fff; text-align: right; padding: 0 9px 0; }
		.box .more_link a { display: inline-block; padding: 0.4em 0.8em; color: #fff; background: #38665A; }
		
	.home .box .text p { padding: 18px 18px 0; font-size: 0.83em; line-height: 1.35em; }
		.home .box p strong { font-size: 1.2em; }
/*	.home .box { height:160px; padding-bottom:0; }*/

	.box .text ul { padding:20px 0 0 15px; }
	.box .text li { list-style: disc; color:#ffffff; }

#tools { clear: both; margin-top: 25px; width: 100%; text-align: right; line-height: 20px; height: 41px;  vertical-align: middle; }
.home #tools { margin-top:0; }
	#tools a { display:inline-block; height: 20px; text-decoration: none; margin: 10px 2px; }
	#tools a.what { padding: 0 0.6em; color: #fff; background: #013C2F; position: relative; top: -7px; }

#content .third { clear:both; float:none; width:920px; padding:0; }
	#content .third h3 { font-weight:bold; margin:1em 0 0 0; font-size:1.2em; }
	#content .third h4 { font-weight:bold; margin:1em 0 .2em 0; font-size:1.1em; }
		#content .third a { font-weight:bold; }
				#content .third p { margin:0; }
	#content .third .thumbnail { width:174px; float:left; margin:0 1em .5em 0; }
		#content .third .wider { width:200px; }
#content .third .title { clear:both; margin: 0; padding: 1.5em 0; width: 100%; }

/* jumpy tables */
.paging { text-align: right; }
.numbered_link, .arrowed_link { margin: 0 0 0 0.5em; }
.active_link { text-decoration: none !important; font-weight: 700; }

#\_blocks .box { width:180px;}


.social_feeds{ float:right; height:18px; display:block; overflow:hidden; width:420px; padding-top:5px;}

.social_image { float:right; width:18px; height:27px; }

.social_text { float:right; width:104px; height:27px; display:inline; line-height:20px; padding-left:10px; text-align:right; padding-right:2px;}