/*NOTE: TO CHANGE ELEMENTS APPEARANCE:
 RIGHT AFTER THE P: <P class="classname"> THEN IN THE CSS FILE, ADD A LINE: p.classname{ color: green}   could also specify property here for e.g.h1 {border-bottom 1 px solid black}*/

.red {color:red; }
ol {padding:1em; margin-left: 1em; list-style: outside disc; margin-right: 1em; list-style-position: inside; }

.numbered {  list-style-type: decimal;
	font-family: Times, Times-New-Roman, serif;
	font-size: 15pt;
	font-weight: bold;}

.lefthalf {float:left; width:49%;  }
.righthalf {float:right; width:49%; }

ol.Aupper {list-style-type: upper-alpha; }

li {position: relative; left: 1em; padding-right: 1em; }

body {
     background-color: #d2b48c;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 2%;
	margin-bottom: 2%;	border: 7px solid brown; 
 
        padding: 30px 35px 30px;
	font-family: Times, Times-New-Roman, serif;
	line-height: 1.8em;	
}

.abc {list-style-type:lower-alpha; }

.u {text-decoration:underline;}

.und {text-decoration:underline;}

.over {text-decoration:overline;}

.pix {
	font-size: 14pt;
	color: black;
	font-weight: bold;
	border: 1px solid black;
	background-color: #d3b496;
	padding: 15px;
	margin: 10px;
	font-family: Times, Times-New-Roman, serif;
	overflow: hidden;
	}

.nooverflow {overflow: hidden;  font-family: Times, Times-New-Roman, serif; }

.overflowauto {overflow: auto; font-family: Times, Times-New-Roman, serif; }

.noborder
	{border: 0px; }


.onethird {float:left; width:20%; padding:1.5%; overflow:hidden; }

.center {text-align: center;
		font-size: 110%;
		font-weight: bold;}

.center90font {display: block; margin-left: auto; margin-right: auto; clear:both; text-align: center; font-size: 90%;
		font-weight: bold;}

.centerbig {text-align: center;
		font-size: 200%;
		font-weight: bold;}

.und {text-decoration: underline; }

.redfont {color:red;}

.centergreenbold {width:100%; color:green; text-align:center; font-weight:bold; font-size:14pt;}
.centerbrownbold {color:brown; text-align:center; font-weight:bold; font-size:14pt;}

.redboldcenter  {color:red; text-align:center; font-weight:bold; font-size:14pt;}


.centerbrown {color:red; text-align:center; font-weight:bold; font-size:12pt;}

.bold16font {text-align:center; font-weight:bold; font-size:16pt;}

.green {text-align:center; color:green; font-weight:bold; }

.greencenterbold {text-align:center; color:green; font-weight:bold; }

.redcenterbold {text-align:center; color:red; font-weight:bold; }

.browncenterbold {text-align:center; color:brown; font-weight:bold; }

.margleft10 {margin-left: 10px; }

#green {text-align:center; color: green; font-weight:bold; }

.clearboth {clear: both;}

.clearboth100 {clear: both; width: 100%; }

.clearboth50 {clear:both; width:50%; }

.clearboth75 {clear:both; width:75%; }


.clearleft {clear: left;}

#clearleft {clear: left;}

.clearright {clear: right;}

.underline {text-decoration: underline}

.centerhalf {display: block; width: 40%; margin-left: auto; margin-right: auto; clear: both; }

.center95 {display: block; width: 95%; margin-left: auto; margin-right: auto; clear: both; }

.center90 {display: block; width: 90%; margin-left: auto; margin-right: auto; clear: both; }


.center80 {display: block; width: 80%; margin-left: auto; margin-right: auto; clear: both; }

.center70 {display: block; width: 70%; margin-left: auto; margin-right: auto; clear: both; }

.centerhalffont {display: block; width: 100%; margin-left: auto; margin-right: auto; clear: both; }



.center60 {display: block; width: 60%; margin-left: auto; margin-right: auto; clear: both; }

.center50 {display: block; width: 50%; margin-left: auto; margin-right: auto; clear: both; }




.center40 {display: block; width: 40%; margin-left: auto; margin-right: auto; clear: both; }

.center35 {display: block; width: 35%; margin-left: auto; margin-right: auto; clear: both; }

.center30 {display: block; width: 30%; margin-left: auto; margin-right: auto; clear: both; }

.center25 {display: block; width: 25%; margin-left: auto; margin-right: auto; clear: both; }

.center20 {display: block; width: 20%; margin-left: auto; margin-right: auto; clear: both; }


#margins10{margin: 50px;}



.font9 {font: 9pt; font-weight: bold;}

.font12 {font: 12pt; font-weight: bold;}


table.his {
          width: 70%;
	  border-width: 0;  
	  padding-right: 100px;
	  border: 0px;
	  margin: auto;
	 
}



td.his {
	font-family: Times, Times-New-Roman, serif;
	font-size: 17pt;
	font-weight: bold;
        width: 10%;
	text-align: center;
	padding: 10px;
	border: 0px;
	}

img.access {
float: right;
margin: 4px;
width: 33%;
clear: right;}

#scrolloverflow
{overflow: scroll; text-align: center;}

.scrollover
{overflow: scroll; text-align: center;}

img.wraptext {
float: right;
margin: 4px;
overflow: hidden; }

img.wraptextsmall {
float: right;
margin: 4px;
width: 30%;
padding: 10px;
border-style: none;
overflow: hidden; }

img.wraptextsmall30 {
float: right;
margin: 4px;
width: 30%;
padding: 10px;
border-style: none;
overflow: hidden; }

img.wraptextleftsmall
{float: right;
margin: 4px;
width: 300px;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft10
{float: right;
margin: 4px;
width: 10%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


img.wraptextleft15
{float: right;
margin: 4px;
width: 15%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft20pad
{float: right;
margin: 4px;
width: 20%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft2010pad
{float: right;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.flowleft45
{float: left;
margin: 4px;
width: 45%;
padding: 10px;
border-style: none;
overflow: hidden;
}



.flowleft5
{float: left;
margin: 4px;
width: 50px;
padding: 10px;
border-style: none;
overflow: hidden;
}
img.wraptextleft20 
{float: right;
margin: 4px;
width: 20%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft20nopad
{float: right;
margin: 4px;
width: 20%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft25
{float: right;
margin: 4px;
width: 25%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextright25
{float: left;
margin: 4px;
width: 25%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextright30
{float: left;
margin: 4px;
width: 30%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.floatleft {float:left;}

.floatright {float:right;}

.wraptextright20pad20A 
{float: left; 
margin: 4px; 
width: 20%; 
padding: 20px; 
border-style: none; 
clear: both; 
overflow: hidden;
}

.wraptextright20toppad10px
{float: left; 
margin: 0px; 
width: 20%; 
padding-top: 10px; 
border-style: none; 
clear: both; 
overflow: hidden;
}

.wraptextright10padright10
{float: left; 
margin: 0px; 
width: 10%; 
padding-right: 10px; 
border-style: none; 
clear: both; 
overflow: hidden;
}

.wraptextright20toppad20px
{float: left; 
margin-right: 15px; 
margin-left: 0px;
width: 20%; 
padding-top: 20px; 
padding-left: 0px;
border-style: none; 
clear: both; 
overflow: hidden;
}

.wraptextright30clearleft
{float: left;
margin: 4px;
width: 25%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}


img.wraptextright30noclear
{float: left;
margin: 4px;
width: 25%;
padding: 10px;
border-style: none;
overflow: hidden;
}

.wraptextleft30
{float: right;
margin-left: 14px;
margin-right: 4px;
width: 30%;
padding-left: 25px;
padding-right: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextright30pad5
{float: left;
padding-top: 0px;
padding-bottom: 0px;
width: 30%;
padding-left: 5px;
padding-right: 5px;
border-style: none;
clear: right;
overflow: hidden;
}

.clearboth75pad10
{clear:both; padding-top: 7px; padding-bottom: 7px; width: 75%;}

.wraptextleft30noclear
{float: right;
margin-left: 0px;
margin-right: 0px;
width: 30%;
padding-left: 10px;
padding-right: 10px;
border-style: none;
overflow: hidden;
}


.wraptextleft40
{float: right;
margin: 4px;
width: 40%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


.wraptextleft50
{float: right;
margin: 15px;
width: 50%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


.wraptextleft55
{float: right;
margin: 15px;
width: 50%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextleft60
{float: right;
margin: 4px;
width: 60%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}



img.wraptextleft60nopad
{float: right;
margin: 4px;
width: 60%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextright {
float: left;
margin: 4px;
width: 50%;
border-style: none;
overflow: hidden;
 }


img.wraptextrightsmall
{
float: left;
margin: 4px 4px 4px;
width: 25%;
border-style: none;
overflow: hidden; }


img.wraptextrightA
{float: right;
margin: 4px;
width: 60%;
border-style: none;
clear: right; 
overflow: hidden; }

.wraptextright15 
 {float:left; 
margin: 4px;
width: 15%;
padding: 4px;
clear: left;
overflow: hidden;}


img.wraptextright20nopad
{float: left;
margin: 4px;
width: 20%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextright20
 {float: left;
 margin-right: 24px;
width: 20%; 
padding: 0px; 
border-style: none; 
clear: left; 
overflow: hidden; 
}

img.wraptextright20pad
{float: left;
margin: 4px;
width: 20%;
padding-top: 20px;
border-style: none;
clear: left;
overflow: hidden;
}

.wraptextright20pad10
{float: left;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}


.wraptextright10
{float: left;
margin: 4px;
width: 10%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}

.wraptextright10marg20right
{float: left;
margin-right: 20px;
width: 10%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}

.floatleft30
{float: left;
margin: 4px;
width: 30%;
border-style: none;
}


.floatleft15
{float: left;
margin: 4px;
width: 15%;
border-style: none;
}


.wraptextright30 
{float: left;
margin-left: 4px;
margin-right: 14px;
padding: 10px;
width: 30%;
clear: left;
border-style: none; 
overflow: hidden;}

.wraptextright30pad10
{float: left;
margin-right: 20px;
margin-left: 1px;
margin-top: 20px;
width: 30%;
padding: 30px;
clear: left;
border-style: none; 
overflow: hidden;
}


.wraptextright30pad10a
 {float: left;
 margin-right: 20px;
 margin-left: 0px;
 margin-top: 0px;
 width: 30%;
 padding: 10px;
 clear: left;
 border-style: none; 
 overflow: hidden; }

img.wraptextright30pad10 
 {float:left;
 margin-right: 30px;
 margin-top: 20px;
 width: 30%;
 padding: 20px;
 clear: left;
 border-style: none; 
 overflow: hidden;
}


img.wraptextright35 
 {float:left;
 margin-right: 30px;
 margin-top: 20px;
 width: 35%;
 padding: 20px;
 clear: left;
 border-style: none; 
 overflow: hidden;
}


.wraptextrightA35 
 {float:left;
 margin-right: 20px;
 margin-top: 0px;
 width: 35%;
 padding: 0px;
 clear: left;
 border-style: none; 
 overflow: hidden;
}

.wraptextleftA50
 {
float: right;
margin-right: 4px;
margin-left: 15px;
width: 50%;
padding: 500px;
border-style: none;
clear: left;
overflow: hidden;
}


.wraptextright40
 {float: left;
margin-left: 4px;
margin-right:20px;
width: 40%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextright40clearleft
 {float: left;
margin-right: 25px;
width: 40%;
padding: 10px;
border-style: none;
clear: both;
overflow: hidden;
}

img.wraptextright40clearleftonly
 {float: left;
margin-right: 25px;
width: 40%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}

.wraptextright50
 {
float: left;
margin: 4px;
width: 50%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}


.wraptextright55
 {
float: left;
margin: 4px;
width: 55%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}

img.wraptextright50bottomclear
 {
float: left;
margin-right: 4px;
width: 50%;
padding-right: 10px;
padding-bottom: 250px;
border-style: none;
clear: left;
overflow: hidden;
}


img.wraptextright60
{float: left;
margin: 4px;
width: 60%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}


.wraptextleft20
 {float: right;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
 }


.wraptextleft20next
 {float: right;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
overflow: hidden;
 }


.wraptextleft30
 {float: right;
margin: 4px;
width: 30%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
 }

.wraptextleft35
 {float: right;
margin: 4px;
width: 35%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
 }


.wraptextleft45
 {float: right;
margin: 4px;
width: 45%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
 }


.wraptextright30
 {float: left;
 margin: 4px;
 width: 30%;
 padding: 10px;
 border-style: none;
 clear: left;
 overflow: hidden;
 }


.wraptextright45
 {float: left;
 margin: 4px;
 width: 45%;
 padding: 10px;
 border-style: none;
 clear: left;
 overflow: hidden;
 }


.wraptextright60
 {float: left;
 margin: 4px;
 width: 60%;
 padding: 10px;
 border-style: none;
 clear: left;
 overflow: hidden;
 }


.wraptextright70
 {float: left;
 margin: 4px;
 width: 68%;
 padding: 10px;
 border-style: none;
 clear: left;
 overflow: hidden;
 }

.wraptextright5
 {float: left;
 margin: 4px;
 width: 5%;
 padding: 5px;
 border-style: none;
 clear: left;
 overflow: hidden;
 }


.wraptextleft5
 {float: right;
 margin: 4px;
 width: 5%;
 padding: 5px;
 border-style: none;
 clear: right;
 overflow: hidden;
 }


.wraptextleft60
{float: right;
margin: 4px;
width: 60%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}



.wraptextleft60nopad
{float: right;
margin: 4px;
width: 60%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextleft50nopad
{float: right;
margin: 4px;
width: 50%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextleft55nopad
{float: right;
margin: 4px;
width: 55%;
padding: 0px;
border-style: none;
clear: right;
overflow: hidden;
}

.wraptextleft70 
 { float: right; 
 width: 70%;
 border-style: none;
 clear: right;
 overflow: hidden;
 }

img.centerpix70
   { margin-left: 15%;
     margin-right: 15%;
     margin-top: 0%;
     margin-bottom: 0%;
     width: 69%;}


img.centerpix 
{clear: both;
text-align: center;
width: 70%; } 


img.center40 
{clear: both;
text-align: center;
width: 40%; } 

img { padding: 10px;
      border-style: none;
	overflow: hidden; 
	border:0px;}

img.thirdright
 {width: 100%;
  margin-top: 20px;
  margin-left: 1px;
  margin-right: 0px;
  clear: right;
  }

img.thirdleft
 {width: 100%;
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 20px;
  overflow: hidden;
  clear: left; }


href.image
 {border-style: none;}

ol.uppercaseletter {  list-style-type: upper-alpha;
	font-family: Times, Times-New-Roman, serif;
	font-size: 15pt;
	font-weight: bold;}

table.acc {
  table-layout: fixed;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
  font-size: 10pt;
  font-weight: bold;
  font-family: times-new-roman, times, serif;
	   }

th.text {border: none;
        padding: 5px;
 	  text-align: right;
	 width: 10%;
	 }

th.image
 { border: none;
    padding: 5px;
	width: 20%;
	text-align: left;}

td.image
{ border: none;
   padding: 5px;
	width: 20%;
	text-align: left;}

td.text {border: none;
        padding: 5px;
  	 text-align: right;
 	width: 10%;
 	}
.taright {text-align:right;}

#pix {
	font-size: 14pt;
	color: black;
	font-weight: bold;
	border: 1px solid black;
	background-color: #d3b496;
	padding: 15px;
	margin: 10px;
	font-family: Times, Times-New-Roman, serif;
	overflow: hidden;
 	}

#clearright {clear:right;
		width: 100%;
		padding-top: 50px;}

#clearrightnottop {clear:right;
		width: 100%;
		padding: 5px;
		margin: 0px;}

#fill
{width:95%; padding:10px;}

#centerpix
{width:100%;
 overflow: hidden;}


#clearleft {clear:left; }
.clearleft {clear:left;}

#clearleftandright {clear: both;
                    overflow: hidden;}

#nooverflow {overflow:hidden;}

#clearboth {clear: both;}

#threecolumns
{
padding-left: 5%;
padding-right: 5%;
}

#leftof3
{width: 25%; 
margin-left: 0px;
 float: left;
 clear: left;
 padding-right: 10px;
 
 }

#centerof3
{width: 40%;
 float: left;
  padding: 25px;
 }

#center {text-align: center;
		font-size: 14pt;
		font-weight: bold;
		overflow: hidden; }

#rightof3
{width: 25%;
 margin-right: 0px;
 clear: right;
 float: left;
 }



 

li {font-size: 14pt; font-weight: bold; }


p.center {font-size: 14pt; font-weight: bold; text-align: center; }


h3.clearright {clear:right;
		width: 100%;
		padding-top: 50px;}

h3.clearleft  {clear:left; }

.onethird { clear: right; width:33%; padding-top: 150px; float: left; width: 100%;}
.twothirds { clear:left; width:66%; padding-top: 50px; float:left; }

.threequarters { clear:left; width:75%; padding-top: 50px; }
.onequarter {clear: right; width:25%; padding-top: 50px }

.onethirdleft { clear:left; width:40%; padding-top: 50px; float:left; }

.onehalfright { font-size: 10pt; font-weight: bold; clear:right; width:50%; padding-top: 50px; float:left; }

.onehalfrightnooverflow { font-size: 10pt; font-weight: bold; clear:right; width:55%; padding-top: 50px; float:right; margin-right: 0px; padding-left: 10px; padding-right: 0px;}


p.centerboldgreen
{text-align:center; color: green; font-weight:bold;}


h5.centerboldgreen
{text-align:center; color: green; font-weight:bold;}



/*
table {margin-left: 0px;
       margin-right: 0px;
       border: 2px solid brown;
       border-spacing: 2px;
       border-collapse: collapse;
	 font-size: 7pt;
	 font-weight: bold;
	 text-decoration: none;
       table-width: 100%;
	  }


td, th {border: 2px solid brown;
        padding: 5px;
 	text-align: center;
	background-color: #d2b48c;
	text-decoration: none;
	}
*/



td.center {background-color: #d3b496;
}

#makers {clear: both;}

.font7 {font-size: 7pt;}

.sixty{width: 60%;}


.wraptextright33
 {
float: left;
margin-left: 1px;
margin-right: 10px;
width: 20%;
padding: 10px;
border-style: none;
clear: left;
overflow: hidden;
}

.wraptextleft33
 {
float: right;
margin-right: 20px;
margin-left: 1px;
width: 20%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 30px;
border-style: none;
clear: right;
overflow: hidden;
}



.wraptextleft33float
 {
float: left;
margin-right: 20px;
margin-left: 1px;
width: 20%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 30px;
border-style: none;
clear: right;
overflow: hidden;
}



.wraptextleft33b
 {
float: right;
margin-right: 60px;
margin-left: 1px;
width: 20%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 30px;
border-style: none;
clear: right;
overflow: hidden;
}


.wraptextboth
 {
float: left;
margin: 5px;
width: 52%;
padding: 5px;
border-style: none;
overflow: hidden;
}




.floatleft30
{float: left; width:30%;}



ol.A {list-style-type: upper-roman;}




/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1, /*center*/
.col2, /*left*/
.col3  /*right*/
{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}


/* 3 Column settings */
.threecol {
	/*background:#eee;*/		/* right column background colour */
}

.threecol .colmid {
	right:25%;			/* width of the right column */
	/*background:#fff;*/		/* center column background colour */
}


.threecol .colleft {
	right:50%;			/* width of the middle column */
	/*background:#f4f4f4;*/	/* left column background colour */
}
.threecol .colleftB
{	right: 95%; }


.threecol .col1 {
	width:48%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}

.threecol .col1B  {width: 91%; left:102%; } 

.threecol .col2 {
	width:25%;			/* Width of left column content (column width minus padding on either side) */
	left:27%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:25%;			/* Width of right column content (column width minus padding on either side) */
	left:77%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}






/* 3 Column settings FOR EQUAL COLUMNS*/
.threecol {
	/*background:#eee;*/		/* right column background colour */
}

.threecolEQ .colmid {
	right:34%;			/* width of the right column */
	/*background:#fff;*/		/* center column background colour */
}


.threecolEQ .colleft {
	right:33%;			/* width of the middle column */
	/*background:#f4f4f4;*/	/* left column background colour */
}
.threecolEQ .colleftB
{	right: 95%; }


.threecolEQ .col1 {
	width:31%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}

.threecolEQ .col1B  {width: 91%; left:102%; } 

.threecolEQ .col2 {
	width:29%;			/* Width of left column content (column width minus padding on either side) */
	left:37%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolEQ .col3 {
	width:29%;			/* Width of right column content (column width minus padding on either side) */
	left:77%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.leftonethird
{float: left;
width: 32%;
padding-left: 2px;
padding-right: 2px;
border-style: none;
overflow: hidden;
}


.rightonethird
{float: right;
width: 32%;
padding-left: 2px;
padding-right: 2px;
border-style: none;
overflow: hidden;
}


.middlethird
{margin-right:auto;
margin-left:auto;
width: 32%;
padding-left: 6px;
padding-right: 0px;
border-style: none;
overflow: hidden;
}verflow: hidden;
}


.rightonethird
{float: right;
width: 32%;
padding-left: 2px;
padding-right: 2px;
border-style: none;
overflow: hidden;
}


.middlethird
{margin-right:auto;
margin-left:auto;
width: 32%;
padding-left: 6px;
padding-right: 0px;
border-style: none;
overflow: hidden;
}


/* column container */
.colmask3eq {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/*--------------------------------------------------------------------------------------------------*/

/* common column settings */
.colrighteq,
.colmideq,
.collefteq {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

/*----------------------------------------------------------------------------------------------------*/
.col1eq,
.col2eq,
.col3eq {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------------------*/


/* 3 EQUAL Column settings */
.threecoleq {
	/*background:#eee;*/		/* right column background colour */
}

/*--------------------------------------------------------------------------------------------------*/
.threecoleq .colmideq {
	right:33%;			/* width of the right column */
	/*background:#fff;*/		/* center column background colour */
}

/*--------------------------------------------------------------------------------------------------*/
.threecoleq .collefteq {
	right:34%;			/* width of the middle column */
	/*background:#f4f4f4;*/	/* left column background colour */
}

/*--------------------------------------------------------------------------------------------------*/
.threecoleq .col1eq {
	width:30%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
/*--------------------------------------------------------------------------------------------------*/

.threecoleq .col2eq {
	width:29%;			/* Width of left column content (column width minus padding on either side) */
	left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
/*--------------------------------------------------------------------------------------------------*/

.threecoleq .col3eq {
	width:29%;			/* Width of right column content (column width minus padding on either side) */
	left:77%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}