/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{float:left; background-image:url(A_Star_Hostel_LOGO.jpg); width:470px; height:110px;background-repeat:no-repeat;}
#logo H1 {TEXT-INDENT:-1000em;}
#topheader{float:right; width:330px; height:110px; background-color:#FFFFEC; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:800px; background-color:#FF6600;}
#submenu{float:right; width:800px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#contenttextlong{float:right; width:800px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}

/*GRAY PANEL*/
.usefullinks{width:220px;height:50px;}
.graypanel{border:solid 1px #666666; background-color:#FFFFFF; padding:10px; margin:10px;}
.graypanel img{float:left;}
.graypanel a{padding-top:15px;width:170px;float:right;}

.schoolinfo {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	text-align:justify;
}
.schoolinfo label{padding-top:20px;float:left;text-align:center;width:800px;font-weight:bold;font-size:12pt;}
.schools{clear:both;width:720px;padding-top:20px;padding-left:150px;}
.schoolimg{width:200px;float:left;text-align:right;}
.schooltext{width:500px;float:right;text-align:left;padding-top:10px;}
.schools a{font-size:12pt;}
.schools a:hover{color:#FF6633}

.poly{width:600px;padding-left:200px;}
.poly img{width:50px;height:50px;float:left;padding-top:20px;}
.poly a{text-align:left;padding-left:30px;padding-top:40px;width:400px;font-size:12pt;float:left;}
.poly a:hover{color:#FF6633}


/*GRAY PANEL*/
.hostel-introduction1{width:240px;float:left;}
.hostel-introduction1 a{font: 0.7em Tahoma,sans-serif;font-size: 11px;font-weight:bold;	text-decoration:none;}

.hostel-introduction2{width:240px;float:right;}
.hostel-introduction2 a{font: 0.7em Tahoma,sans-serif;font-size: 11px;font-weight:bold;	text-decoration:none;}

.download {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	text-align:center;
}
.download img{width:780px;height:1200px;float:left;border:0;padding-right:5px;}
.download a:hover{color:#FF6633}

.sitemap {
	padding-left:10px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	font-weight:bold;
	color: #666666;
	text-align:justify;
}
.sitemap a:hover{
	color:#FF6633
}
.hostelservices {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	font-weight:bold;
	color: #666666;
	text-align:justify;
}
.hostelinfo {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	text-align:justify;
}
.hostelinfo img{width:195px;height:170px;float:left;border:0;padding-right:5px;}

#hostelfacility {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	font-weight:bold;
	color: #666666;
	text-align:justify;
}
#hostelfacility img{width:165px;height:100px;float:left;border:0;padding-right:5px;}

div.figure-joo-chiat-1 {
  width:150px;
  height:160px;
  float:left;
  margin:0.5em;
  padding:0.5em;
}
div.figure-joo-chiat-1 img{width:150px;height:200px;}

div.figure-joo-chiat-1 p {
  text-align: center;
  font-size: 11pt;
  text-indent: 0;
}

div.figure-joo-chiat-2 {
  float:left;
  width:200px;
  margin:0.5em;
  padding:0.5em;
}
div.figure-joo-chiat-2 p {
  text-align: center;
  font-size: 11pt;
  text-indent: 0;
}

div.figure {
  float:left;
  width:165px;
  margin:0.5em;
  padding:0.5em;
}
div.figure p {
  text-align: center;
  font-size: 11pt;
  text-indent: 0;
}
#siglapfacility {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	font-weight:bold;
	color: #666666;
	text-align:justify;
}
#siglapfacility img{width:250px;height:200px;float:left;border:0;padding-right:5px;}
div.figure-siglap {
  float:left;
  width:250px;
  margin:0.5em;
  padding:0.5em;
}
div.figure-siglap p {
  text-align: center;
  font-size: 11pt;
  text-indent: 0;
}
.hostellocation {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	text-align:justify;
	width:670px;
}

.hostelinfo1 {
	padding-top:15px;
	padding-right:10px;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	text-align:justify;
}
.hostelinfo1 img{width:250px;border:0;padding-right:5px;}
div.figure-schools {
  float:left;
  width:250px;
  margin:0.5em;
  padding:0.5em;
}
div.figure-schools p {
  text-align: center;
  font-size: 10pt;
  text-indent: 0;
}
#locationtext{width:200px;font-weight:bold;float:left;}
#locationtext a:hover{color:#FF6633}
#hostellocation img{width:420px;height:300px;float:left;border:0;padding-right:5px;}
#locationtext-siglap{color: #666666;font: 0.8em Tahoma, sans-serif; width:220px;font-weight:bold;float:right;text-align:left;}
#locationtext-siglap a:hover{color:#FF6633}
#hostellocation img{width:300px;height:300px;float:left;border:0;padding-right:5px;}
div.figure-map-siglap {
  float:left;
  width:400px;
  height:300px;
  border:0;
  margin:0.5em;
  padding:0.5em;
}
div.figure-map {
  float:right;
  width:400px;
  height:300px;
  margin:0.5em;
  padding:0.5em;
}
div.figure-map p {
  text-align: center;
  font-size: 11pt;
  text-indent: 0;
}
/*TEXT STYLES*/
.bodytext {
	padding-top:15px;
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	text-align:right;
}
.bodytext1 {
	padding-top:15px;
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	text-align:justify;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#CC0000;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0033FF;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
td{FONT-FAMILY: Arial; FONT-SIZE: 14px ; text-align: left;line-height:1.3em;}

td.down{ FONT-FAMILY: Arial; FONT-SIZE: 12px ;}

.pricelist{font-weight:bold;font-style:italic;}
.pricelist h2{text-decoration:underline}
.pricelist ul{list-style-type: disc}