/* songtan.css stylesheet for the osan-info/offbase subdirectory of rao-osan.com */

a:link {
	font-family: "Arial Narrow";
	font-weight: bold;
	color: #800000;
	background-color: #ffffcc; 
	text-decoration: none;
	}

a:visited {
	font-family: "Arial Narrow";
	font-weight: bold;
	color: #800000;
	background-color: #ffffcc;
	text-decoration: none;
	}

a:hover {
	font-family: "Arial Narrow";
	font-weight: bold;
	color: #ffffcc;
	background-color: #800000;
	text-decoration: none;
	}

a:active {
	font-family: "Arial Narrow";
	font-weight: bold;
	color: #ffffcc;
	background-color: #800000;
	text-decoration: none;
	}

h1 {	/* page title */
font-family: Tahoma, Arial, sans-serif;
font-size: 32px;
font-style: bold;
color: #800000;
text-align: center;
border: 0;
margin: 0;
padding: 0;
}

h2 {	/* title sub-head */
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
font-color: #800000;
text-align: center;
border: 0;
margin: 0;
padding-left: 50px; padding-right: 50px;
}

h3 {	/* table titles */
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-color: #800000;
text-align: center;
border: 0;
margin: 0;
padding: 0;
}
h4 {	/* update info */
font-family: Times, serif;
font-size: 15px;
font-weight: normal;
font-style: italic;
font-color: #800000;
text-align: center;
border: 0;
margin-top: 0; margin-bottom: 0;
padding: 0;
}

h5 {	/* bottom prompts */
font-family: Arial, sans-serif;
font-size: 15px;
font-color: #800000;
text-align:left;
margin-top: 10px; margin-left: auto; margin-bottom: 10px; margin-right: auto;
padding: 5px;
}

	h5.just {text-align: justify;} /* for Club intro */
	h5.space {padding-right: 25px;} /* for navigation menu at bottom */
	
body {align: center;
	text-align: center;
	}
	
	.club {background-image: url(images/yello051.jpg);}
	.hotel {background-image: url(images/yello078.jpg);}
	.shop {background-image: url(images/yello037.gif);}
	.rest {background-image: url(images/yello078.jpg);}
	.map {background-image: url(images/yello045.gif);}
	.tsong {background-image: url(images/yello059.gif);}
	.tbars {background-image: url(images/yello076.jpg);}
	.town {background-image: url(images/texture055.jpg);}
	.shallie {background-image: url(images/texture055.jpg);}
	.house {background-image: url(images/genbk095.gif);}

p {		/* intro and table text */
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
font-color: black;
text-align: left;
border: 0;
margin: 0;
padding-left: 3px; padding-right: 3px;
}

#page {
	width: 800px;
	border: solid #800000 5px;
	background-color: #ffffcc;
	margin: auto;
	}

table {
	width: 800px;
	border: solid #80000 5px; background-color: #ffffcc;
	margin-left: auto; margin-right: auto;
	padding: 0;
	vertical-align: top;
	text-align: top;
	border-collapse: collapse;
	}
	
	table.top-nav th {border: 3px solid #800000;
			background-color: #ffffcc;
			color: #800000;
			border-collapse: collapse;
			}

	th {
	text-align: center;
	background-color: #800000;
	border: solid #800000 3px; border-right: 3px solid #ffffcc;
	color: #ffffcc;
	margin: 0;
	padding: 2px;
	}
	
	th.top {background-color: #ffffcc; color: #800000;}
	
	th.cols {border: 2px solid #800000;  
		background-color: #ffffcc;
		color: #800000;
		}

	td {font-family: Arial, sans-serif;
	font-size: 15px;
	color: black;
	text-align: left;
	background-color: #ffffcc;
	border: solid #800000 2px;
	margin: 0;
	padding: 2px;
	}
	
	tr,td.top-nav {height: 17px;
		font-family: Arial;
		font-size: 15px;
		color: #ffffcc;
		text-decoration: none;
		}

	td.nav {align: center;
		font-family: Arial Narrow;
		font-size: 15px;
		font-weight: bold;
		color: #800000;
		background-color: #ffffcc;
		text-align: center;
		text-decoration: none;
		border: 3px solid #800000;
		}
		
hr {border: 0px;
	align:left; 
	width: 100%; 
	height: 3px;
	background-color: #800000;}
 
img {border: 2px solid #800000; margin: 3px;}
img.nav {float: right; margin-top: -35px; border:0;}

li {font-family: "Arial Narrow", sans-serif; font-size: 15px; font-weight: bold;}

ul {margin-top: 10px; margin-bottom: 10px; padding: 0; 
	list-style-type: none; list-style-image: none;
	text-align: center;
	postion: relative;
	top: 0; left: 0px;}
li {display: inline; }
ul li a {text-decoration:none;
	margin: 0;
	padding: 0;
	color: #800000;
	background: #ffffcc;}
ul li a:hover {color: #ffffcc;
	background: #800000; }