/*QPO*/

table, td, body {border: 0; padding :0; cellspacing: 0; cellpadding: 0; vertical-align:top; align: center;}
h1, h2, h3, h4, p, ul, li, ol {font-family: Verdana, Arial, Helvetica, sans-serif;}

Div.pagelayout
{
	align: center;
	width: 100%;
}


p
{
	vertical-align: top;
	font-size: 10px;
	color: #918E8F;
	}
p a:link {color: #918E8F; text-decoration: none;}
p a:active {color: #918E8F; text-decoration: none;}
p a:visited {color: #918E8F; text-decoration: none;}
p a:hover {color: #5B5A5B; text-decoration: none;}

body
{
/*	Always set background-colour to white otherwise it will stuff up the CMS system
*/
	background-color: White;
	width: 100%;
        height: 100%;
	font-size: 10pt;
	color: Black;
	font-family: Verdana;
        margin: 0 auto;
        margin:0 ;
	
}

/*	Bullet Point.
		. abcde
		. abcde
		. abcde
*/

ul
{
	vertical-align: top;
	font-size: 10pt;
	color: Black;
	}

/*	Number Points... e.g.
		1. abcde
		2. abcde
		3. abcde
*/

ol
{
	vertical-align: top;
	font-size: 10pt;
	color: Black;
	}

/*	The following Table is the table that stretches right across - effectivly its your canvas
=========================================================================

The only thing you really need to change is the colour.
*/

TABLE.BackgroundTable
{
	background-color:#9b3229;
	width: 100%;
        height: 100%;
	text-align: center;
        margin:0 ;
        margin: 0 auto;
        border-collapse: collapse;
        align: center;

}
td.BackgroundTableRow
{
align: center;
}
TABLE.MainTable
{
	width: 719px; height:0px;
			}

td.leftcolumn
{ 
	width: 0px;
	height:100%;
        
		}
td.rightcolumn
{  }


/*	The header table that is INSIDE the Background Table
=========================================================================
*/

TABLE.HeaderTablefaux
{
	align: center;
	width: 719px;
	height:137px;
	background: #231f20 url(/File.aspx?x=348&File=QPOHEADER_03.jpg) no-repeat top center;

	border-left: #ffffff 9px solid;
	border-right: #ffffff 9px solid;
	vertical-align: bottom;
		}

/*	The main table is split into 2 columns and the whole table is beneath the header table
The left column contains the menu. 
The right column contains the content.
=========================================================================
*/
TABLE.MainTablefaux
{
	width: 719px; height:100%;
	border-left: #ffffff 9px solid;
	border-right: #ffffff 9px solid;
	border-bottom: #ffffff 9px solid;
        		}

td.leftcolumnfaux
{ 	width: 220px;
	height:100%;
        padding: 27px 14px 14px 14px;
        border-right: #ffffff 9px solid;
        background: #918e8f url(/File.aspx?x=348&File=leftmenu_faux_BG.jpg) no-repeat bottom center;}

td.leftcolumnfaux p{        		
font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #E5DFDA;}


td.rightcolumnfaux
{ padding: 27px 14px 14px 14px; background: #E5DFDA url(/File.aspx?x=348&File=right_column_BG.jpg) repeat-x top center; }

/*	The header table that is INSIDE the Background Table
=========================================================================
*/

TABLE.FooterTablefaux
{
	width: 719px;
	font-size:xx-small;
        margin-top: 5px;
	}
	
#navcontainer { /*none needed*/}

ul#navlist {margin-top: 118px;padding-right: 20px;list-style-type: none;white-space: nowrap; }
ul#navlist li { float: right; font-family: arial;  font-size: 11px; font-weight: normal; margin: 0;}
#navlist a:link {margin: 0;padding: 1px 10px 1px 10px;color: #ffffff;text-decoration: none;}
#navlist a:visited {margin: 0;padding: 1px 10px 1px 10px;color: #ffffff;text-decoration: none;}
#navlist a:active {margin: 0;padding: 1px 10px 1px 10px;color: #ffffff;text-decoration: none;}
ul#navlist li#active {color: #ffffff; background-color: #9b3229;}
#navlist a:hover {color: #ffffff;background-color: #9b3229;}

/*this is for images with red border*/
#imageborder {border: 4px #9b3229 solid; display:block;}

.footerlink {font-family: verdana, arial, sans-serif; color: #ffffff; font-size: 9px;}
a.footerlink:link {font-family: verdana, arial, sans-serif; color: #ffffff; font-size: 9px; text-decoration:none;}
a.footerlink:active {font-family: verdana, arial, sans-serif; color: #ffffff; font-size: 9px;text-decoration:none;}
a.footerlink:visited {font-family: verdana, arial, sans-serif; color: #ffffff; font-size: 9px;text-decoration:none;}
a.footerlink:hover {font-family: verdana, arial, sans-serif; color: #d3a5a1; font-size: 9px;text-decoration:none;}