/* Add behaviour to IE elements to allow :hover and :active to function */
button, tr, td { behavior: url('IEFixes.htc'); }

* {  font-family: Arial, sans-serif; }

body {
	background: #E6E6E6 url(images/body_bg.gif) top center repeat-y;
	font: normal 12px Arial, sans-serif;
	color: #000;
	margin: 5px 15px 0 15px;
	padding: 0px 10px 0 10px;
	text-align: center; /* For IE */
}

td { font: normal 12px Arial, sans-serif; }

p {
	margin: 0 0 10px 0;
	text-align: justify;
}

h1 {
	color: #1f324f;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 5px 0 15px 0;
	background: URL(images/h1_bg.gif) no-repeat bottom left;
}

strong { color: #ea6300 }

h2 {
	color: #1f324f;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 5px 0 5px 0;
}

.textsmall {
      font-size: 11px;
      color: #888;
}

.center { text-align: center }
.left { text-align: left }
.right { text-align: right } 

img.help { 
      vertical-align: middle;
      margin: 0 0 5px 15px;
      padding: 0; 
}

img { border: none }

img.picture { border : 1px solid #888; margin-bottom: 5px; }
img.pictureleft { float: left; margin: 0 20px 20px 0; border : 1px solid #888 }
img.pictureright { float: right; margin: 0 0 20px 20px; border : 1px solid #888 }

img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }


.rightDiv { float: right; margin: 0 0 10px 15px; }

a:link, a:visited {
      color: #1f324f;
	text-decoration: none;
	}

a:hover, a:active {
      color: #335383;
      text-decoration: underline;
	}

a.linkunderline { text-decoration: underline; }

a.linkbutton:link, a.linkbutton:visited {      
      margin: 0px 2px 0px 2px; padding: 4px 10px 3px 10px;      
      text-decoration: none;
      text-align: center;
      background: #f3b80e url(images/bg_btn.gif) repeat-x bottom;
      color: #444;
      border: 1px solid #db7a1c;
	font-size: 11px;
}
a.linkbutton:hover {
      text-decoration: none;
      background: #fce55a url(images/bg_btn_o.gif) repeat-x bottom;
      border :1px solid #cf6c0f;
      color: #444;
}

a.linkbutton_small:link, a.linkbutton_small:visited {      
      margin: 0px 2px 0px 2px; padding: 2px 20px 2px 20px;      
      text-decoration: none;
      text-align: center;
      background: #aec8eb url(images/bg_btn_small.gif) repeat-x center;      
      border: 1px solid #445e81;
	font-size: 11px;
      color: #000;        
}
a.linkbutton_small:hover {
      text-decoration: underline;
      background: #aec8eb url(images/bg_btn_small.gif) repeat-x center;
      border :1px solid #273f61;
      color: #000;
}

a.linksmall:link, a.linksmall:visited {
      text-decoration: underline;
      color: #888;
      font-size: 11px;
}
a.linksmall:hover {
      color: #22F;
}

input.check {
      margin-bottom: -2px;
}

.message {
      padding: 2px 5px 2px 5px;
      background-color: #fce860;
      border :1px solid #f2b102;
      color: #444;  
}
a.message { color: #FF0000; }

.graph_image {
      border-top: 1px solid #cdd5ff;
      border-left: 1px solid #cdd5ff;            
      border-right: 1px solid #8fa2ff;
      border-bottom: 1px solid #6f87ff;
}
.graph_value { font-size: 9px; color: #aaa; }
.graph_table { border-spacing: 0px; border-collapse: collapse; padding: 1px; }
.graph_cell { font-size: 11px; }
.graph_heading { font-size: 12px; font-weight: normal; text-align: left; }

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
}

li {
	padding-bottom: 7px;
}


#container {
	position: relative;
	width: 780px;
	background: #fff;
	min-height: 600px;
	border: 5px solid #fff;
	border-top: 0;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	}		

#pageHeader {
	width: 780px;
	height: 165px;
	margin: 0px;
	padding: 0px;
	background: #fff url(images/title6.jpg) no-repeat;
	}
      
#pageHeader p {
      position: absolute;
      top: 150px;
      right: 20px;
      text-align: right;
      color: #fff;
}      	

#contentDiv {                              
      float:left;      
      padding: 0px 10px 20px 20px;     
      background: #fff;
      width:570px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width:540px;      
}
	
#contentDiv li { list-style-type: disc; color: #22568a; }

#footer {
      clear: both;
      margin: 0 0;      
	width: 768px;
	height: 20px;
	line-height: 16px;
	
	background: #d8d8d8;	
	padding: 4px 12px 0 0;	
	
	text-align: right;
	font-size: 11px;
	}	
#footer a:link, #footer a:visited {	
	color: #555;
	}
#footer a:hover, #footer a:active {
	color: #555;
	background: transparent;
      text-decoration: underline;
	}
	
#footertext { 
      margin: 5px 0 0 0; 
      font-size: 10px; 
      text-align: right; 
}
#footertext a:link, #footertext a:visited {	
	color: #666;;
}
#footertext a:hover, #footertext a:active {
	color: #448;	
      text-decoration: underline;
}
 
#mainform_tiny {
      width: 300px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_tiny input, textarea {
      width: 190px;
      font-size: 11px;
}
#mainform_tiny .loadingimage {
      position: absolute; 
      right: 290px; 
      margin-top: 5px; 
      display: none;
}

#mainform_small {
      width: 405px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_small input, textarea {
      width: 290px;
      font-size: 11px;
}
#mainform_small .loadingimage {
      position: absolute; 
      right: 190px; 
      margin-top: 5px; 
      display: none;
}

#mainform_wide {
      width: 530px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_wide input, textarea {
      width: 430px;
      font-size: 11px;
}
#mainform_wide .loadingimage {
      position: absolute; 
      right: 35px; 
      margin-top: 5px; 
      display: none;
}

#mainform_max {
      width: 650px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_max input, textarea {
      width: 450px;
      font-size: 11px;
}
#mainform_max .loadingimage {
      position: absolute; 
      right: 5px; 
      margin-top: 5px; 
      display: none;
}

button{
      cursor: pointer;
      margin: 0px 2px 0px 2px; padding: 2px 10px 3px 10px;    
      height: 23px;
      text-decoration: none;
      text-align: center;
      background: #f3b80e url(images/bg_btn.gif) repeat-x bottom;
      color: #444;
      border: 1px solid #db7a1c;
	font-size: 11px;        
}
button:hover{
      text-decoration: none;
      background: #fce55a url(images/bg_btn_o.gif) repeat-x bottom;
      border :1px solid #cf6c0f;
      color: #444;
}

#leftDiv {
	clear: left;
      float: left;
	color: #fff;
	margin: 1px 0 1px 0;
      padding: 0;	
	font-size: 9px;
	line-height: 0;
	width: 200px;			
}
#img_propertysearch { 
      display: block;
      margin: 1px 0 1px 0; 
      padding: 0; 
}

#sloganWrapper {
      margin: 0px;
      padding: 0px 10px;
      background-image:url(images/bg_menu_corners.gif);
}

#slogan {
	width:100%;
	margin: 0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #fccd28;	
	color:#585858;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	background-image:url(images/bg_menu.gif);
}
	
#navigation {	
	color: #fff;      
      padding: 5px;
      margin: 0px;
	background: url(images/bg_nav.gif);
	width: 200px;
	voice-family: "\"}\""; 
      voice-family:inherit;
      width: 190px;            
}

#menudiv { margin: 0px; padding: 0px; }

#menudiv ul
{      
      padding: 10px 0px 10px 7px;      
      margin: 0px;
      list-style-type: none;
}

#menudiv li { 
      margin: 2px 0px 2px 0px; 
      padding: 0px; 
      line-height: 15px;
}

#menudiv img {
      position: absolute;
      left: 175px;
      margin-top: 2px;
}

a.menutitle, 
a.menuselected, 
a.submenutitle, 
a.submenuselected
{
      display: block;
      text-decoration: none;
      color: #444;
	background: #ffea4d url(images/bg_nav_link.gif) repeat-y center;
	padding: 2px 10px 2px 10px;
	border: 1px solid #da9206;	
      font: 12px Arial, sans-serif;      
      margin: 0px;
      width:175px;
      voice-family: "\"}\""; 
      voice-family:inherit;      
      width:155px; 
}

a.submenutitle, a.submenutitle:active, a.submenutitle:visited {
      background: #fffe61 url(images/bg_nav_sub.gif) repeat-y center;      
      color: #444;
      border: 1px solid #da9206;
}

a.menutitle:hover, a.menutitle:active, a.submenutitle:hover, a.submenutitle:active
{
	background: #728caf url(images/bg_nav_o.gif) repeat-x center;
	text-decoration: none;
	border: 1px solid #eee;
	color: #fff;
      width:155px; 	
}

a.submenutitle, a.submenutitle:hover, 
a.submenuselected, a.submenuselected:active {
      width:148px; 
}

a.menuselected, a.menuselected:visited,
a.submenuselected, a.submenuselected:visited {
      background: #75e852 url(images/bg_nav_sel.gif) repeat-x center;
	border: 1px solid #eee;
	color: #fff;   
      font-weight: bold;   
}


#breadcrumbs {
	float: right;
	margin: 1px 0 0 0;		
	padding: 5px 3px 0px 10px;
	height: 36px;
      background: #fff url(images/breadcrumbs_bg.gif) repeat-x;
      width: 579px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 566px;
}

.leftBox {
      background: #ffea4d url(images/bg_nav_link.gif);            
      padding: 5px 2px 5px 8px;
      margin: 8px 7px 0px 7px;
      text-align: center;
      line-height: 15px;
	border: 1px solid #da9206;	
	color: #585858;  
      font-weight: bold; 
      font-size: 12px; 	
      width: 175px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 164px;
}

.rssBox {
      background: #eee;            
      padding: 5px 8px 5px 8px;
      margin: 0px 7px 4px 7px;
      text-align: center;
      line-height: 15px;
	border: 1px solid #bbb;	
	color: #585858;  
	font: normal 10px Verdana, sans-serif;
	width: 175px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 159px;	
}

.rssBox strong {
      font-size: 11px;
      font-weight: bold;
} 

#loginDiv{
      position: absolute;
      top: 172px;
      right: 20px;  
      font-size: 11px;    
}

#login_div {
      background: url(images/bg_nav.gif);      
      width: 190px;
      padding: 5px 2px 5px 8px;
      margin: 1px 0 1px 0;
      font-size: 10px;
}

.topright { float: right; }

#login_div form { margin: 0 0 5px 0; padding: 0px;}

#login_div p { margin: 2px; padding: 2px; } 

#login_div input { font-size: 10px; width: 110px;  border: 1px solid #888; padding: 2px 2px 2px 5px;}

#login_div button { font-size: 10px; padding: 0px 2px 0px 2px; height: 18px; line-height: 13px; margin-left: 10px;}

#rightpic {
      float: right; 
      display: inline; 
      margin: 0px 0px 10px 20px;
      text-align: center;
      
      font-size: 10px;
      color: #888;
}
#rightpic a {
      color: #888;
      text-decoration: underline;           
}
#rightpic a:hover{
      color: #335383;    
}
#rightpic img {
      border: 1px solid #888;
      margin-bottom: 5px;
}      

table.table-fancy {
      border-spacing: 0px ;
      border-collapse: collapse;
}
th.heading-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 11px;
      font-weight: bold;
      color: #444;
      border :1px solid #f2b102;
      background: #fce860 url(images/bg_table.gif) repeat-x center; 
}
td.cell-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 11px;
      color: #444;
      border :1px solid #f2b102; 
}
td.cell-fancy-shade, td.cell-fancy-shade-expand-bottom, td.cell-fancy-shade-expand-top {    
      margin: 0px;
      padding: 5px;  
      font-size: 11px;
      color: #444;      
      background-color: #fce860;
      border :1px solid #f2b102;
}

td.cell-fancy-shade-expand-bottom { border-top: 0; height: 40px; vertical-align: bottom; padding-bottom: 10px; text-align: center; }
td.cell-fancy-shade-expand-top { border-bottom: 0; }

td.cell-details-left {
      width: 200px;
      padding: 5px;
      border: 2px solid #fff;
      font-weight: bold;
      font-size:10px;
      color: #fff;
      background: #fce860 url(images/bg_details_left.gif) repeat-y center;
}

td.cell-details-right {
      width: 315px;
      padding: 5px;
      color: #000;
      font-size:10px;
      border: 2px solid #fff;
      background: #fbf36d url(images/bg_details_right.gif) repeat-y left;
      vertical-align: 17px;
}

td.cell-shop {
      vertical-align: top;
      font-size: 11px;
}