/* basic elements */
/* w3schools color site http://www.w3schools.com/html/html_colors.asp  */

body 	{ 
	font: 8pt/12pt georgia,verdana, geneva, arial, helvetica, sans-serif ; 
/*	background:  #FFF8DC url(logonormal.gif) no-repeat top left ;*/
	background:  #FFF8DC ;
	margin: 0.1px ; 
	}

p 	{ 
	font: 8pt/12pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	margin: 0px 0px 6px 0px ; 
	text-align: justify ;
	}
/* table stuff */
table 	{
	border-style : none ;
	padding : 0 0 0 0 ;
	margin-left : 4em ;
	}

.tableconvey	{
	width : 45em ;
	}

.tableheader	{ 
	font: bold 8pt/12pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: justify ;
	}

.tablebody	{ 
	font: 8pt/12pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: justify ;
	}

.center 
	{
	text-align : center ;
	}

h1 	{ 
	font: normal 20pt/24pt georgia, verdana, geneva, arial, helvetica, sans-serif ;
	text-align: right ;	
	letter-spacing: 2px ; 
	margin: 0px 0px 10px 0px ; 
	color: #330033 ;
	}

h2 	{ 
	font : italic normal 16pt/20pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: left ;	
	letter-spacing: 1px ; 
	margin : 2px 0px 2px 0px ; 
	color: #990033 ;
	}

h3	{ 
	font: italic bold 10pt/12pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: left ;	
	letter-spacing: 2px ; 
	margin : 0px 0px 2px 0px ; 
	color : #330000 ;
	}

h4 	{ 
	font: italic bold 8pt/10pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: left ;	
	letter-spacing: 2px ; 
	margin : 2px 0px 2px 0px ; 
	color: #CC9999 ;
	}

hr	{
	border : 1px solid ;
        margin: 0px 100px 0px 0px ;
	align: left ;
 	color : #2C5D3F ;
	}

.rightalign	{ 
	font: italic bold 14pt/16pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 
	text-align: center ;	
	letter-spacing: 2px ; 
	margin : 0px 0px 0px 0px ; 
	color : #330000 ;
	}

.centerline
	{
	border : solid 1px ;
       	margin: 0px 150px 0px 150px ;
	align: center ;
	}

ul 	{ 
	font: normal 8pt/10pt georgia, verdana, geneva, arial, helvetica, sans-serif ;
	text-align : left ;	
	letter-spacing : 0em ;

 	margin : 1em 10em 1em 4em ;
	padding: 0em ;
	list-style ; none ;
	}

li 	{ 
	text-align: justify ;	
	letter-spacing: 0px ; 

	margin : 0px ;
	padding: 0px ;
	line-height: 1.3em ;
	}

/* the following determine the column widths 
Conyenancing & Property - Purchaser - Rates of Stamp Duty  */
.indent {
	margin-left : 30px ;
	margin-right : 20px ;
	text-align: justify ;
	}

.insertindent
	{
	width: 40em ;
	margin-left : 3em ;
	padding: 0em ;
	}

/* Used in Conveyancing & Property */ 
.insertindent2
	{
	width: 45em ;
	margin-left : 5em ;
	padding: 0em ;
	/*line-height:1.9em ; /* /* Removed as causing excess between lines of text */
	}

/* The indent below used in litigation page */ 
.insertindent3
	{
	width: 55em ;
	margin-left : 5em ;
	padding: 0em ;
	}


.col1 	{
	float: left ;
	width: 30em ;
	margin-left : 2em ;
	padding: 0em ;
	}

.col2 	{	
	float: left ;
	width: 30em ;
	margin-left: 12em ;
	padding: 0em ;
	}

.col3 	{
	float: left ;
	width: 30em ;
	margin-left: 22em ;
	padding: 0em ;
	}

.coltopper 
	{
	margin-top: -10.4em;}
	}
/* calc coltopper by no. items in column by line height e.g. 1.3 X 8  */


ol 	{ 
	font: normal 8pt/10pt ;
	font-family : georgia, verdana, geneva, arial, helvetica, sans-serif ;
	text-align: left ;	
	letter-spacing: 0em ;
 
 	margin : 1em 4em 1em 4em ;
	background: none ;
	padding: 0em ;

	/* margin : 5em 80em 5em 10em ;
	margin-right: 40em ; 
	background: none ;
	margin: 0em ;
	padding: 0em ;*/
	}


/* default value for this is arabic numbers e.g. 1,2,3  */
ol.lower-alpha {list-style-type: a ;}  
ol.numbers {list-style-type : 1 ;}
ol.smlnumerals {list-style-type : i ;}




/* remove underlines from links originally used this but needed multiple links to cater for PIAB screen
switched to code below and rather than addressing the A:link selector I will address it while being dependant on a certain outer class that surrounds the area where I'd like the link style to be effective.
 */
a 	{
	text-decoration: none ; 
	font-weight : bold ;
	margin: 0px 15px 0px 0px ;
	}

.class1 A:link {color :  #3D59AB ; }  			/* cobalt */
.class1 A:visited {color : #A2B5CD ; }			/* light steel blue */
.class1 A:active {color : #27408B; }			/* royal blue */
.class1 A:hover {color : #990066; font-size : 120% ; }	/* wine */


.class2 A:link {color : #2C5D3F }      			/* cucumber */
.class2 A:visited {color :  #698B69 ; } 		/* #238E68 ; } dark sea green */
.class2 A:active {color : #55AE3A } 			/* leaf  - #668B8B ; }  paleturquoise */
.class2 A:hover {color : #2F4F2F ; font-size : 120% ; } /* dark green  */


/* Ending this section*/


/* div elements */
/* whole page */
#container {
	align-text: center ; 	
	margin : 0px 60px 0px 80px ; 
	border : 1px solid #2F4F4F ;  /* dark slate grey */
	background : #FFFFFF ;

	/*background : #FFFFFF url(handonbrief.jpg) no-repeat center right ;*/
	/*background : transparent url(handonbrief.jpg) no-repeat center right ;  */
	/* added in transparent to see how logo looked  color removed #FFFFFF */ 
	}

/* area where text is actually displayed */
#content { 
	/* original margin : 25px 70px 0px 70px ;  */
	margin : 55px 70px 0px 70px ;
	border : 1px solid #2f4f4f;
	background : #F5F5DC;
	} 

#pageheader {
	background:  #FFF8DC url(cologo.gif) no-repeat top right ;
	margin : 0.5px 0px 10px 0px ;
	border-bottom : groove #2F4F4F ;  /* dark slate grey */
	}

#pagefooter {
	font-family : 7pt/9pt georgia, verdana, geneva, arial, helvetica, sans-serif ;
	text-align :left ;
	color : #236B8E ;  /* steelblue */  	
	margin: 0px 0px 0px 0px ;
	border-top : groove #2F4F4F  ; /* dark slate grey */
	}

#navmain
	{ 
	float: right ;
	font: 9pt/11pt georgia, verdana, geneva, arial, helvetica, sans-serif ;   
	height : auto ;	
	text-align: right ;
	border : 1px solid #2f4f4f ; /*  dark slate grey */
	}

#navbottom {
	float : right ; 
	font: 7pt/9pt georgia, verdana, geneva, arial, helvetica, sans-serif ;  
	height : auto ;
	text-align: right ;
	border : 1px solid #2f4f4f ;  /* dark slate grey */
	} 

/* used in many sections in code e.g. conveyancing & property, lanldord and tenant, to display tiered information in first time buyer section */
#subinsert {
	width: 55em ;
	margin-left : 3em ;
	padding: 0em ;
	}

#subinsert2 {
	width: 55em ;
	margin-left : 3em ;
	padding: 0em ;
	}

/* Tried using classes but was not rendering in some browsers so used div instead */
#quote1 { 
	margin : 2px 50px 2px 50px ; 
	font : italic 8pt/10pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 

	/* border : 1px dotted #ff00ff; */
	text-align : justify ;
	background : #F5F5DC ;  
	} 

#quote2 { 
	margin : 2px 50px 2px 50px ; 
	font : italic 8pt/10pt georgia, verdana, geneva, arial, helvetica, sans-serif ; 

	/* border : 1px dotted #ff00ff; */
	text-align : justify ;
	background : #F5F5DC ;  
	} 

#copyright { 
	text-align : right ;
	font: 8pt/10pt georgia, verdana, geneva, arial, helvetica, sans-serif ;   
	font-weight : strong ;
	height : auto ;	
	}


#indent1 {
	margin-left : 30px;
	}

/* Specify pairs of quotes for english languages */
Q:lang(en) { quotes: '"' '"' "'" "'" }

/* Insert quotes before and after Q element content */
Q:before { content: open-quote }
Q:after  { content: close-quote }