CSS - http://www.poipu-inn.com/
http://www.poipu-inn.com/
http://www.poipu-inn.com/css/style.css

/*NORMALIZE FONT/EM SIZE*/

*{margin:0; padding: 0; text-align: left;}

img{border: 0px; margin: 0px; padding: 0px;}

html{font-size: 10px; color: #909090; font-family: "Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;}


/*FIXED WIDTH (EM) CENTERED*/

html{text-align: center;}

body{text-align: center; margin: 0px auto 0px auto; }

a:link {color: #000000; text-decoration:none;}

a:visited {color:#CCCCCC; text-decoration:none;}

a:hover {color: #990000; text-decoration:none; }

a:active {color: #000000; text-decoration:none;}

p2 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #666666;

	list-style-type: none;

	float: left;

	font-size: 0.9em;

}	

h1 {

	font-size: 1.5em;
	
	text-indent: 1em;
	
	font-family: Papyrus;

	color: #000000;

}

/*COMMON ELEMENT STYLES*/

#pageShell {

	background: #FFFFFF url('../images/sunnypoipu.jpg') no-repeat 50% 0;

	margin: 0px auto 0px auto;

	padding: 0px;

	width: 800px;
	
	text-align: left;

}

#pageContent {

	margin: 0px;

	padding: 0px;

	width: 784px;
	
	height: 665px;

	text-align: left;

	position: relative;

}


#pageContent div#pageRight {

	margin: 300px 0px 0px 0px;

	padding: 0px;

	width: 545px;

	float: right;

}

#pageContent div#pageLeft {

	margin: 5px 0px 0px 0px;

	padding: 0px;

	width: 200px;

	float: left;

}

#pageContent div#pageLeft div.sidenav h1 {

	line-height: 21pt;
	
	margin: 0px 0px 0px 0px;

	padding: 0px 0px 8px 0;

	font-size: 1.5em;

	font-weight: normal;
	
	font-family: Papyrus;
	
	text-indent: 1em;

	color: #000000;

}

#pageContent div.contentShell {

	margin: 0px;

	padding: 0px 0px 0px 0px;

}


#pageContent div#pageRight div.dated {

	margin: 20px 170px 0px 100px;

	padding: 0px 0px 5px 0px;

	font-weight: normal;

	color: #8D8D8D;

}


#pageContent div#pageRight div.dated p {

	margin: 0px;

	padding: 0px 0px 8px 0;

	font-size: 1em;

	font-weight: normal;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-style:italic;
	
	text-indent: 2em;

	color: #000000;

}

#pageContent div#pageRight div.dated2 {

	margin: 15px 215px 17px 25px;

	padding: 0px 0px 0px 0px;

	font-weight: normal;

}

#pageContent div#pageRight div.dated2 p {

	margin: 0px;

	font-size: 1em;

	line-height: 12pt;

	font-weight: normal;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-style: italic;
	
	text-indent: 2em;

	color: #000000;

}

#pageContent div#pageRight div.dated p {

	margin: 0px;

	padding: 0px 0px 4px 0px;

	font-size: 1em;
	
	line-height: 12pt;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

}

#pageContent div#imagelinks {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	width: 680px;
	
	height: autopx;
	
	float: right;

}

#pageContent div#copyright {

	margin: 8px 0px 0px 4px;

	padding: 0px;

	width: 780px;
	
	height: 14px;
	
	float: left;
	
	line-height: 1em;

}

#hvb1 {

	margin: 2px 0px 0px 2px;

	padding: 0px;
	
	float: left;
	
}


#best {
	
	margin: -5px 140px 0px auto;

	padding: 0px;
	
	float: right;
}

#text {

	margin: 0px -5px 0px 0px;

	padding: 0px;
	
	float: right;
	
}

div.clearFloats {

	clear: both;

	height: 1px;

}

#nav li {

	float: left;

	margin: 0;

	padding: 0;

	font-family: Papyrus;

	font-size: 1em;
}