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

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.55em; color:#555; background:#fff; }

.vx_block { margin-bottom:10px; }
	
	.content a { color:#AB1739; text-decoration:none; }
		.content a:hover { color:#000; text-decoration:none; }
		
		/*.text a { color:#000; text-decoration:none; }
			.text a:hover { color:#AB1739; text-decoration:none; }
		*/
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form { margin:0 0 1em 0; }
	
	.content ol { margin-left:.5em; }
	
	.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight:bold; color:#AB1739; margin-top:-2px; }
		
	.content h1 { font-size:1.4em; line-height:1.6em; }
	.content h2 { font-size:1.3em; line-height:1.5em; }
	.content h3 { font-size:1.2em; line-height:1.4em; }
	.content h4 { font-size:1.1em; line-height:1.3em; }
	.content h5 { font-size:1em; line-height:1.2em; }
	
	.content li { font-size:1em; margin-bottom:0; line-height:1.3em; margin-left:1.3em; }
		/*.content li li { font-size:.8em; }*/
	
	.bullets li { font-size:1em; margin-bottom:.7em; line-height:1.3em; margin-left:0; background: url(../_images/bullet_submenu.gif) no-repeat 0 3px; padding-left:15px; list-style:none; }
	
	.content p { line-height:1.5em; }
	
#wrapper { margin: 0 auto; width: 960px; padding: 0 0 2em 0; }
			
		.logo { position: absolute; left: 200px; bottom: 10px; }
		
		#top { position:absolute; top:5px; right:0px; width:300px; text-align: right; }
			#top .content p { color:#666; font-size:.9em; }
			
		#header { height:14em; border-bottom:solid 1px #999; position: relative; padding: 0 0 1em 0; margin: 0 0 1em 0; }
		
		#strapline { position:absolute; bottom:8px; right:0px;}
		
		.clearfix:after { content:""; clear:both; float:none; display:block; }
		
		.menu { position: absolute; width: 190px; bottom: 10px; }
			.menu ul { text-align:left; width: 100%; margin:0; padding:0; }
				.menu ul li { display: block; font-size: 1.1em; margin: 0; font-weight: bold; margin:0 0 .2em; padding:0;  }
					.menu ul li a { color:#AB1739; }
						.menu ul li a:hover { color:#000; }
	
	.home_images { width:520px; padding: 0 0 10px 0; }
		.col_03 .home_images { width:230px; padding: 0 }
		
	.small_image { width:120px; float:left; margin-right:10px; }
		.small_image .text p { margin:0; }
			.small_image .text a { background: #AB1739; display:block; color:#fff; width:112px; padding:4px; font-weight:bold; }
				.small_image .text a:hover { text-decoration:underline; }
				
	.col_03 .small_image { width:230px; float:none; clear:both; margin-bottom:13px; }
		.col_03 .small_image .text a { background: #AB1739; display:block; color:#fff; width:112px; padding:4px; font-weight:bold; position:absolute; }
		
	#content { position: relative; background:url(../_images/bg_content.png) repeat-y top center; margin: 2em 0 0 0; padding: 1em 0 0 0; }
		.no_bg_content #content { background: none; }
		.equal_columns #content { position: relative; background:url(../_images/bg_content2.png) repeat-y top center; }
		.podcasts #content { position: relative; background:url(../_images/bg_content5.png) repeat-y top center; }
		.barristers #content { position: relative; background:url(../_images/bg_content4.png) repeat-y top center; }
			.wide #content { position: relative; background-image: none; }
				.wide #content ul { padding:.5em 0 0; }
					.wide #content ul li { list-style:none; margin:0 0 .5em; }
						.wide #content ul li ul li { margin:0 0 .5em 2em; }
							.wide #content ul li ul li a { color:#555; }
								.wide #content ul li ul li a:hover { color:#AB1739; }
				
	.col_01 { float:left; width:180px; margin: 0 20px 0 0; }
		.wide .col_01 { width:900px; }
		
	.col_02 { float:left; width:510px; }
		.inside .col_02 { margin-top:100px; }
		.equal_columns .col_02 { width:360px; }
		.barristers .col_02 { width:610px; }

		
	.col_03 { float:right; width:230px; margin: 0; }
		.inside .col_03 { margin-top:100px; }
		.equal_columns .col_03 { width:360px; }
		.barristers .col_03 { width:140px; }

#footer { width: 960px; margin: 0 auto; border-top:solid 1px #999; padding:1em 0; }
	#footer p, #footer a { color:#999; line-height:1.3em; }
		.footer_left { float:left; width:400px; }
		.footer_right { float:right; width:400px; text-align: right; }

		.content fieldset { border: none; }
			.content legend { display: none; }
			.content label { display: block; }
				#top.content label { display: none; }
			.content p { margin-bottom:1.2em; }
			.content input[type=text] { border:solid 1px #999; width:200px;  font-size:0.95em; padding:3px; }
			.content textarea { border:solid 1px #999; width:350px; padding:3px; }
				.button { margin: 0 0 -8px 0; }
		
	.image_right { float:right; margin: 0 0 1em 1em; }	
	.image_left { float:left; width:240px; }
	.text_right { float:right; width:625px}
	.text_left { float:left; margin:0 1em 1em 0; }
	
	.submenu li { list-style:none; margin:0 0 .6em 0; }
		.submenu li ul { list-style:none; margin:1em 0 1em 1em; }
		
		.submenu a { color:#666; text-decoration:none; font-weight:bold; }
			.submenu a:hover { color:#AB1739; text-decoration:none; }
		
		.submenu li ul { list-style:none; margin:1em 0 1em 1em; display:none; }
		.submenu .selected ul { display:block; }
		
			.submenu li ul a { color:#666; text-decoration:none; font-weight:normal; }
				.submenu li ul a:hover { color:#AB1739; text-decoration:none; }
			
		.col_03 .submenu a { color:#AB1739; }
			.col_03 .submenu a:hover { color:#666; }

	.hr { display:block; border-top:solid 1px #999; margin-top:1em; padding-bottom:1em }

	/*.podcast { padding-top:20px; background:url(../_images/speaker.gif) no-repeat top left; color:#666; }
		.podcast a { color:#000; font-weight:bold; }*/
	
	/*.news a { color:#333; }
	.news a { color:#333; }*/
	
	.small_text .content { font-size:1.1em; }
		.small_text .content p { line-height:1.3em; }
	
	.details { padding:1em 0; }
		.details h1, .details h2, .details h3, .details h4, .details h5 { margin-bottom:10px; } 
			.details a { padding-left:20px; border-top:solid 1px #999; display: block; font-weight: bold; padding-top: 12px; }
				.details .articles a { background:url(../_images/articles.png) no-repeat 0 11px; }
				.details .contact a { background:url(../_images/contact.png) no-repeat 0 10px; }
				.details .printer a { background:url(../_images/printer.png) no-repeat 0 11px; }
		
	#banner { position:absolute; top:0; right:0; width:760px; border-bottom: solid 20px white; }
		#banner .text { background:#AB1739; position:absolute; top:0; left:0; width: 180px; padding: 3px 3px 4px 6px; z-index: 999; }
			#banner .text p { font-size:1.1em; color:#fff; margin: 0; font-weight: bold; }
		#banner .image {}
	
	.person { width:150px; float:left; margin:0 20px 20px 0; }
	
	.two_col { width:100%; }
		.people_list li { list-style:none; margin:0 0 .5em; }
		.people_list li a  { color:#555; }
			.people_list li a:hover { color:#AB1739; }
	.barr_col_1 { width:150px; float: left; }
	.barr_col_2 { width:450px; float: left; }
		.barr_col_2 li { width:150px; float: left; }
	
.newsletter_form_page #wrapper, .newsletter_form_page #footer { width:760px; }
	.newsletter_form_page .logo { left:0px;}
		.newsletter_form_page #content { background:none; }
			.newsletter_form_page .col_02 { width:760px; }
		
		.newsletter_form_page .checkbox_area { float:none; clear:both; }
			.newsletter_form_page .checkbox_area .checkbox { float:left; margin-right:10px; margin-top:0; }
			.newsletter_form_page .submit { margin:20px 0 0 0; padding:1px 10px; }
			
			.pa_form .submit { padding:.4em 1em; }
			
		.grey .content a { color:#999; }
			.grey .content a:hover { color:#AB1739; }
			
#_blocks .deleteBlock { display:block; clear:both; float:none; padding-bottom:20px; }

.pa_form .content label { display: block; float:left; padding-top:3px; width:11em; }
.pa_form .content textarea { width:300px; height: 80px; font-size:1em; font-family:Arial, Helvetica, sans-serif;  }
.pa_form .checkbox_area label { float: none; }
.pa_form .checkbox_area .checkbox { float:left; margin-right:10px; margin-top:3px; }
.pa_form .hr { margin:1em 0; }

.mp3_link { display: inline-block; position: relative; padding:2px 0 2px 25px; background: url(../_images/play_pause.gif) 0 0 no-repeat; margin:0 0 1em 0; }
	.mp3_link .total_loaded { position: absolute; bottom: -7px; left: 0; height: 6px; width: 0; z-index: 5; background: #e4e4e4; }
	.mp3_link .play_progress { position: absolute; bottom: -7px; left: 0; height: 6px; border-right: 1px solid orange; width: 0; z-index: 7; background: #3d3d3d; }