/*
project: AIG site redesign
author: Rebekah ford
URL:www.rebekahford.co.uk
copyright: AIG London Ltd
*/
* 			{
				padding:0; 
				margin:0;
			}
/* *** font families *** */			
body			
			{
				font-family:Verdana, Arial, Helvetica, sans-serif; 
			}	
div#maintext p, div.maintext p
			{
				font-family:Georgia,Times, serif!important;
			}						

/* ========================== font sizes ========================= */
body
			{
				font-size:72%;
			}
h2, h3, div#maintext p, div.maintext p, #indexlist ul li
			{
				font-size:1em;
			}		
h1, #caption, #seealso ul li, #related ul li, #current ul li, .letters, 
h4, h5, #legal, .readmore, .morenews, .address p, #visitinfo, .aboutlist, h3.aboutsubs, .bioglink a
			{
				font-size:0.85em;
			}	
 #legal_meta, #legal
			{
				font-size:.74em;
			}	
			
/* ============================== font colours =============================== */	
body, div#maintext p a, div.maintext p,  #indexlist ul li a, h2,h3			
			{
				color:#4E4E4E;
			}
h1, #hp_display h4, #hp_display h4 a
			{
				color:#9F9F9E;	
			}	
h4, #caption
			{
				color:#222822;
			}										
a:link, :visited, a:active	
			{	
				color:#333;
			}
			
a:hover, div#maintext p a:hover, div.maintext p a:hover, #indexlist ul li a:hover, .bioglink a:hover 		
			{
				color:#07538c;
			}		
					
/* ============================ font weights ==================================== */									
h1, h2, #caption, a:link, a:visited, a:active 
			{
				font-weight:bold;	
			}		
li.readpress a, h3.aboutsubs
			{
				font-weight:bold!important;
				
			}		
h3, h4, .letters, h5, .bioglink a, .letters, .readmore a, div#maintext p a, div.maintext p a, .address a, li.more a
			{
				font-weight:normal!important;
			}																
/* ========================== link styling ============================== */			
a:link, :visited, a:active	
			{	
				text-decoration:none;
			}
.biogthumbs li a:hover img:hover
			{
				border-color:#a2bc04!important;
			}		
#indexlist ul li a, div#maintext p a, div.maintext p a, .biogthumbs li a:hover img:hover, .address a
			{
				text-decoration:underline!important;
			}
a.aigarrow:after, span.arrow_unit:after
			{
				content:url(../images/arrow_unit.gif);
				
			}	
a.aigarrow:after
			{
				padding:0px 4px;
			}			
span.arrow_unit:after
			{
				padding: 0px 4px;
			}					
/* ============================== italics ============================= */		
.readmore, li.more a
			{
				font-style:italic;
			}	
/* ============================== line heights and letter spacings============================= */							
h1
			{
				letter-spacing:0.03em;
			}		
h2
			{
				letter-spacing:-0.006em;
			}

h3
			{
				letter-spacing:0.003em;
				line-height:1.3em;
			}	
h4
			{
				letter-spacing:0.001em;				
			}	

div#maintext p, div.maintext p, #indexlist ul li
			{
				line-height:1.3em;
				letter-spacing:0.007em;
			}				
#seealso, #related, #current
			{
				line-height:1.5em;
				letter-spacing:.05em;			
			}
.readmore
			{
				text-align:right;
				line-height:.4em;
				letter-spacing:.08em;
			}
.morenews li
			{
				text-align:right;
				margin:4px 0px;
			}			
#caption
			{
				letter-spacing:0.023em;
				line-height:1.6em;
			}
ul.readpress li 
			{
				padding:6px 0px 0px 0px;
			}
.letters
			{
				letter-spacing:0.001em!important;
			}	

/* ====================================structural positioning============================================= */			
body 		{
				
				/*background-image:url(../images/logo.png);*/
				background-position:top left;
				background-repeat:no-repeat;
				width:100%;
				text-align:left;
				vertical-align:top;
			}
#logo
			{
				margin:0px 0px 0px 64px;
				background-position:top left;
				background-image:url(/images/lacock_logo_off.gif);
				background-repeat:no-repeat;
				height:61px;
				width:61px;
			}	
a:hover img#logo
			{
				background-position:top left;
				background-image:url(/images/lacock_logo_on.gif);
				background-repeat:no-repeat;
			}					
#bodywrap, #tertiarynav
			{
				margin-left:136px;
				width:768px;
			}			
#headings
			{ 
				 margin:0px 0px 8px 0px;
			}	
#subheadings
			{
				margin:0px 0px 12px 0px;
			}					
#newswrap #subheadings
			{
				margin:0;
				padding:0px 0px 12px 0px;
			}
						
h1			{
				padding:0px 0px 6px 0px;
				margin:0px 0px 4px 0px;
			}
h2			{
				margin:0px 0px 1px 0px;
			}
h5
			{
				margin:0px 0px 12px 0px;
			}			
li
			{
				list-style-type:none;
			}					
#maintext,.maintext, #metawrap, #indexlist,  #biogadditional, 
#imagewrap, #caption, #seealso, #related, div#newswrap, div.newsstory img,div.news, 
div.newsstory, div.newspromocolumn, div#contact_information, #logo
			{
				float:left;
			}
#biogpics, #thumbnails, .second,.third, div#calendarwrap, .morenews, .biogthumbs li a, li.bioglink a
			{
				float:right;
			}	

/* homepage styling */
#hp_display 	{
					list-style:none;
				}
#hp_display li {
					display:inline;
					width:180px;
					height:196px;
					float:left;
					text-align:left;
					}
#hp_display li.buffered 		{
					margin:0px 16px 0px 0px;
					}
#hp_display h4		{
					height:16px; 
					text-align:left; 
					vertical-align:top;
					background-color:#fff;
					font-size:0.85em;
					}
					
#hp_display h4	a:hover	{
					color:#07538c;
					}
					
#hp_display li img 	{
					width:180px;
					height:180px;
					}
							
													
a img
			{
				border:0;
			}	
			

/* 1st columns */
div.project, #biogadditional, #contact_information
			{	
				margin:0px 14px 0px 0px;
				width:240px;
			}	
#project_image
			{
				padding:0px 0px 8px 0px;
			}				
div#newswrap
			{
				width:568px;
			}			
div.newsstory
			{
				width:568px;
				padding:8px 0px 0px 0px;
			}	
div.newsstory img
			{
				width:120px;
				margin:0px 14px 0px 0px;
			}
div.newspromocolumn
			{
				width:120px;
				margin:0px 14px 0px 0px;
			}
div.newspromocolumn img
			{
				margin:0px 0px 8px 0px;
			}		
iframe#login, iframe#login form
			{
				border:0;
			}	
iframe#login
			{
				margin:10px 0px;
				overflow:hidden: /* don't want or need a scrollbar showing on this iframe */
				clear:both;
			}									
iframe#login body.bg div#main form table
			{
				background-color:#d7d6d6;
				border:0;
				width:390px;
				height:128px;
				text-align:left;
				padding:20px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				margin:10px 0px 20px 0px;
			}
table#login td
			{
				background-color:#d7d6d6;
				text-align:left;
				font-size:.85em;
				vertical-align:bottom;
				height:18x;
			}	
table#login td input#un,table#login td input#pw
			{	
				border:0;
				height:16px;
			}
table#login td.note
			{	
				vertical-align:bottom;
				padding:10px 0px 0px 0px;
			}	
#contact_information .address, #legal_meta
			{
				padding:8px 0px;
			}	
#topaddress /* the top address in the contacts pages has to have the 8px removed from the top the line up with the image, this is done using an id which naturally overrides the calss for this element*/
			{
				padding: 0px 0px 8px 0px!important;
			}		
#legal_meta
			{
				
			}
.addresscluster
			{
				margin:0px 0px 8px 0px;
			}																				
/* 2nd columns */			
#imagewrap
			{
				width:512px;
			}	
#mainimage
			{
				padding-bottom:8px;
				margin:4px 0px 0px 0px;
			}							
#caption
			{
				width:212px;
				margin:3px 0px 0px 0px;
			}	
.maintext
			{
				width:430px;
			}			
div.biog, #indexlist
			{
				width:388px;
			}	
			
#biogadditional img
			{
				margin:0px 0px 8px 0px;
			}	
.contactimage
			{
				margin:0px 0px 12px 0px;
				clear:both;
			}				
#visitinfo
			{
				margin:8px 0px;
			}
#visitinfo p
			{
				margin:0px 0px 8px 0px;
			}						
/* 3rd columns */		

ul.biogthumbs li a img
			{
				height:50px;
				width:50px;
				border:1px solid #fff!important; /*default img border is turned off so need to override this for these particular images - used px instead of em, because em is not well liked as a unit for borders by anything other than firefox*/
				vertical-align:top;
			}
li.bioglink a
			{
				text-align:right;
				padding:8px 0px;
			}			
#calendarwrap
			{
				margin:0px 50px 0px 0px;
			}
/* bottom */
div#maintext p , div.maintext p,  #indexlist ul, ul.aboutlist
			{
				margin-bottom:8px;
			}		
/*modular link elements */							
#seealso, #related, #current
			{
				padding:3px 0px;
			}
#current
			{
				margin:14px 0px 0px 0px;
			}			
#seealso, #related
			{
				width:240px;
				clear:both;
			}			
.readmore
			{
				margin:0px 0px 8px 0px;
			}	
#thumbnails
			{
				margin:8px 0px 6px 0px; /* something is causing an extra couple of pixels at the bottom of the thumbs which can't be detected at this point*/
			}			
#thumbnails li
			{
				display:inline;
			}
#tertiarynavwrap
			{
				padding:30px 0px 0px 0px;
				clear:both;
			}					
#tertiarynav
			{
				height:90px;
				clear:both;
			}	
#legal
			{
				padding:6px 0px 0px 0px;
			}		
/* ** borders ** */
#seealso, #related, #current, #tertiarynav
			{
				border-top:1px solid #1f75b6;	
			}	
#project_image, div#maintext, h1, /* #biogadditional,*/ .newsstory, .news, #newswrap #subheadings, .address
			{
				border-bottom:1px solid #1f75b6;
			}