body {
	background: url(images//stripy_background.png);
	margin-top: 0px;
	margin-left: 0px;
}
#logo {
	position: absolute;
	left: 86px;
	top: 69px;
	width: 166px;
	height: 108px;
	background-color: #ffffff;
	z-Index: 2;
}
#sidebar {
	position: absolute;
	left: 86px;
	top: 99px;
	width: 177px;
	height: 630px;
	background-color: #ffffff;
	z-Index: 1;
}
#base {
	position: absolute;
	left: 86px;
	top: 674px;
	width: 177px;
	height: 85px;
	background-color: #ffffff;
	z-Index: 2;
}
#basehome {
	position: absolute;
	left: 86px;
	top: 544px;
	width: 177px;
	height: 215px;
	background-color: #ffffff;
	z-Index: 2;
}
#credits {
	position: absolute;
	left: 86px;
	top: 772px;
	width: 177px;
	height: 20px;
	background-color: #ffffff;
	padding: 0 0 0 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: #606060;
	z-Index: 2;
}
#credits a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: normal;
	color: #606060;
	text-decoration: none;
}
#credits a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}



#nav {
	position: absolute;
	left: 62px;
	top: 181px;	
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #606060;
	z-Index: 3;
}

#nav td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #606060;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	padding: 2px 0px 2px 0px;
}

#nav a {
	background: url(images/bullet_grey.gif) no-repeat 0 50%;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #606060;
}

#nav ul ul {
	list-style: none;
	margin: 0;
	padding: 1px 0 1px 0;
}
#nav li li {
	border: none;
	padding: 2px 0px 2px 0px;
}

/*    
	a, lnkA, lnkB etc     = top-level grey links, image, coloured rollover (hover)
	isA, isB etc       = top level colooured menu text, image
	slnkA, slnkB etc   = sub-link coloured, no image, light, with darker rollover)
	stoplnkA, stoplnkB etc   = top sub-link coloured, image, light, with darker rollover)
	issA, issB etc     = sub-menu coloured text, no image (darker)
*/

#nav .isA {
	color: #e20916;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_red.gif) no-repeat 0 75%;
}


#nav .isB {
	color: #73ad23;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_green.gif) no-repeat 0 75%;
}
#nav .slnkB {
	background: none;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #AEE718;
}
#nav .slnkB:hover {
	color: #73ad23;
}
#nav .stoplnkB {
	color: #AEE718;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_green.gif) no-repeat 0 50%;
}
#nav .stoplnkB:hover {
	color: #73ad23;
}
#nav .issB {
	color: #73ad23;
	padding: 4px 8px 2px 40px;
	background: none;
}

#nav .isC {
	color: #f96915;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_orange.gif) no-repeat 0 75%;
}
#nav .slnkC {
	background: none;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #FF9706;
}
#nav .slnkC:hover {
	color: #f96915;
}
#nav .stoplnkC {
	color: #FF9706;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_orange.gif) no-repeat 0 50%;
}
#nav .stoplnkC:hover {
	color: #f96915;
}
#nav .issC {
	color: #f96915;
	padding: 4px 8px 2px 40px;
	background: none;
}

#nav .isD {
	color: #7B40A1;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_purple.gif) no-repeat 0 75%;
}
#nav .slnkD {
	background: none;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #AE5FB7;
}
#nav .slnkD:hover {
	color: #7B40A1;
}
#nav .stoplnkD {
	color: #AE5FB7;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_purple.gif) no-repeat 0 50%;
}
#nav .stoplnkD:hover {
	color: #7B40A1;
}
#nav .issD {
	color: #7B40A1;
	padding: 4px 8px 2px 40px;
	background: none;
}

#nav .isE {
	color: #ffcc00;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_yellow.gif) no-repeat 0 75%;
}

#nav .isF {
	color: #818600;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_olive.gif) no-repeat 0 75%;
}
#nav .slnkF {
	background: none;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #AEB11B;
}
#nav .slnkF:hover {
	color: #818600;
}
#nav .stoplnkF {
	color: #AEB11B;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_olive.gif) no-repeat 0 50%;
}
#nav .stoplnkF:hover {
	color: #818600;
}
#nav .issF {
	color: #818600;
	padding: 4px 8px 2px 40px;
	background: none;
}

#nav .isG {
	color: #001E99;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_blue.gif) no-repeat 0 75%;
}
#nav .slnkG {
	background: none;
	padding: 4px 8px 2px 40px;
	text-decoration: none;
	color: #0071F2;
}
#nav .slnkG:hover {
	color: #001E99;
}
#nav .stoplnkG {
	color: #0071F2;
	padding: 4px 8px 2px 40px;
	background: url(images/bullet_blue.gif) no-repeat 0 50%;
}
#nav .stoplnkG:hover {
	color: #001E99;
}
#nav .issG {
	color: #001E99;
	padding: 4px 8px 2px 40px;
	background: none;
}



#nav .lnkA:hover {
	color: #e20916;
	background: url(images/bullet_red.gif) no-repeat 0 50%;
}
#nav .lnkB:hover {
	color: #73ad23;
	background: url(images/bullet_green.gif) no-repeat 0 50%;
}
#nav .lnkC:hover {
	color: #f96915;
	background: url(images/bullet_orange.gif) no-repeat 0 50%;
}
#nav .lnkD:hover {
	color: #7b40a1;
	background: url(images/bullet_purple.gif) no-repeat 0 50%;
}
#nav .lnkE:hover {
	color: #ffcc00;
	background: url(images/bullet_yellow.gif) no-repeat 0 50%;
}
#nav .lnkF:hover {
	color: #818600;
	background: url(images/bullet_olive.gif) no-repeat 0 50%;
}
#nav .lnkG:hover {
	color: #001e99;
	background: url(images/bullet_blue.gif) no-repeat 0 50%;
}
#nav .lnkH:hover {
	color: #29b1ba;
	background: url(images/bullet_turquiose.gif) no-repeat 0 50%;
}
#nav .lnkI:hover {
	color: #e20916;
	background: url(images/bullet_red.gif) no-repeat 0 50%;
}


#header {
	position: absolute;
	left: 273px;
	top: 30px;
	height: 137px;
	width: 539px;
	z-Index: 6;
}
#header2 {
	position: absolute;
	left: 273px;
	top: 167px;
	height: 50px;
	width: 539px;
	z-Index: 6;
}
#backer {
	position: absolute;
	left: 273px;
	top: 217px;
	height: 335px;
	width: 539px;
	z-Index: 4;
}

/* 
  used when placing content on same page - but if text size increaed by suer they may lose some ... 
  hence we use content2 below
*/
#content {
	position: absolute;
	left: 285px;
	top: 217px;
	width: 449px;
	background-color: #ffffff;
	padding: 12px 0px 32px 16px ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #606060;
	z-Index: 5;
}

#content2 {
	position: absolute;
	top: 217px;
	left: 285px;
	height: 324px;
	width: 464px;
	background-color: #ffffff;
	padding: 12px 0px 32px 16px ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #606060;
	z-Index: 5;
}
#footer {
	position: absolute;
	left: 273px;
	top: 552px;
	height: 251px;
	width: 539px;
	z-Index: 6;
}


#content ul {
	margin-top: 0px;
}
#content2 ul {
	margin-top: 0px;
}

#main {
	position: absolute;
	left: 273px;
	top: 30px;
	height: 772px;
	width: 539px;
	z-Index: 3;
}

#aquote {
	position: absolute;
	left: 320px;
	top: 606px;
	height: 100px;
	width: 200px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	z-Index: 9;
}
#aquote .q {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

#lift {
	position: absolute;
	left: 755px;
	top: 560px;
	height: 28px;
	width: 11px;
	z-Index: 7;
}