table { position: relative;}

a {
 text-decoration: none;
 color:#084808;
 font-weight:bold; 
}

a:hover {
 text-decoration: underline; 
 color:#0A730A;
 font-weight:bold;
}

body {
 min-width: 470px;
 font-family: Georgia,verdana, sans-serif;
 background: #8DC7EF;
 color: #2E1F00;
 margin: 0;
 padding: 0; 
}

* html body {
 overflow: hidden;
}

*:first-child+html body {
 overflow: hidden;
}

TEXTAREA { behavior: url(http://www.hawaiihostelsguide.com/includes/maxlength.htc)}



#branding {
 position: absolute;
 top: 0;
 background:url(http://www.hawaiihostelsguide.com/img/topbg.jpg) repeat-x ;
 width: 99.9%;
}	

#banner {
 padding: 0;
 margin: 0 0 0 10px;
 float: left; 
 color:black;
}

#banner h1{
 font-size: 30pt !important;
 margin:  0;
 padding: 0;
} 

#banner i{
 font-size: 9pt !important;
 font-weight: bold;
 margin: 0 ;
 padding: 0;
}

#navigatgion {
  position: absolute;
  z-index: 2;
	top: 143px;
	left: 147px;
  width:99.9%;
	margin: 0;
	padding: 0;
}

#main {
 padding-left: 132px; 
 padding-right: 220px;
 margin-top: 133px;
 border-top: 1px solid #2E1F00;
}


#main .column {
 position: relative;
 float: left;

}

/* begin  mainnojs*/

#mainnojs {
 padding-left: 130px; 
 padding-right: 220px;
 padding-top: 34px;
 margin-top: 120px;
}


#mainnojs .column {
 position: relative;
 float: left;

}

/* end  mainnojs*/


#center { width: 100%; padding-top: 0; padding-left: 5px; padding-right: 5px; margin-top: 10px;}

#left { padding-left: 3px; padding-right: 3px; width: 132px; right: 142px; margin-left: -100%;}

* html #left {left: 205px;}
*:first-child+html  #left {left: 205px;}
#right { padding-right: 0; padding-top: 5px; width: 205px; margin-right: -215px; margin-top: 22px;}


/* BEGIN TOPNAV */
#topnav, #topnav ul { /* all lists */
  position: absolute;
	margin: 0 0 0 -40px;
	list-style-type: none;
	list-style-image: none;
	line-height: 15px;
	border-right: 1px solid #2E1F00;
}



* html #topnav {padding-left: 40px}
*:first-child+html #topnav {padding-left: 40px}


* html #topnav ul {padding-left: 39px}
*:first-child+html #topnav ul {padding-left: 39px}

#topnav a {
  font-stretch: ultra-condensed;
	font-weight: bold;
	display: block;
	width: 100px;
	color: #D3D397;
	background: #0A520A;
	text-decoration: none;
  text-align: center;
	font-size: 8pt !important;
	margin: 0;
	padding: 1px 0 1px 0;
}

#topnav a:hover {
  font-stretch: ultra-condensed;
	font-weight: bold;
	display: block;
	width: 100px;
	color: #ECECD3;
	background: #084808;
	text-decoration: none;
	text-align: center;
	font-size: 8pt !important;
	margin: 0;
	padding: 1px 0 1px 0;
}

#topnav li { /* all list items */
  border-left: 1px solid #2E1F00;
  float: left;
	margin: 0;
	width: 100px; 
}

.islandbutton {border-top: 1px solid #2E1F00; margin-left: 1px;}

#topnav li ul a, #topnav li ul a:hover {  border-bottom: 1px solid #2E1F00;}

#topnav li ul { /* second-level lists */
  padding-top:1px;
  width: 101px;
	left: -999em; 	

}

#topnav li:hover ul, #topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
  position: absolute;

}

#submitbutton a {

  margin: 10px 7px 10px 8px;
  border: 2px solid #2E1F00;
	text-align: center;
  line-height: 20px;
	font-stretch: ultra-condensed;
  font-size: 10pt !important;
	font-weight: bold;
	color: #D3D397;
	background: #0A520A;
	display: block;
	width: 115px;
	padding: 5px 2px 5px 2px;
}

#submitbutton a:hover {

  margin: 10px 7px 10px 8px;
  border: 2px solid #2E1F00;
	text-align: center;
  line-height: 20px;
	font-stretch: ultra-condensed;
  font-size: 10pt !important;
	font-weight: bold;
	color: #ECECD3;
	background: #084808;
	display: block;
	text-decoration: none;
	width: 115px;
	padding: 5px 2px 5px 2px;
	
}

#quicksearch {
 margin:0;
}

#qsearch {
 margin: 10px 7px 10px 8px;
 border: 2px solid #2E1F00;
 font-stretch: ultra-condensed;
 font-size: 10pt !important;
 line-height: 20px;
 text-align: center;
 width: 117px;
 padding: 2px 0 3px 0;
 color: #2E1F00;
 background: #ECECD4;
}

#leftreviewbutton{ margin: 0 0 15px 5px; padding: 0; }

#leftnav { padding: 0;
 margin: 10px 7px 10px 8px;
 border-top: 2px solid #000000;
 border-right: 2px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 2px solid #000000;
 width: 119px;
 overflow: hidden;}

#catnav a {
  line-height: 15px;
	font-stretch: ultra-condensed;
  font-size: 8pt !important;
	font-weight: bold;
	color: #D3D397;
	background: #0A520A;
	display: block;
	width: 100%;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #2E1F00;
}

#catnav a:hover {
  line-height: 15px;
	font-stretch: ultra-condensed;
  font-size: 8pt !important;
	font-weight: bold;
	color: #ECECD3;
	background: #084808;
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #2E1F00;
}

#leftlinks {
 font-stretch: ultra-condensed;
 font-size: 8pt !important;
 font-weight: bold;
 border-left: 2px solid #0A520A;
 margin: 15px 0 15px 8px;
 padding: 0 0 0 5px;
 text-align: left;
}

#leftlinks a:hover {line-height:17px;}
#leftlinks a {line-height:17px;}
 
.content h1 {
  font-size: 160%;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0;
}

.content h2 {
 padding: 3px 3px 3px 10px;
 margin-left: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 120%;
 font-weight: bold;
 background: #3B78B9;
 color: #000000;
 border-bottom: 1px solid #2E1F00;
}

.content h3 {
 padding: 3px 3px 3px 15px;
 margin: 0 10px 5px 10px;
 font-size: 95%;
 font-weight: bold;
 background: #639ACA;
 color: #000000;
 border-bottom: 1px solid  #2E1F00;
}

.content p  {
  color: #2E1F00;
  background: #ECECD4;
  font-size: 100%;
	margin: 10px 15px 5px 15px; 
	padding-top: 2px;
	font-family: helvetica, sans-serif;
}

#info {
  position: relative;
	border: 2px solid #2E1F00;
	color: #2E1F00;
	background: #ECECD4;
	margin-top: 17px;
	margin-left:10px;
	margin-right: 6px;
}

#info h1 {
  font-size: 160%;
  text-align: center;
	margin-left: 0;
	margin-right: 0;
}


#regional {
 width: 99%;
 margin: 0;
 padding: 0;
}

#regional img {
 margin: 5px 10px 10px 10px;
 border: 2px solid #2E1F00;
}

* html #regional img {margin-top:15px;}

#listingimage img {
 border: 1px solid #2E1F00;
 margin-top: 5px;
}

#category {
 margin: 0;
 padding: 0;
}

#listings, #reviews, #results{ position: relative; }


#listings a {
 font-size: 125%;
 font-weight: bold;
} 

#listings b {
 font-size: 80%;
 font-weight: bold;
}
 
#listings p {
 line-height: 1.7;
 display: block;
 padding: 3px;
 color: #2E1F00;
 background: #ECECD4;
 border: 1px solid #2E1F00;
 margin: 10px 10px 5px 18px;
}

.ratinggifleft {
 margin:0;
 padding:0;
 border-top:1px solid black;
 border-bottom:1px solid black;
 border-left:1px solid black;
}

.ratinggifright {
 display:inline;
 margin:0;
 padding:0;
 border-top:1px solid black;
 border-right:1px solid black;
 border-bottom:1px solid black;
 
}

#listings h2 {
 line-height: 1.2;
 padding: 3px 3px 3px 30px;
 margin: 15px 0 7px 15px;
 font-size: 130%;
 font-weight: bold;
 background: #3B78B9;
 color: #000000;
 border-bottom: 1px solid  #2E1F00;
}

#results a {
 font-size: 100%;
 font-weight: bold;
} 

#results b {
 font-size: 80%;
 font-weight: bold;
}
 
#results p {
 line-height: 1.2;
 display: block;
 padding: 3px;
 color: #2E1F00;
 background: #ECECD4;
 border: 1px solid #2E1F00;
 margin: 10px 10px 5px 18px;
}

#results h2 {
 line-height: 1.2;
 padding: 3px 3px 3px 30px;
 margin: 15px 0 7px 15px;
 font-size: 130%;
 font-weight: bold;
 background: #3B78B9;
 color: #000000;
 border-bottom: 1px solid  #2E1F00;
}

#reviews h1 {
  line-height: 1.2;
  font-size: 160%;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0;
}

#reviews h2 {
line-height: 1.2;
 padding: 3px;
 margin-left: 15px;
 margin-top: 15px;
 margin-bottom: 7px;
 font-size: 120%;
 font-weight: bold;
 background: #3B78B9;
 color: #000000;
 border-bottom: 1px solid  #2E1F00;
}

#reviews p  {
 line-height: 1.2;
  color: #2E1F00;
  background: #ECECD4;
  font-size: 100%;
	margin: 5px 10px 5px 20px; 
	border: 1px solid #2E1F00;
	padding: 5px;
	font-family: helvetica, sans-serif;
}

#featuredheader  {
  clear: both;
  padding: 5px;
  text-align: center;
  width: 187px;
	color: #FFFF00;
	background: #2E1F00;
}
	

#featured  {
  text-align: center;
	width: 183px;
	border: 2px solid #2E1F00;
	padding: 5px;
	margin: 0 0 15px 0;
	color: #2E1F00;
	background: #ECECD4;
}

#featured p  { 
	font-size: 70%; 
	margin-top: 0; 
	margin-bottom: 3px;
}

#featuredheader h1 { 
  font-size: 100%;
	font-weight: bold;
	margin: 0;
 
}

#featured h2 { 
  font-size: 9pt !important; 
	margin-top: 0px; 
	margin-bottom: 6px;
	background: #ECECD4;
	color: #2E1F00;
	padding-top: 3px;
	padding-bottom: 3px;   
}

#featured img { 
  border: 2px solid #2E1F00;
	margin-top: 3px; 
	margin-bottom: 0;  
}

#error {
  font-size: 8pt !important;
  padding: 3px;
  width: 99.9%;
  border: 1px solid #2E1F00;
  background: red;
  color: #2E1F00;
  font-weight: bold;
  text-align: left;
}

#error h2{
  font-size: 16pt !important;
}

#instructions {
	width: 165px;
	padding: 2px;
	margin-top: 5px;
}

#newsheader {
 clear: both;
 padding: 5px;
 text-align: center;
 width: 187px;
 background: #2E1F00;
 color: #ECECD4;
}

#newsheader h1{font-weight: bold; font-size: 100%; margin: 0; }

#news {
 clear: both;
 padding: 5px;
 text-align: left;
 border: 2px solid #2E1F00;
 margin: 0 ;
 width: 183px;
 background: #ECECD4;
 color: #2E1F00;
}

#news h1{font-weight: bold; font-size: 95%; margin: 0; }

#news p{ font-size: 75%;}

#othernewsheader {
 margin:0;
 padding: 5px;
 text-align: center;
 width: 187px;
 background: #2E1F00;
 color: #ECECD4;
}

#othernewsheader h1{font-weight: bold; font-size: 90%; margin: 0; }

#othernews {
 padding: 5px;
 text-align: left;
 border: 2px solid #2E1F00;
 margin: 0 ;
 width: 183px;
 background: #ECECD4;
 color: #2E1F00;
}

#othernews h1{font-weight: bold; font-size: 85%; margin: 5px; }
/*#othernews h1 a {color:#2E1F00;}
#othernews h1 a:hover {color:#0A520A;}*/


#footer {
 position: relative;
 clear: both;
 margin: 0;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

#footer a { 
	text-decoration: none;
	text-align: center;
	font-size: 70%;
  font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
  padding-top: 0;
	padding-bottom: 0;
	border: 0;
	margin: 0;
}
  
#footer a:hover {
	text-decoration: underline;
	text-align: center;
	font-size: 70%;
  font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
  padding-top: 0;
	padding-bottom: 0;
	border: 0;
	margin: 0;
}

* html #footer-wrapper {
 float: left;
 position: relative;
 width: 99.9%;
}

#footer p {
	text-align: center;
	font-size: 90%;
	padding: 0;
	border: 0;
	margin-top: 5px;
}

#footer p a {
	font-size: 90%;
}

#footer p a:hover {
	font-size: 90%;
}

.submitform h2 {
 padding: 2px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 5px;
 margin-right:0;
 font-size: 95%;
 font-weight: bold;
 background: #3B78B9;
 color: #2E1F00;
 border-bottom: 1px solid  #2E1F00;
}

.submitform table tr td p{
font-size: 70%;
margin:0;
padding: 1px
}

.submitform {
 position: relative;
 width: 99.9%;
 padding: 0 ;
 margin: 0;
}


.submitform input{
 background-color: white !important;
 padding: 0;
 margin: 0;
}

.submitform select{
 background-color: white !important;
 padding: 0;
 margin: 0;
}

.submitform table{
 padding: 0;
 margin: 0;
}

.submitform tr{
 padding: 0;
 margin: 0;
}

.submitform td{
 padding: 0;
 margin: 0;
}

.archivearticle {
 margin:20px;
 padding:10px;
 color:#2E1F00;
 background:#ECECD4;
 border: 1px solid #2E1F00;
}

.archivearticle h1{
 text-align: left;
}

.archivearticle p{
color: #2E1F00;
background:#ECECD4;
}
 
#userpost textarea {
 display: block; 
 width: 380px; 
 background: white; 
 color: #2E1F00; 
 border: 1px solid #2E1F00; 
 margin: 0; 
 padding: 2px;
}

#userpost p {
 display: block; 
 width: 100px; 
 margin: 14px 0 2px 0; 
 padding: 0;
 font-weight: bold;
}

#userpost {
 position: relative;
 margin: 0;
 display: block; 
 padding: 5px; 
 font-weight: bold;
}


#register p {
 display: block; 
 width: 200px; 
 margin: 14px 0 2px 0; 
 padding: 0;
 font-weight: bold;
}

#register {
 position: relative;
 margin: 0;
 display: block; 
 padding: 5px; 
 font-weight: bold;
}

#sitemap ul li{
 font-size: 105%;
}
#sitemap ul li ul li{
 font-size: 100%;
}
#sitemap ul li ul li ul li{
 font-size: 95%;
}
#sitemap ul li ul li ul li ul li{
 font-size: 90%;
}