/* MAIN CONTENT BODY SETTING. THIS ALSO THE DISPLAY SETTING FOR FIREFOX - Background color (outside main table)  set to Very Light Blue.
Font settings are fonts appearing in the background not inside the table.*/

body {
max-width: 1050px;
background-color:#D6DFEF; 
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 95%;
color: #000;
margin:auto;
padding:0;
text-align:center;
}

/* PageWrapper TABLE SETTING FOR IE DISPLAY - DONT TOUCH THIS PART!!*/

.PageWrapper {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


/* HORIZONTAL RULE - CREATE 3 more classes of horizontal rule, in addition to the default version. Change the attributes to 
get the look you want. The 3 classes are solid, dotted, and dashed. Add class="dashed" to your hr
tag on an HTML page, to get the dashed version of the hr. Change the colors to suit. */

.solid {	
   border-top: 1px solid #575473;
   border-bottom: hidden;
   border-left: hidden; 
   border-right: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dashed {
  border-bottom:1px dashed #575473;
   border-top:hidden;
   border-left:hidden;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dotted {
	border-bottom:1px dotted #575473;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/* CUSTOMIZE BOLD TAG - this is a custom class for your bold tag. You can alter anything here, or remove
it completely to get the default bold*/

b{

color: #1b4e6b;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 100%;

}

b.orange{

color: #CC6600;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 90%;
text-transform: uppercase;
}

b.grey {

color: #666666;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 100%;

}


/* TEXT LINKS SETTTINGS.*/

a:hover { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
 font-size: 100%; 
 color: #d66c3c;
 background-color: #f3f7f9;
 
 }

a { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; 
font-size: 100%; color: #16387C; text-decoration: underline;
}


/* SPECIFIC FONT STYLES  */

h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #1b4e6b; 
clear: both;
}

h2, h3, h4, h5, h6 {
margin-top: 24px;
}


h1 {
margin-top: 5px;
font-family: 'Palatino Linotype', Palatino, serif,'Times New Roman', Georgia ;
border-bottom: 0 solid #8f8fb3;
text-align: center; font-size: 180%;
}

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 1px solid #8f8fb3; font-size: 140%;
}

h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3; 
}

h5 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #333; 
font-size: 120%; 
font-weight:bold;
font-style: italic;
text-transform: capitalize;
}

/* h1 { margin-top: 5px; 
font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif; color: #1b4e6b;
text-align: center; font-size: 130%;
}
h2 { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; color: #1b4e6b;
border-bottom: 1px solid #8f8fb3; font-size: 120%;}
h3 { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; font-size: 110%;  color: #1b4e6b;}
h4 { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; font-size: 108%;  color: #1b4e6b;}
h5 { font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; font-size: 100%;  color: #1b4e6b;} */


.slogan {/* MastHead Slogan- Font Styles*/

	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 30px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #bb9949; 
	top: 15px;
	left: 150px;
	clear: both;
}

.subtext {
	position: fixed;
	top: 70px;
	right: 250px;
	font: bold 20px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: Gray;	
}

.crumbs {
font-size: 90%;
font-weight: bold;
color: #000;
clear: both;
line-height: 14px;
}

.Caption {
font-size: 85%;
font-weight: bold;
color: #000;
clear: both;
line-height: 14px;
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}

.note { /*NOTE TEXT - if you change the fonts and sizes, etc above, make this the same, but leave the weight as bold
Its just here to give you the option of a bold type font, without the extra size.*/

font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
background-color:#fff; 
font-size: 100%;
color: #575473;
font-weight: bold;
font-style: italic;
} 

/* ContentWrapper Table - TEXT SIZE, COLOR AND FONT FAMILY SETTINGS */

table {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 100%;
color: #000;
padding-top:  0px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

/* ------ Section 8 - Frequently Used Styles ------ */

.clear {
clear: both;
}


img {
border: 0 solid #ddd;
}

img.special {border: 3px black solid;}



/*--------MASTHEAD IMAGE AND BACKGROUND SETTING.------ This is divided into Left, Center and Right.
This allows easy change of center image for seasonal look. 
Current LEFT & RIGHT Background uses very light sea blue Gradient background*/ 

td.headerbg {
background-image: url('http://www.singaporepropertyhunt.com/images/headerimg-2011.jpg');
background-repeat: no-repeat;
background-color: #ffff;
background-position: top left;
position: relative;
height: 160px;

}

td.leftheaderbg{
background-color: #fff;
/*  background-image: url('http://www.singaporepropertyhunt.com/images/sph-logo-2010-4-1.png');  */
background-repeat: repeat;
   background-position: top left; 
 position: relative;
 clear: both;
 margin: 0px;
 height: 100px;
 /* width: 320PX; */
}

td.ctrheaderbg{
background-color: #fff;
background-image: url('http://www.singaporepropertyhunt.com/image-files/hdimgctr03.jpg');
background-repeat: repeat;
background-position: top left; 
position: relative;
clear: both;
 margin: 5px;
 height: 100px;
width: 100%;  
}

td.ctrheaderbg2{
background-color: #fff;
background-image: url('http://www.singaporepropertyhunt.com/image-files/hdimgctr03.jpg');
background-repeat: repeat;
background-position: top left; 
position: relative;
clear: both;
 margin: 0px 5px 0px 0px;
 height: 100px;
width: 600PX;  
}

td.rheaderbg {
background-color: #fff;
background-image: url('http://www.singaporepropertyhunt.com/images/hbg-grdlightblue.jpg');
background-repeat: repeat;
   background-position: top left; 
 position: relative;
 clear: both;
 margin: 0px;
 height: 100px;
 width: 300px;
}


/* MAIN TABLE CELL BACKGROUND SETTING. This is to cater for site-wide color scheme change. 
To replace solid colour with image, which can be tiled, 1st upload the image to the graphics library,....
then use background-image: 
url('http://www.your-site.com/images/your-image.gif');
background-repeat: repeat;
*/

td.top-nav {
background-color: #184d6b;
background-repeat: repeat;

}


td.spacerbg {
background-color:#fff; 
width: 160px;
height: 1px;

}


td.CenterColumn {
background-color:#fff; 
}

.CenterColumn {
padding: 10px;
background-color:#fff; 
}

td.rightcolumn {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 93%;
color: #000;
background-color:#fff; 
border-left: 1px solid #AAA;
/*  width: 300px; lastest change to ensure mid content box stays consistent for both 1050 and 800 display */
}

td.rightcolumn2 {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 93%;
color: #000;
background-color:#fff; 
padding: 2px;
border-left: 1px solid #AAA;
width: 250px;  /*  lastest change to ensure mid content box stays consistent for both 1050 and 800 display */
}

td.leftcolumn {
font-size: 93%;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
/* margin-left: 3px;  */
clear: both;
width: 160px;
background-color: #fff;
border-right: 1px solid #AAA;
}

td.footerbg {
font-size: 80%;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
background-color:#f3f7f9; /* #fff; */
border-top: 1px solid #AAA;
padding: 10px; 0px;
}

td.bottom {
font-size: 80%;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
background-color: #184d6b;
}

/* LISTING TABLE CELL SETTING. The Cells are configured for 
link and hovering effects 
*/

#listing{
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 95%;
color: #000;
padding-top:  3px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 2px;
margin-left:auto;
margin-right:auto;
BORDER: 1px solid #575473;
	
background-color:#f3f7f9;
width: 97%
}

td.tn-pic {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 85%;
color: #1b4e6b;
font-weight: bold;
font-style: italic; 
padding-top:  2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
width: 100px;
border:#ccc solid 3px;
text-align: center;
/* background-color:#dbe6ec; */
}

.tn-pic a {
text-decoration: none;
color: #1b4e6b; /* button font color*/
/* background-color: #fff; */
/* border:#ccc solid 3px; */
padding:2px;
/*  background-color:#dbe6ec; */
}

.tn-pic a:hover {
padding:2px;
color: #d66c3c; /* button font color, when hovered over 5877b7*/
/* background-color: #dbe6ec; */
/* border:#ccc solid 3px; */
}

/* div.headline {
color: #1b4e6b; 
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 110%;
font-weight:bold;
text-transform: uppercase;
} */

td.details {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-size: 85%;
color: #000;
background-color:#fff; 
padding-top:  5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
width: 140px;
}

.details a {
text-decoration: none;
display: block;
color: #000; /* button font color*/
background-color: #fff;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
}

.details a:hover {
text-decoration: none;
color: #d66c3c; /*  #1b4e6b; button font color, when hovered over 5877b7*/
background-color: #FFFBF7;
}


td.propname {
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
background-color:#f3f7f9; 
font-size: 100%;
color: #1b4e6b;
font-weight: bold;
font-style: italic;
} 



/* HEADER BACKGROUND COLOUR SETTING for .... H1, H2, and H3 tags*/

.hbg{
background-color:#dbe6ec; 

fontweight: bold;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
width: 98%;
z-axis: 1;
text-align: left;
font-size: 100%;
BORDER-TOP: thin solid #f3f7f9;
	BORDER-LEFT: medium solid #f3f7f9;
	BORDER-BOTTOM: thin solid #f3f7f9;
	BORDER-RIGHT: medium solid #f3f7f9;
}



/* DIVISION HEADER BACKGROUND SETTING FOR LEFT AND RIGHT PANEL*/

.divhbg {
background-color: #dbe6ec; 
color: #1b4e6b;
fontweight: bold;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
width: 97%;
z-axis: 1;
text-align: center;
font-size: 93%;
margin-top: 5px;
BORDER-TOP: thin solid #f3f7f9;
	BORDER-LEFT: medium solid #f3f7f9;
	BORDER-BOTTOM: thin solid #f3f7f9;
	BORDER-RIGHT: medium solid #f3f7f9;
}


/* -- lists -- */

#CenterColumn ul {
list-style-type: disc;
margin: 0 0 8px 10px;
}

#CenterColumn li {
margin: 0 0 8px 5px;
}


#CenterColumn ol {
list-style-type: decimal;
margin: 0 0 8px 10px;
}

#CenterColumn li {
margin: 0 0 8px 5px;
}

/* LIST-STYLE GRAPHIC BULLETS - this is a custom class for using graphics as bullets.  Upload a custom graphic to your 
graphics library in the usual way. Then replace my URL
with your own. Note there are no speech marks around the URL*/
 
/*  #notificationOptions {
list-style: none;
}

ol {
list-style-position: outside;
line-height: 18px;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
*/
 
li.bullet1 {
background: url(http://www.in-and-around-columbus.com/images/checkmark-bullet.png) left center no-repeat; 

padding-left: 20px;
margin-bottom: 2px;

 }
 
 li.bullet2 {
background: url(http://www.todays-women-and-health.com/images/roundcyan.png) left center no-repeat; 

padding-left: 20px;
margin-bottom: 2px;

 }
 
 li.bullet3 {
background: url(http://www.todays-women-and-health.com/images/pointyarrow.png) left center no-repeat; 

padding-left: 20px;
margin-bottom: 2px;

 }
 
  li.bullet4 {
background: url(http://www.todays-women-and-health.com/images/cy_di.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 2px;

 }
 
  li.bullet5 {
background: url(http://www.todays-women-and-health.com/images/sphere01.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;

 }
 
  li.bullet6 {
background: url(http://www.todays-women-and-health.com/images/sphere03.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 2px;

 }


 /* -- floats -- */

.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}

.center { 
text-align: center;
}

/* ANCHOR LINKS - To remove the link styling for anchor links.*/

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}