@charset "utf-8";
/*Default style sheet*/


div.container
{
	width: 992px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-right: 3px solid #bab2af; /* #bab2af */
  	border-top: 3px solid #bab2af; /* #bab2af */
  	border-left: 3px solid #bab2af; /* #bab2af */
  	border-bottom: 3px solid #bab2af; /* #bab2af */
  	background-color: #F4F8F9; /* #F4F8F9 */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the div.body. I hope i got this right.*/
}


div.banner
{
	width: 992px;
	height: 120px;
	margin: 0 auto;
	border-right: 0px;
  	border-top: 0px;
  	border-left: 0px;
  	border-bottom: 0px;
  	text-align: center; 
}


div.menubar
{
	width: 992px;
	height: 20px;
	margin: 0 auto;
	border-right: 0px;
  	border-top: 0px;
  	border-left: 0px;
  	border-bottom: 0px;
  	text-align: left; 
  	background-color: #cacfd3;
}


div.body
{
	width: 992px;
	margin: 0 auto;
	border-right: 0px;
  	border-top: 0px;
  	border-left: 0px;
  	border-bottom: 0px;
	text-align: left; /* this overrides the text-align: center on the div.container. I hope i got this right*/
	padding-top: 20px;
}


div.footer
{
	width: 992px;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}



/*layout for the main body table*/

table#body 
{          
	width: 992px;
	height: 600px;
}

table#body td 
{    
	padding: 0px;    
}

.leftcolumn 
{    
	width: 145px; 
	background-color: #;
	font-size: 0.75em; }

.middlecolumn 
{    
	width: 702px;
	padding-left: ; /*I had to use an inline style to get the padding to work*/
	padding-right: ; /*Same as for the padding-left*/
}

.rightcolumn 
{    
	width: 145px;
	background-color: #;   
	font-size: 0.75em; }
/*end layout table*/




body
{ 
	font-size:100%;
	background-color: #a29a8d;
	background-image: xxxx;
	background-attachment:scroll;
	background-repeat:repeat-y;
	background-position:center center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/*Links style*/
a:link {
color: blue; 
text-decoration: underline;
}
a:visited {
color: orange;
text-decoration: underline;
}
a:hover {
color: red;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: underline;
}

/*Links images */
a img {border: none; }




/*TEXT STYLES*/
h1 { 
font-family : Arial, Helvetica, sans-serif; 
color : #a29a8d;
font-size : 1.2em; text-align : center; 
} 

h2.h2-left { 
font-family : Arial, Helvetica, sans-serif; 
color : #a29a8d;
font-size : 1.1em; text-align : left; 
}
 
h2.h2-center { 
font-family : Arial, Helvetica, sans-serif; 
color : #a29a8d;
font-size : 1.1em; text-align : center; 
}
 
h2.h2-center-Red { 
font-family : Arial, Helvetica, sans-serif; 
color : #cc0000; 
font-size : 1.1em; text-align : center; 
}
 
h3 { 
font-family : Arial, Helvetica, sans-serif; 
color : #a29a8d;
font-size : 1.0em; } 

p { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000;
font-size : 1.0em; } 

p.text-normal-100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.0em; font-style : normal; 
text-align : left; 
} 

p.text-normal-100-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.0em; font-style : normal; 
text-align : center; 
} 

p.text-normal-80-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.8em; font-style : normal; 
text-align : left; 
} 

p.text-normal-80-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.8em; font-style : normal; 
text-align : center; 
} 

p.text-whiteBold-120 { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #ffffff; 
font-size : 1.2em; } 

p.text-whiteBold-100 { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #ffffff; 
font-size : 1.0em; } 

ul { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; color : #000000; 
} 

.ul-80 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.8em; font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000;  
} 

ul.disc { 
list-style-type : disc; 
} 

ul.circle { 
list-style-type : circle; 
} 

ul.square { 
list-style-type : square; 
} 

ul.none { 
list-style-type : none; 
} 

ol.decimal { 
list-style-type : decimal; 
} 

ol.lroman { 
list-style-type : lower-roman; 
} 

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

ol.lalpha { 
list-style-type : lower-alpha; 
} 

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

ol { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; font-style : normal; 
line-height : 150%; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000; 
}




/*TABLE #1 FOR STEVE'S SITE*/

table.table1 
{ 
width: 300px; 
padding: 0px; 
border: 1px solid;
} 

/*Individual table cells*/ /*#E6ECEE light blue-grey*/ /*#F4F8F9 page colour*/
table.table1 td 
{ 
font-size: 0.9em; border: 1px solid #F4F8F9; 
background-color: #EDEEEF; 
vertical-align: middle; 
padding: 3px; 
font-weight: normal; 
}

/*Special table rows. e.g. highlight one row*/
/*The top row*/ /*#CAD6DB dark blue grey*/
table.table1 tr.top td 
{ 
font-size : 1.1em; font-weight: bold; 
text-align: center; 
background-color: #cacfd3; 
border-bottom: 1px solid #ffffff;
} 


/*TABLE #2 FOR STEVE'S SITE*/

table.table2 
{ 
width: 100%; 
padding: 0px; 
border: 0px solid;
} 

/*Individual table cells*/ /*#E6ECEE light blue-grey*/ /*#F4F8F9 page colour*/
table.table2 td 
{ 
font-size: 0.75em; border: 0px solid #F4F8F9; 
border-style: ; /*eg thin*/
background-color: #EDEEEF; 
vertical-align: middle; 
padding: 0px; 
font-weight: normal; 
height: 10px;
line-height: 60%;
text-indent: 5px;
}

/*Special table rows. e.g. highlight one row*/
/*The top row*/ /*#CAD6DB dark blue grey*/
table.table2 tr.top td 
{ 
font-size: 0.9em; font-weight: bold; 
text-align: center; 
background-color: #cacfd3; 
border-bottom: ; /*eg 1px solid #ffffff*/
height: px;
line-height: 70%;
} 



/*TABLE #3 FOR STEVE'S SITE*/

table.table3 
{ 
width: 100%; 
padding: 0px; 
border: 1px solid;
} 

/*Individual table cells*/ /*#E6ECEE light blue-grey*/ /*#F4F8F9 page colour*/
table.table3 td 
{ 
font-size: 0.9em; border: 1px solid #EDEEEF; 
background-color: #F4F8F9; 
vertical-align: middle; 
padding: 3px; 
font-weight: normal; 
}

/*Special table rows. e.g. highlight one row*/
/*The top row*/ /*#CAD6DB dark blue grey*/
table.table3 tr.top td 
{ 
font-size : 1.1em; font-weight: bold; 
text-align: center; 
background-color: #cacfd3; 
border-bottom: 1px solid #ffffff;
} 




/*See http://articles.techrepublic.com.com/5100-22-5244791.html*/

/*Layout for form tables. see file tableSample.php
Could use a class for firstcolumn and then can put text attributes within the firstcol etc classes.
But you  have to add class="fistcol" in every td tag....
*/


/*MAYBE THE TD STYLES SHOULD GO IN THE TABLE CLASS?*/
table#form 
{    
width: ;
background-color: ;
border-width: 2px;
border-color: #E7F1FA; 
border-spacing: ;
border-style: solid;
border-collapse: separate;
font-size : 0.8em; }

table#form td 
{    
padding: 3px;    
border-width: px;
border-style: ; /*does not work*/
border-color: ; /*does not work*/
background-color: ;  /*#E6ECEE*/
font: ; /*does not work*/
font-style: ; 
font-size: 0.8em;
font-weight: ; /*does not work*/ 
text-align: ; /*does not work*/
color: ; /*does not work*/
}