@import url(https://fonts.googleapis.com/css?family=Poppins);
body
{
	margin:0px;
	background-color:#004C78;
}

table, td {
    margin: auto;
    width: 340px;
    padding: 0px;
    text-align: center;
    border: 3px solid #2FB383;
    font-family: Poppins,arial,helvetica;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
border-radius: 10px;
border-color: #2FB383;
background-color: #C0FFFF;

}
td:first-child{
	width: 370px;
}
th
{
    border: 1px solid #2C2C2C;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #2FB383;
border-radius: 10px;

}

table.t1 {
  width: 100%;
  border: 0px
}

.td1{
    background-color: #FAB8A7;
    color: rgb(0, 0, 0);
}
.td2{
    background-color: #F0EFB2;
    color: black;
}

.td3{
    width: min-content;
    background-color: #6A431C;
    color: white;
    padding: 10px;
}

.td4{
    width: min-content;
    background-color: #555419;
    color: white;
    padding: 10px;
}

.responsive-image
{
        height:100%;
        width:100%;
}

#content_main
{
	max-width: 970px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#ffffff;
	overflow: hidden;
}

#top_banner_area
{
	width: 100%;
	background-image: url(images/singapore_gold_hdr_back.gif);
	background-repeat: repeat;
	background-color:#2FB383;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#link_bar_1
{
	width: 100%;
	padding: 5px 0px 5px 5px;
	background-color:#0772AF;
}

#link_bar_2
{
	width: 100%;
	padding: 6px 0px 0px 0px;
	background-color:#0772AF;
}

#link_bar_3
{
	width: 100%;
	padding: 5px 0px 5px 5px;
	background-color:#0772AF;
}

#content_area
{
	background-color:#0087D4;
	overflow: hidden;
}

#content_left
{
	max-width: 710px;
	height: 100%;
	padding: 5px 5px 5px 5px;

	position: relative;

	float:left;
	background-color:#ffffff;
}

#content_right
{
	width: 240px;
	height: 100%;
	padding: 5px 5px 5px 5px;
	float:left;
	background-color:#0087D4;
}

.sg1 {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #ffffff;text-decoration:none;line-height: 1.7;}
.sg1 a:link {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #D4FAE8;text-decoration:none;line-height: 1.7;}
.sg1 a:visited {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #D4FAE8;text-decoration:none;line-height: 1.7;}
.sg1 a:active {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #D4FAE8;text-decoration:none;line-height: 1.7;}
.sg1 a:hover {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #DDD592;text-decoration:none;line-height: 1.7;}

.sg2 {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #000000;line-height: 1.7;}
.sg2 a:link {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #000000;line-height: 1.7;}
.sg2 a:visited {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #000000;line-height: 1.7;}

.sg3 {font-family: arial,helvetica; font-style: normal; font-size: 16px; font-weight: normal;line-height: 1.7;}

.sg4 {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #008080;line-height: 1.7;}

.sg5 {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #656769;text-decoration:none;line-height: 1.7;}
.sg5 a:link {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #4040FF;text-decoration:none;line-height: 1.7;}
.sg5 a:visited {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #0000C0;text-decoration:none;line-height: 1.7;}
.sg5 a:active {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #FF4040;text-decoration:none;line-height: 1.7;}
.sg5 a:hover {font-family: Poppins,arial,helvetica; font-style: normal; font-size: 16px; font-weight: bold; color: #008000;text-decoration:none;line-height: 1.7;}

.dateValue,.morningRate,.eveningRate{
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	font-size: 17px;
	font-weight: bold;
}
.latestRatesWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.latestRates{
	padding: 20px;
	border-radius: 10px;
	width: 294px;
	border: 3px solid #02A6A4;
	background-color: #FFFFEB;
}
.highestRatesWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.highestRates{
	padding: 20px;
	border-radius: 10px;
	width: 294px;
	border: 3px solid #02A6A4;
	background-color: #FFFFEB;
}
#morning{
	color: #00B600;
}
#evening{
	color: #00B600;

}
#date{
	color: #FA0000;
}
#highest{
	color: #FA0000;

}
#lowest{
	color: #00B600;


}