#page {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 750px;
	visibility: visible;
	text-align: left;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

HR
{
	width: 90%;
	text-align: center;
}
#lefthandnavarea {
	float: left;
	height: 550px;
	width: 140px;
	/*background-image: url(../images/lefthandnavback.jpg);*/
	background-repeat: repeat-x;
	color: #333333;
	padding-bottom: 20px;
}
/* gkc  added paddingleft and reduced width  */
#centralarea
{
	padding-left: 0px;
	float: left;
	width: 450px;
	height: auto;
	background-color: white;
}

#centralareawide 
{
	float: left;/*Was right worked with left  */
	height: auto;
	width: 450px;
	padding-left: 0px;
	margin-left: 0px;
	/* 20/06 background-color: white; /* was #ffffff */
}



/* remove these when ready to*/
/*#centralareawide a:link 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#centralareawide a:visited 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#centralareawide a:hover 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
	text-decoration: underline;
}
#centralareawide a:active 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}*/
.device 
{
	height: auto;
	width: auto;
}
.device a:link 
{
	background-image: url(../images/devicetbd.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
.device a:visited 
{
	background-image: url(../images/devicetbd.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
.device a:hover 
{
	background-image: url(../images/devicetbd.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
	text-decoration: underline;
}
.device a:active 
{
	background-image: url(../images/devicetbd.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}

#righthandnavarea {
	float: right;
	height: auto;
	width: 150px;
	background-color: #FFFFFF;
}
#underheader {
	height: auto;
	width: 750px;
	float: left;
	margin-top: 5px;
	background-image: url(../images/lefthandnavback2.jpg);
	background-repeat: no-repeat;
}
#footer {
	float: left;
	height: 10px;
	width: 750px;
	font-size: 9px;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lefthandnavmodule {
	float: left;
	height: auto;
	width: 139px;
}
.lefthandmodtitle {
	margin-left: 5px;
	width: 138px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
}
.lefthandmodtext {
	width: 120px;
	float: right;
	margin-top: 3px;
}
#righthandmod1 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod1back.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
}
.righthandmodtitle {
	margin-left: 5px;
	width: 148px;
}
.righthandmodimage {
	width: 54px;
	float: left;
	margin-top:20px;
}
.righthandmodtext
{
	margin-top: 3px;
	float: right;
	width: 90px;
}
#righthandmod2 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod2back.jpg);
	background-repeat: repeat;
	color: #0066FF;
}
#righthandmod3 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod3back.jpg);
	background-repeat: repeat;
	color: #336633;
}
#righthandmod4 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod4back.jpg);
	background-repeat: repeat;
	color: #FF6600;
}
#righthandmod5 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod1back.jpg);
	background-repeat: repeat;
	color: #0066FF;
}
#righthandmod6 {
	float: right;
	width: 149px;
	margin-bottom: 4px;
	background-image: url(../images/rhmod4back.jpg);
	background-repeat: repeat;
	color: #FF6600;
}

#footer2 {
	float: right;
	width: 350px;
	text-align: right;
}
#footer1 {
	float: left;
	width: 400px;
}
#footer3 {
	text-align: center;
	float: left;
	height: 10px;
	width: 750px;
	font-size: 9px;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.maintext
{
  	padding-right: 0px;
	padding-left: 5px;
	float: right;
	width: 598px;
	color: #0099cc;
	background-color: #ffffff;
	
	}
/* delele later , just for copy
.maintext
{
	padding-right: 0px;
	padding-left: 5px;
	float: left;
	width: 598px;
	color: #0099cc;
	background-color: #CC3300;
	}

*/
#maintext
{
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 598px;
	color: #0099cc;
	}
	
#maintextwide
{
	padding-right: 0px;
	padding-left: 5px;
	float: left;
	width: 596px;
	color: #0099cc;
	background-color: #ffffff;
	
}
	
h3 {
	color: #0099CC;
}
/* gkc  added h2 style  */
h2 {
	color: #0099CC;
	font-size: 20px;
	margin-bottom:0px;
}
#centralpropfinderarea {
	float: left;
	width: 445px;
	padding-left: 5px;
	padding-right: 3px;
	margin-top: 5px;
	height: 100px;
}
#centralpropfinderhead {
	background-image: url(../images/propfinderback.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
	height: auto;
	font-weight: bold;
	width: 443px;
	float: left;
}
#centralpropfinderheadimage {
	float: right;
	width: 119px;
}
#centralpropfinderheadtitle {
	width: 300px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}
#centralpropfinderbody {
	float: left;
	height: 150px;
	width: 443px;
	background-image: url(../images/propfinderbacklight.jpg);
	background-repeat: repeat;
}
/* gkc  addjusted width, margin etc  */
.featuredpropmod {
	float: left;
	height: 100px;
	width: 217px;
	margin-top: 3px;
	margin-right: 3px;
	background-image: url(../images/propfinderbacklight.jpg);	
/* gkc  addjusted width, margin etc  */
}
.featuredprophead {
	background-image: url(../images/propfinderback.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
	height: auto;
	font-weight: bold;
	width: 217px;
	float: left;
}
.featuredpropheadimage {
	float: right;
	width: 50px;
}
.featuredpropheadtitle {
	width: 130px;
	margin-left: 3px;
	font-size: 10px;
	float: left;
}
/* gkc  addjusted width, margin etc  */
.featuredpropbody {
	float: left;
	height: 88px;
	width: 217px;
}
.featuredpropimage {
	float: right;
	height: 66px;
	width: 82px;
}
/* gkc  addjusted width, margin etc  */
.featuredproptext {
	float: left;
	height: 66px;
	width: 130px;
	font-size: 9px;
	padding-right: 2px;
	padding-left:2px;
}
a,a:visited,a:link,a:active
{	
	margin-left: 3px;
	color: orange;
	text-decoration: none;
}
a:hover
{
	color: orange;
	text-decoration: underline;
}


/* gkc  added added marginleft adjusted width */

.centralhead {
	background-image: url(../images/titleback.gif);
	background-repeat: repeat;
	float: right;
	height: 29px;
	width: 598px;
	padding-left: 0px;
	padding-top: 0px;
	background-position: right;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
/*
delete later if not required, just here for comparison

.centralhead {
	background-image: url(../images/titleback.gif);
	background-repeat: repeat;
	color: #FFFFFF;
	height: 29px;
	font-weight: bold;
	width: 598px;
	float: left;
	margin-left: 0px;
	background-position: right;	
}
#arrownavigation {
	background-image: url(../images/arrownavigation6.jpg);
	background-repeat: repeat-y;
	float: right;
	height: 30px;
	width: 598px;
	padding-left: 0px;
	padding-top: 0px;
	background-position: right;
	margin-bottom: 5px;
}
*/
.centralheadwide {
	background-image: url(../images/titleback.gif);
	background-repeat: repeat;
	color: #FFFFFF;
	height: 29px;
	font-weight: bold;
	width: 100%;
	float: left;
	margin-left: 0px;
	background-position: right;	
}

.centralheadimage
{
	float: left;
	width: 119px;
	
}
.centralheadtitle {
	width: 304px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

.centralheadtitlewide {
	width: 99%;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

.centralbody
{
	float: left;
	background-image: url(../images/propfinderbacklight.jpg);
	width: 443px;
	background-repeat: repeat;
	height: 150px;
	text-align: left;
}

.central
{
	margin-top: 10px;
	float: left;
	background-image: url(../images/propfinderbacklight.jpg);
	width: 444px;
	color: #0099CC;
	background-repeat: repeat;
	text-align: left;
	
}

.centralwide
{
	margin-top: 10px;
	float: left;
	background-image: url(../images/propfinderbacklight.jpg);
	width: 600px;
	color: #0099CC;
	background-repeat: repeat;
	text-align: left;
	margin-bottom: 3px;	
}

.smallfont
{
	font-size: smaller;
}

.FeatureTitle
{
	padding-left: 3px;
	color: gray;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width:100%
}

.FeatureRow
{
	font-size: smaller;
	width: 145px;
	padding-top: 2px;
	height: 25px;
	float: left;
}

.FeatureWide
{
	padding-left: 3px;
	float: left;
	width: 80px;
	height: auto;
	}

.FeatureNarrow
{
	width: 43px;
	color: teal;
	height: auto;
	text-align: center;
	float: right;
}
/* gkc  added this new class  */
.titletext
{
	font-weight: bold;
	font-size: 16pt;
	padding-bottom: 10px;
	color: #0099CC;
	
}
#arrownavigation {
	background-image: url(../images/arrownavigation6.jpg);
	background-repeat: repeat-y;
	float: right;
	height: 30px;
	width: 598px;
	padding-left: 0px;
	padding-top: 0px;
	background-position: right;
	margin-bottom: 5px;
}
#UpperTopNav {
	background-image: url(../images/arrownavigation6.jpg);
	background-repeat: repeat-y;
	height: 30px;
	width: 598px;
	padding-left: 0px;
	padding-top: 0px;
	background-position: right;
	margin-bottom: 3px;
	color: white;
}
/*
#UpperTopNav a:link {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}
#UpperTopNav a:visited {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}
#UpperTopNav a:hover {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	background-image: none;
}
#UpperTopNav a:active {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}
*/
#LowerTopNav
{
	background-position: right 50%;
	padding-left: 0px;
	float: right;
	background-image: url(../images/arrownavigation6.jpg);
	margin-bottom: 5px;
	width: 598px;
	padding-top: 0px;
	background-repeat: repeat-y;
	height: 20px;
}

.arrownavdiv
{
	font-weight: bold;
	float: left;
	width: 24%;
	color: white;
	padding-top: 8px;
	text-align: center;
}
.arrownavdiv a:link, .arrownavdiv a:active, .arrownavdiv a:visited
{
	color: steelblue;
}

.arrownavdiv a:hover
{
	text-decoration:none;
	color: orange;
}

.arrownavdiv5,.arrownavdiv5 a:link,.arrownavdiv5 a:active,.arrownavdiv5 a:visited  
{
	font-size: 10px;
	background-image: none;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 18%;
	float: left;
	text-align: center;
	color: white;
}
.arrownavdiv5 a:hover
{
	color: steelblue;
	text-decoration:none;
}
.arrownavdiv5live
{
	font-size: 10px;
	float: left;
	width: 18%;
	height: 15px;
	background-color: #0099cc;
	text-align: center;
	text-decoration: none;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
}

.arrownavdivlive
{
	padding-left: 4px;
	float: left;
	text-align: center;
	padding-right: 4px;
	background-color: #0099cc;
}
#arrownavigation a:link {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}
#arrownavigation a:visited {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}
#arrownavigation a:hover {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	background-image: none;
}
#arrownavigation a:active {
	color: #FFFFFF;
	height: 19px;
	width: auto;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	background-image: none;
}

#lefthandnavarea a:link {
	color: #000000;
}
#lefthandnavarea a:visited {
	color: #000000;
}
#lefthandnavarea a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#lefthandnavarea a:active {
	color: #000000;
}
/* hopefully be able to delete these
#NoLinks {
	height: auto;
	width: auto;
}
#NoLinks a:link {
	background-image: none;
}
#NoLinks a:visited {
	background-image: none;
}
#NoLinks a:hover {
	background-image: none;
}
#NoLinks a:active {
	background-image: none;
}
*/

LI
{
	margin-top: 3px;
}