@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body, #wrap {
	height:90%;
}

body > #wrap {
	height:auto;
	min-height:100%;
}

body {
	width:100%;
	background-image:url(../images/background.jpg);
	background-attachment:fixed;
}

#wrap {
	width:800px;
	margin:0 auto;
	margin-top:10px;
}

#header {
	width:800px;
	clear:both;
}

#headerlogo {
	float:left;
	position:relative;
	text-align:left;
	width:50%;
	padding-left:20px;
}

#headerlinks {
	float:right;
	position:relative;
	width:30%;
	height:45px;
	padding-top:45px;
	text-align:right;
}

#headerlinks ul {
	list-style:none;
	padding:0;
	padding-left:100px;
	padding-top:25px;
	margin:0;
}

#headerlinks ul li {
	float:left;
	margin:0 0em;
}

#headerlinks ul li a {
	width:9em;
	margin-left:5px;
	margin-right:5px;
}

/* Hide from IE5-Mac \*/
#headerlinks ul li a {
	float:none
}
/* End hide */

#headerbody {
	width:800px;
	height:339px;
	background-image:url(../images/header2_background.png);
	background-repeat:no-repeat;
	clear:both;
}

#window {
	width:800px;
	height:297px;
	clear:both;
}

#register {
	float:right;
	position:relative;
	width:320px;
	text-align:justify;
	padding-right:40px;
	padding-top:30px;
}

#register hr {
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

#register dt.form {
	margin-top:6px;
	padding-left:5px;
	clear:both;
	text-align:right;
}

#register dd.form2 {
	margin-top:-19px;
	padding-left:5px;
	clear:both;
}

#register dl {
	width:100%;
	position:relative;
	margin-top:10px;
	margin-left:15px;
	clear:both;
}

#register dt {
	float:left;
	position:relative;
	line-height:12pt;
	width:28%;
}

#register dd {
	float:right;
	position:relative;
	width:68%;
	text-align:left;
	margin-top:5px;
}

#register p {
	clear:both;
}

#FName, #LName, #Email {
	width:90%;
	font-family:arial;
	font-size:8pt;
}

#Room {
	width:92%;
	font-family:arial;
	font-size:8pt;
}

#From, #To {
	width:40%;
	font-family:arial;
	font-size:8pt;
}

#clear, #submit {
	margin-bottom:10px;
	font-family:arial;
	font-size:9pt;
}

#wphotos {
	float:left;
	position:relative;
	width:388px;
	text-align:left;
	padding-left:30px;
	padding-top:25px;
}

#menubar {
	width:800px;
	height:42px;
	background-image:url(../images/menu_bar.png);
	background-repeat:no-repeat;
	text-align:center;
}

#menubar ul {
	list-style:none;
	padding:0;
	padding-top:10px;
	margin:0;
	margin-left:15px;
}

#menubar ul li {
	float:left;
	margin:0 0em;
	margin-left:18px;
}

#menubar ul li a {
	width:9em;
	margin-left:10px;
	margin-right:10px;
}

/* Hide from IE5-Mac \*/
#menubar ul li a {
	float:none
}
/* End hide */

#gap {
	width:800px;
	height:10px;
	clear:both;
}

#mainbody {
	width:800px;
	margin:0 auto;
	clear:both;
}

#bodytop {
	background-image:url(../images/white_top.png);
	background-repeat:no-repeat;
	width:800px;
	height:20px;
	clear:both;
}

#body {
	background-color:#FFF;
	width:730px;
	min-height:0px;
	padding-left:35px;
	padding-right:35px;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}

#bodybottom {
	background-image:url(../images/white_bottom.png);
	background-repeat:no-repeat;
	width:800px;
	height:20px;
	clear:both;
}

#footer {
	width:760px;
	height:20px;
	margin:0 auto;
	margin-top:8px;
	padding-left:20px;
	padding-right:20px;
	clear:both;
}

#copyright {
	float:left;
	position:relative;
	text-align:left;
	width:50%;
}

#jm_asia {
	float:right;
	position:relative;
	text-align:right;
	width:50%;
}

#spacer {
	clear:both;
	height:0px;
}

a:link {
	color:#FFF;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
	color:#FFF;
}
a:active {
	text-decoration:none;
	color:#000;
}

a.orange_text:link {
	color:#b15306;
	text-decoration:none;
}
a.orange_text:visited {
	text-decoration:none;
	color:#b15306;
}
a.orange_text:hover {
	text-decoration:underline;
	color:#b15306;
}
a.orange_text:active {
	text-decoration:none;
	color:#b15306;
}

a.brown_text:link {
	color:#493008;
	text-decoration:none;
}
a.brown_text:visited {
	text-decoration:none;
	color:#493008;
}
a.brown_text:hover {
	text-decoration:underline;
	color:#493008;
}
a.brown_text:active {
	text-decoration:none;
	color:#493008;
}

a.normal_text:link {
	color:#333;
	text-decoration:none;
}
a.normal_text:visited {
	text-decoration:none;
	color:#333;
}
a.normal_text:hover {
	text-decoration:underline;
	color:#333;
}
a.normal_text:active {
	text-decoration:none;
	color:#333;
}

.header_links {
	font-family:arial;
	font-weight:bold;
	font-size:9pt;
	color:#FFF;
}

.main_text {
	font-family:arial;
	font-size:9pt;
	color:#000;
}

.red_text {
	font-family:arial;
	font-size:9pt;
	color:#F00;
}

.menu_links {
	font-family:arial;
	font-size:10pt;
	color:#FFF;
}

.menu_text {
	font-family:arial;
	font-size:10pt;
	color:#000;
}

.footer_text {
	font-family:arial;
	font-size:8pt;
	color:#333;
}

.title_text {
	font-family:arial;
	font-weight:bold;
	color:#336600;
}

.test_text {
	font-family:arial;
	font-weight:bold;
	font-size:10pt;
	color:#336600;
}

.rtitle_text {
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	color:#493008;
}

.brown_text {
	font-family:arial;
	font-weight:bold;
	font-size:10pt;
	color:#493008;
}

/* Layout for Index Page */

#welcometext {
	float:left;
	position:relative;
	width:60%;
	text-align:justify;
}

#welcometext h1, #riverkids h1 {
	font-family:arial;
	font-size:13pt;
}

#welcometext p, #riverkids p {
	margin-top:15px;
	margin-bottom:15px;
}

ul.green {
	line-height:15px;
}

ul.green li {
	padding-left:30px;
	list-style-type:none;
	background:url(../images/green_arrow.png) no-repeat 2px 1px;
}

#welcometext ul li {
	margin-left:10px;
	margin-bottom:20px;
}

#bar {
	float:left;
	position:relative;
	width:45px;
	min-height:325px;
	background-image:url(../images/spacer_bar.png);
	background-repeat:repeat;
}

#riverkids {
	float:right;
	position:relative;
	width:33.50%;
	text-align:left;
}

#riverkids img {
	vertical-align:middle;
}

/* Layout for About Us Page */

#abouttext {
	position:relative;
	width:730px;
	text-align:justify;
}

#abouttext h1 {
	font-family:arial;
	font-size:13pt;
}

#abouttext p {
	margin-top:15px;
	margin-bottom:15px;
}

/* Layout for Rooms & Facilities Page */

hr {
	margin-top:15px;
	margin-bottom:15px;
}

#roomstext {
	position:relative;
	width:730px;
	text-align:justify;
}

#roomstext h1 {
	font-family:arial;
	font-size:13pt;
}

#roomstext p {
	margin-top:15px;
	margin-bottom:15px;
}

#roomthumbs img {
	padding-left:1px;
}

#roomthumbs p {
	margin-bottom:15px;
}

#roomthumbs ul {
	width:500px;
	list-style:square;
	line-height:12pt;
	margin-left:30px;
	margin-bottom:20px;
}

#facilitytext {
	position:relative;
	width:730px;
	text-align:justify;
}

#facilitytext p {
	margin-top:15px;
	margin-bottom:5px;
}

#facilitytext ul {
	width:500px;
	list-style:square;
	line-height:12pt;
	margin-left:30px;
	margin-bottom:20px;
}

/* Layout for Getting Around Page */

#gettingtext {
	float:left;
	position:relative;
	width:70%;
	text-align:justify;
}

#gettingtext h1 {
	font-family:arial;
	font-size:13pt;
}

#gettingtext p {
	margin-top:15px;
	margin-bottom:15px;
}

#gettingtext ul li {
	height:25px;
	margin-left:10px;
	margin-bottom:5px;
	line-height:15pt;
}

#gettingmap {
	float:right;
	position:relative;
	width:30%;
	text-align:right;
	margin-top:10px;
}

#gettingtext2 {
	width:100%;
	text-align:justify;
	padding-top:2px;
	clear:both;
}

#gettingtext2 p {
	margin-top:15px;
}

/* Layout for Rooms & Facilities Page */

#testtext {
	position:relative;
	width:730px;
	text-align:justify;
}

#testtext li {
	padding-left:30px;
	padding-bottom:10px;
	padding-top:3px;
	list-style-type:none;
	background:url(../images/green_arrow.png) no-repeat 2px 1px;
}

#testtext h1 {
	font-family:arial;
	font-size:13pt;
}

#testtext p {
	margin-top:15px;
	margin-bottom:15px;
}

#testuser {
	text-align:right;
}

/* Layout for Contact Us Page */

#contacttext {
	float:left;
	position:relative;
	width:55%;
	text-align:justify;
}

#contacttext h1 {
	font-family:arial;
	font-size:13pt;
}

#contacttext p {
	margin-top:15px;
	margin-bottom:15px;
}

#contacttext dt.form {
	margin-top:6px;
	clear:both;
}

#contacttext dd.form2 {
	margin-top:-19px;
	clear:both;
}

#contacttext dl {
	width:100%;
	position:relative;
	margin-top:20px;
	clear:both;
}

#contacttext dt {
	float:left;
	position:relative;
	line-height:12pt;
	text-align:right;
	width:15%;
}

#contacttext dd {
	float:right;
	position:relative;
	width:80%;
	text-align:left;
	margin-top:8px;
}

#Name, #Email2, #Message {
	width:90%;
	font-family:arial;
	font-size:8pt;
}

#contactdetails {
	float:right;
	position:relative;
	width:40%;
	text-align:center;
}

#contactdetails p {
	margin-top:2px;
	margin-bottom:2px;
}

#contactdetails img {
	margin-top:-10px;
}
