/* CSS Document */
html{height: 100%;border: 0;padding: 0;margin: 0;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00284C; background: #FFFFFF;}
body{height: 100%;margin: 0;padding: 0;border: 0;}
#spacer{display: block;height: 95%;float: left; width: 2px; /* 1px would be enough this is for display only */font-size: 1px; /* to make sure width is not overridden */
padding: 0;margin: 0; /* visual effect only */
}

#contentwrap{display: block;width: 99%; /* to suit but leave room for spacer */text-align: center;padding: 0;margin: 0;}
#container{margin: 0;padding: 0;}
#header{width:100%; height:115px; background:#00284C;}
#headertop{width:889px; height:70px; margin:0 auto; border-bottom:1px solid #FFFFFF;}
#logo{width:187px; margin-top:35px; float:left;}

#rightboxtop{width:270px; float:right;}
#signin{width:270px; height:20px; color:#FFFFFF; float:right; font-size:10px;}
#imgtop{width:270px; margin-top:30px; float:right;}

#headerbottom{width:889px; margin:0 auto;}
#imglogoproperty{width: 247px; margin-top:3px; float:left;}
#menubox{width: 550px; height:25px; margin-top:19px; float: right; font-family:Arial, Helvetica, sans-serif}

#tabtopimg{position:absolute; width:188px; height:auto; margin-left:-9px; margin-top:-38px;}
#bodycontainner{background: #FFFFFF url(/images/bg_body.png) repeat-x; width:100%; padding-top:50px; margin-top:10px; min-height:500px;}
#bodyleft{width:229px; float:left;}
#bodyright{
 	background:#EEEEEE; 
 	width:650px; 
 	min-height:260px;
	height:auto !important;
	height:260px; 
	color:#00284C; 
	border-left:1px solid #B4B6B7; 
	border-right:1px solid #B4B6B7; 
	border-top:1px solid #B4B6B7; 
	float:right;}
#alertcontainer{ width:95%; margin:0 auto; padding:10px; margin-top:10px; margin-bottom:10px; border:1px solid #B4B6B7; }

.toptableft{position:absolute; width:189px; height:auto; margin-left:-1px; margin-top:-30px;}
.bodysearchleft{width:227px; background:#E0E0E0; height:auto; border-top:1px solid #B4B6B7; border-left:1px solid #B4B6B7; border-right:1px solid #B4B6B7;}

#imgbox{background:#CBCBCB; width:800px; height:auto; padding:8px 8px 0 8px; margin-bottom:0px; margin:0 auto; border-left: 1px solid #B4B6B7; border-top: 1px solid #B4B6B7; border-right: 1px solid #B4B6B7;}
#underimgbox{background:#CBCBCB; font-size:10px; padding-top:-3px; width:800px; height: 12px; margin:0 auto; border-bottom: 1px solid #B4B6B7;}

#sortdetail{position: relative; height:25px; margin:0 auto;  width:889px;}
.listproperty{width:615px; height:auto; margin:0 auto; padding:10px; border-top:1px solid #C8C8C8; }
.imgproperty{width:120px; height:auto; float:left;}
.detailproperty{width:480px; float:right;}
.buttoncontainer{ position:absolute; width:230px; margin-left:260px; margin-top:-10px;}
#pagebottom{width:635px; height:20px; margin:0 auto; padding-top:7px; margin-top:10px; border-top:1px solid #C8C8C8;}
#underdetail{width:652px; background:#EEEEEE; height:12px; float:right;}

/* PAGE NAVIGATION BUTTONS */
a.pagebutton { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#00284C; background-color:#E0E0E0; font-size: 12px; font-weight:bold; line-height: normal}
a.pagebutton:hover { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#FFF; background-color:#00284C; font-size: 12px; font-weight:bold; }
.pagebuttonon { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#FFF; background-color:#00284C; font-size: 12px; font-weight:bold; }

/* CONVERSION BUTTONS */
a.conbutton { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#00284C; background-color: #E0E0E0; font-size: 12px; line-height: normal}
a.conbutton:hover { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#FFF; background-color: #00284C; font-size: 12px; }
.conbuttonon { border:1px solid #FFF; padding-right: 2px; padding-left:2px; text-decoration:none; color:#FFF; background-color:#00284C; font-size: 12px; }

a.btlink{ background:#EEEEEE; padding:5px; border-left:1px solid #B4B6B7; border-right:1px solid #B4B6B7; border-bottom:1px solid #B4B6B7; float:left;}
a.btlink:hover{ background:#BEC6CE; padding:5px;}


.textunderimg{position: absolute; width:800px; margin:0px; margin-top:-2px; height: 12px; color:#00284C; font-size:0.75em;   float:left;}
.connerleftimg{position: relative; margin-left:-9px; width:9px; float:left;}
.connerrightimg{position: relative; margin-right:-9px; width:9px; float:right;}
#searchcontainer{width:818px; margin:0 auto; margin-top:30px;}

.linkbutton {border:1px solid #AFB5B8; background:#D7DBDD url(/images/img_linkbutton.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; padding:1px;}
.linkbutton:hover { background:#D7DBDD; color:#000; }

#undersearchbox{background:#E0E0E0; padding-top:-3px; width:800px; height: 12px; margin:0 auto; margin-bottom:20px; border-bottom: 1px solid #B4B6B7;}
#footercontainer{clear: both;height: 5%;padding: 0;margin: 0;} 
/*#footercontainer {position: absolute; width:100%; margin:0 auto; bottom:10px;}
* html #footercontainer{bottom:-1px;}*/
#footer{ margin-top:10px; width:813px; height:19px; margin:0 auto; font-size:0.75em; color:#999999; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB;}
#footerleft{position:relative; width:300px; height:16px; background: #FFF url(/images/img_connerleftfooter.gif) no-repeat; margin-left:-3px; padding:3px 0 0 3px; float:left;}
#footerright{position:relative; width:300px; height:16px;  background: #FFF url(/images/img_connerrightfooter.gif) no-repeat; background-position:right; margin-right:-3px; padding: 3px 3px 0 0; float:right;}
.clear{ clear:both;}

h1 { 
	font-size: 15px; font-variant:small-caps; margin: 0; color:#00284C; font-family: Arial, Geneva, Helvetica, sans-serif;
}
/*p {
	font-size: 12px; line-height: normal; padding: 0; margin: 0;  font-family: Arial, Geneva, Helvetica, "Trebuchet MS", sans-serif;
}*/
.mbody {
	font-size: 11px;
}
.msmall {
	font-size: 0.75em; color:#333333; line-height:10px;
}
/* Table Styles */
TD.off
{
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_gdoff.gif);
	color:#666666;
}
TD.over
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_gdon.gif);
}
TD.on
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_gdon.gif);
	color:#00284C;
}

.lefthomeoff
{
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_connerlefthome.gif) no-repeat;
}
.lefthomeon
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_connerlefthomeon.gif);
}
.leftoff
{
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_menurightoff.gif);
}
.lefton
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_menulefton.gif);
}
.rightoff
{
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_menurightoff.gif);
}
.righton
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_menurighton.gif);
}
.rightcontactoff
{
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(/images/img_connerrightcontact.gif) no-repeat;
}
.rightcontacton
{
    BACKGROUND-COLOR: #FFFFFF;
	background-image:url(images/img_connerrightcontacton.gif);
}

table.listing {
	border-width: 0px 0px 0px 0px;
	border-spacing: 1px;
	border-style: groove groove groove groove;
	border-color: #C8C8C8;
	border-collapse: separate;
}
table.listing th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #C8C8C8;
}
table.listing td {
	border-width: 1px;
	background-color: #E0E0E0;
	padding: 1px;
	border-style: solid;
	border-color: #C8C8C8;
}
.mhead {
	font-size: 14px; color: #00284C; font-weight: bold;
}

a {
	color: #00284C;
}
a:hover {
	color: #000;
}
a.signin {
	color: #FFF;
}
a.signin:hover {
	color: #666666;
}
a.menu { color:#666666; text-decoration:none;}
a.menu:hover{ color:#00284C; text-decoration:none;}