/*
// W3W Valid CSS 2006/2008 (version 072008) amended
*/
body
{
    background: #f0f0f0;
    color: black;
    font-family: verdana, arial, helvetica, serif
}
mybackground
{
    background: #f0f0f0;
    color: black;
}

/*
//	Text Styles
*/
pre
{
    font-weight: normal;
    background: #f0f0f0;
    color: black;
    font-family: Arial, sans-serif;
    font-size:100%;
}

p
{
    font-weight: normal;
    color: black;
    background: #f0f0f0;
    font-family: Arial, sans-serif;
}
.one
{
    font-size: 85%;
    background: #f0f0f0;
    color: green
}
.p8
{
    font-size: 60%;
    background: #f0f0f0;
    color: blue
}
.p9
{
    font-size: 70%
}
.p10
{
    font-size: 85%
}
.p11
{
    font-size: 90%
}
.p12
{
    font-size: 100%
}
.p13
{
    font-size: 110%
}
.p14
{
    font-size: 120%
}
.bold
{
font-weight:bold; 
}
.copy
{
    font-size: 85%;
    background: #f0f0f0;
    color: green
}
h
{
    font-size: 200%;
    background: #f0f0f0;
    color: green;
    font-family: Arial, sans-serif;
}
h1
{
    font-size: 250%;
    background: #f0f0f0;
    color: #708090;
    font-family: Arial, sans-serif;
}
h1.ac
{
    font-size: 250%;
    background: #f0f0f0;
    color: #708090;
    font-family: Arial, sans-serif;
    text-align: center 
}
h1.banner
{
    font-size: 300%;
    background: #f0f0f0;
    color: #708090;
    text-align: center;
    font-family: Arial, sans-serif;
}
h2
{
    font-size: 250%;
    background: #f0f0f0;
    color: blue;
    font-family: Arial, sans-serif;
}
h3
{
    font-size: 200%;
    color: blue;
    background: #f0f0f0;
    font-family: Arial, sans-serif;
}
h4
{
    font-size: 150%;
    color: blue;
    background: #f0f0f0;
    font-family: Arial, sans-serif;
}
h5
{
    font-size: 120%;
    color: blue;
    background: #f0f0f0;
    font-family: Arial, sans-serif;
}
select.sel{
   color: #708090;
   background: #f0f0f0;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:large;
   font-weight:bold;
}
input.btn{
   color: #708090;
   background: #f0f0f0;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
}
/*
// classes for decoration
*/
.green  {color: green;
         background: #f0f0f0;
}
.blue   {color: blue;
         background: #f0f0f0;
}
.red    {color: red;
         background: #f0f0f0;
}
.orange {color: #FFCC00;
         background: #f0f0f0;
}
.pink   {color: #FF00FF; 
         background: #f0f0f0;
}
.greyed {color: gray;
         background: #f0f0f0;
}
.white  {color: white;
         background: #f0f0f0;
}
.black  {color: black; 
	 background: #f0f0f0;
}
/*
//	Single value Styles
*/
/*
//	Classes
*/
.centre {text-align: center }
.left 	{text-align: left }
.right	{text-align: right }
 
.top 	{vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
 
.super  {vertical-align: super;}
.subs	{vertical-align: sub;}
 
.tab    {text-indent: 5%; }
.uline  {text-decoration: underline; }
.typed  {font-family:'Courier New', Courier, sans-serif;}
.strike {text-decoration: line-through; }
.important {color:green; font-size: 120%; background: #f0f0f0; font-family: Arial, sans-serif; font-weight:bold;}
/*
//	IDs
*/
#pic {width:5em;}
/*
// Main Menu styles
*/
.menu {
        width: 90%;
	margin-left:  4.75%;
	margin-right: 4.75%;
	border-width: 1px;
    	border-style: double;
	border-color: #C2C2C2;
}
/*
// Table Styles
*/
/*
// Auto Size without Borders
*/
.tableam {
        width: auto;
        margin-left:  10%;
	    border-width: 0px;
		padding: 1%;
    	border-style: none;
}
/*
// Auto Size with Borders
*/
.tableabm {
        width: auto;
        margin-left:  10%;
	    border-width: 1px;
		padding: 1%;
	    border-style: solid;
}
/*
// With outside Borders
*/
.tablebc {
        width: 100%;
	    border-width: 1px;
	    border-style: solid;
		border-color: #C2C2C2;
}.tablec {
        width: 100%;
	    border-width: 0px;
	    border-style: solid;
		border-color: #C2C2C2;
}
.table90bc {
        width: 90%;
	    margin-left:  4.5%;
	    margin-right: 4.5%;
	    border-width: 1px;
	    border-style: solid;
		border-color: #C2C2C2;
}
.table75bc {
            width: 75%;
	        margin-left:  11.5%;
	        margin-right: 11.5%;
    	    border-width: 1px;
    	    border-style: solid;
			border-color: #C2C2C2;
}
/*
// Without outer Borders
*/
.tablec {
        width: 100%;
	    border-width: 0px;
	    border-style: none;
}
.table90c {
           width: 90%;
	       margin-left:  5%;
	       margin-right: 5%;
    	   border-style: none;
    	   border-width: 0px;
}
.table75c {
           width: 75%;
	       margin-left:  12.5%;
	       margin-right: 12.5%;
	       border-style: none;
           border-width: 0px;
}
.tablecp  {
           width: 99%;
	       margin-left:  1%;
	       margin-right: 1%;
	       border-style: none;
           border-width: 0px;
}
.tablecp60  {
           width: 60%;
	       margin-left:  20%;
	       margin-right: 20%;
	       border-style: none;
           border-width: 0px;
}
/*
//	Cell attributes
*/
/*
// With cell Borders
*/
.thbc {
        vertical-align: middle;
        text-align: center;
       	font-size: 100%;
       	padding: 2px;
   	    border-width: 2px;
        border-style: solid;
}
.tdbc {
        vertical-align: middle;
        text-align: center;
       	font-size: 100%;
       	padding: 2px;
   	    border-width: 2px;
        border-style: solid;
}
.tdc {
        vertical-align: middle;
        text-align: center;
       	font-size: 100%;
       	padding: 2px;
   	    border-width: 0;
        border-style: none;
}
.thb {
        vertical-align: middle;
        text-align: left;
       	font-size: 100%;
       	padding: 2px;
   	    border-width: 2px;
		border-style: solid;
}
.tdb {
        vertical-align: middle;
        text-align: left;
       	font-size: 100%;
       	padding: 2px;
   	    border-width: 2px;
		border-style: solid;
}
/*
// Without cell Borders
*/
.tdc {
        vertical-align: middle;
        text-align: center;
       	font-size: 100%;
       	padding: 1%;
}
td, th {
        vertical-align: middle;
        text-align: left;
       	font-size: 100%;
       	padding: 1%;
}
/*
// Named col width classes
*/
	.col05 {width:  5%;}
	.col10 {width: 10%;}
	.col15 {width: 15%;}
	.col20 {width: 20%;}
	.col25 {width: 25%;}
        .col30 {width: 30%;}
        .col35 {width: 35%;}
        .col40 {width: 40%;}
        .col45 {width: 45%;}
        .col50 {width: 50%;}
        .col55 {width: 55%;}
        .col60 {width: 60%;}
        .col65 {width: 65%;}
        .col70 {width: 70%;}
        .col75 {width: 75%;}
        .col80 {width: 80%;}
        .col85 {width: 85%;}
        .col90 {width: 90%;}
arrowBdr { width: 100% ;
         height: 100% ;
         border: 0px;
       } 
/*
/* do not reuse #mag as I intend to remove it and use the class table75C  */
/*
#mag {
        border-color: transparent;
        width: 75%;
  	margin-left:  12.5%;
	margin-right: 12.5%;
}
/* do not reuse #mag as I intend to remove it and use the class table75C  */
/*
// W3W Valid CSS
*/