/* tradcca3 the middle way */


body 
{
background-color: #FFFFE8  
}

A:link { color:  #0000C0 ; text-decoration:underline }   /* unvisited link */
A:visited { color:  #652727 ; }   /* visited links */
A:active  { color: #652727  }   /* active links */
A:hover { color:  RED ; font-style: normal }

h1, h2, h3, h4, h5, h6  
{
font-family: arial, sans-serif ;
font-weight: 600;
color:#046A09;  
text-align: center;
margin-left: 5%; 
margin-right: 5%;
margin-top: 2%; 
margin-bottom: 2%;
line-height: 105%
}

h1 {font-size: 2.05em}
h2 {font-size: 1.82em}
h3 {font-size: 1.59em}
h4 {font-size: 1.42em}
h5 {font-size: 1.27em}
h6 {font-size: 1.13em}

/* old h colour was color: #008000; */


p, p.bulltext, p.intablejust, p.intablecent, p.intableleft, P.MITT 
{ 
font-family: arial, sans-serif ; 
font-size: 1.04em ; 
color: #21AE00 ; 
font-weight: 550 ;
margin-left: 5%; margin-right: 5% ; 
margin-top: 1.03%; margin-bottom: 1.03% ; 
text-align: justify ;
line-height: 120%
}

/* old P colour was color: #339900 */


	P.mitt

	{
   horizontal-align: 25% ;
     vertical-align: 25%	
	}



p.bulltext 
{ 
margin-left: 3%; margin-right: 3%; text-align: justify
}

p.intablejust 
{ 
margin-left: 1%; margin-right: 1%; text-align: justify
}

p.intablecent 
{ 
margin-left: 1%; margin-right: 1%; text-align: center ; font-weight: 500 ;
}

p.intableleft 
{ 
margin-left: 1%; margin-right: 1%; text-align: left ; font-weight: 500 ;
}

P.rednorm
{
color: #FF0000 ;
text-align: center ;
font-size: 1.30em 
}

H3.attgreycent, H4.attgreycent, H5.attgreycent, H6.attgreycent 
{
font-weight: 400 ; color: #898989 ; line-height: 105% ; text-align: center ; 
margin-top: 1%; margin-bottom: 1% 
}

H3.attgreencent, H4.attgreencent, H5.attgreencent, H6.attgreencent 
{
font-weight: 300 ; color: #008000 ; line-height: 110% ; text-align: center ;
margin-top: 2%; margin-bottom: 2% ;
}

H3.attgreenleft, H4.attgreenleft, H5.attgreenleft, H6.attgreenleft 
{
font-weight: 300 ; color: #008000 ; line-height: 110% ; text-align: left ;
margin-top: 1%; margin-bottom: 1% ;
}

H3.attgreenleftita, H4.attgreenleftita, H5.attgreenleftita, H6.attgreenleftita 
{
font-weight: 300 ; color: #008000 ; font-style: italic ; line-height: 110% ; text-align: left ;
margin-top: 1%; margin-bottom: 1% ;
}

H3.attgreencentb, H4.attgreencentb, H5.attgreencentb, H6.attgreencentb 
{
font-weight: 600 ; color: #008000 ; line-height: 110% ; text-align: center ;
margin-top: 1%; margin-bottom: 1% ;
}

H3.attgreenjust, H4.attgreenjust, H5.attgreenjust, H6.attgreenjust 
{
font-weight: 300 ; color: #008000 ; line-height: 110% ; text-align: justify ;
margin-top: 1.5%; margin-bottom: 1.5% ;
}

H3.attgreenjustita, H4.attgreenjustita, H5.attgreenjusta, H6.attgreenjustita 
{
font-weight: 300 ; font-style: italic ; color: #008000 ; line-height: 110% ; text-align: justify ;
margin-top: 2%; margin-bottom: 2% ;
}


H3.attredleft, H4.attredleft, H5.attredleft, H6.attredleft 
{
font-weight: 400 ; color: #F56161 ; line-height: 102% ; text-align: left ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attredcent, H4.attredcent, H5.attredcent, H6.attredcent 
{
font-weight: 400 ; color: #F56161 ; line-height: 102% ; text-align: center ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attredcentb, H4.attredcentb, H5.attredcentb, H6.attredcentb 
{
font-weight: 800 ; color: #F56161 ; line-height: 102% ; text-align: center ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attredjust, H4.attredjust, H5.attredjust, H6.attredjust 
{
font-weight: 600 ; color: #F56161 ; line-height: 102% ; text-align: justify ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attbrowncent, H4.attbrowncent, H5.attbrowncent, H6.attbrowncent 
{
font-weight: 400 ; color: #800000 ; line-height: 102% ; text-align: center ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attbrownleft, H4.attbrownleft, H5.attbrownleft, H6.attbrownleft 
{
font-weight: 400 ; color: #800000 ; line-height: 102% ; text-align: left ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attbrownjust, H4.attbrownjust, H5.attbrownjust, H6.attbrownjust 
{
font-weight: 400 ; color: #800000 ; line-height: 102% ; text-align: justify ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attochreleft, H4.attochreleft, H5.attochreleft, H6.attochreleft 
{
font-weight: 400 ; color: #FF8F21 ; line-height: 102% ; text-align: left ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attochrecent, H4.attochrecent, H5.attochrecent, H6.attochrecent 
{
font-weight: 400 ; color: #FF8F21 ; line-height: 102% ; text-align: center ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attochrejust, H4.attochrejust, H5.attochrejust, H6.attochrejust 
{
font-weight: 400 ; color: #FF8F21 ; line-height: 102% ; text-align: justify ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attochrejustita, H4.attochrejustita, H5.attochrejustita, H6.attochrejustita 
{
font-weight: 400 ; font-style: italic ;  color: #FF8F21 ; line-height: 102% ; text-align: justify ;
margin-top: 1% ; margin-bottom: 1% ;
}

H3.attochrecentita, H4.attochrecentita, H5.attochrecentita, H6.attochrecentita 
{
font-weight: 400 ; font-style: italic ;  color: #FF8F21 ; line-height: 102% ; text-align: center ;
margin-top: 1% ; margin-bottom: 1% ;
}



  /* SPECIALS */

/* Only used for REF panel */

h5.ref 
{
margin-left: 2%; margin-right: 2%; margin-top: 2%; margin-bottom: 2%; line-height: 102% 
}

  /* BROWBACK is the last line of each page */
p.browback 
{ 
font-size: 0.83em; color:  #374C37 ; font-style: italic; font-weight: light; text-align: center }

  /* A THICK LEFT ALIGNED VERSION OF BROWBACK */
p.browbackleft { font-size: 0.94em; color:  #374C37 ; font-style: italic; font-weight: 800; text-align: left }

  /* DAM is damage deposit typeface, discreet */
p.dam { margin-left: 10%; margin-right: 10%; font-size: 0.83em; color:  #374C37 ;  font-weight: light; text-align: center }

  /* LIGHTLEFT used only in list in verymisc.htm */
p.lightleft { font-size: 0.83em; color: #374C37 ;  font-weight: light; text-align: left }

p.hedtabpropdig 
{
font-size: 1.30em ; font-weight: 600 ; font-style: italic ;  color: #657966 ; line-height: 102% ; text-align: center ; margin-top: 1% ; margin-bottom: 1% ; margin-left: 1% ; margin-right: 1% ;
}



p.half {line-height: 50% }

p.quart {line-height: 25% }

p.five {line-height: 5% }

p.one {line-height: 1% }

P.center { text-align: center }

P.A { padding-bottom: 5% }



  /* UL STYLES */

UL
{
margin-left: 5%; 
margin-right: 5%; 
margin-top: 3%; 
margin-bottom: 3% 
}

UL.INSIDE
{
list-style: url("spira2.gif");
square inside bottom
}

UL.OUTSIDE 
{
list-style: url("spira2.gif"); 
square outside bottom 
}

UL.OUTSIDE2
{
list-style: url("butt1.gif"); 
square outside bottom 
}


UL.NONE 
{
list-style:none; 
none outside 
}


img.S1 { border: 0;}
img.S2 { border: 0;}
img.S3 { border: 3px solid orange ; }
img.S4 { border: 0;}
img.S5 { border: 0;} 


TD
{
    VERTICAL-ALIGN: MIDDLE;
    PADDING: 1.5%;
    FONT-FAMILY: Arial, sans-serif ;
    HEIGHT: 115%
}


TD.onetd
{
padding-top: 2% ; padding-right: 5% ;padding-bottom: 2% ;padding-left: 5% ;
border-style: hidden ;
font-family: arial, sans-serif; 
font-size: 1.04em ; 
color: #21AE00 ; 
font-weight: 400 ;
text-align: justify ;
line-height: 125%
}

TH.TAXTABLE1
{

font-family: arial, sans-serif; 
border-style: solid ;
border-width: .1em ;
border-color: #FFEF81 ;
border-collapse: collapse ;
empty-cells: show ;
font-weight: 700 ; 
font-size: 1.10em ;
color: #E68200 ; 
line-height: 105% ; 
text-align: left 

}

TH.TAXTABLEMID
{

font-family: arial, sans-serif; 
border-style: solid ;
border-width: .1em ;
border-color: #FFEF81 ;
border-collapse: collapse ;
empty-cells: show ;
font-weight: 700 ; 
font-size: 1.45em ;
color: #E68200 ; 
line-height: 105% ; 
text-align: MIDDLE 
}


TH.TAXTABLE2
{
font-family: arial, sans-serif; 
border-style: solid ;
border-width: .1em ;
border-color: #FFEF81 ;
border-collapse: collapse ;
empty-cells: show ;
font-weight: 700 ; 
font-size: 1.10em ;
color: #E68200 ; 
line-height: 105% ; 
text-align: right 
}

TD.taxtablemain
{
VERTICAL-ALIGN: MIDDLE ;
border-style: solid ;
border-width: .1em ;
border-color: #FFEF81 ;
border-collapse: collapse ;
empty-cells: show ;
text-align: left ;
font-weight: 600 ; 
font-size: 1.10em ;
color: #C56321 ; 
line-height: 105%  
}


table#hlist
{

table-layout: automatic ;
border-style: solid ;
border-width: 0.11em ;
border-color: #FFB135 ;
border-collapse: collapse ;
empty-cells: show ;

}

table#hlist TD
{

border-style: solid ;
border-width: 0.01em ;
border-color: #F6D8A8 ;
border-collapse: collapse ;
font-size: 1.00em ;
empty-cells: show ;
}

/*THUMBNAIL HOVERPOPUPS*/

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 15px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: auto;
left: 20px; /*position where enlarged image should offset horizontally */
}

</style>

<style type="text/css">

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
right: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 15px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: auto;
right: 20px; /*position where enlarged image should offset horizontally */
}

</style>



/*end of hover popup links*/