/* * {margin:200 200 0 75;padding:0;border:none;font-size:1em;} */  


/* wrapper div does not seem to make much difference */
#wrapper {
	margin: 0px auto 0px auto;
}

#sub-wrapper
  {
 	width:90%;
	 margin: 0px auto 0px auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
 }

body
{
	background : #FCFCFF;
}

normal, b, h1, h2, h3, h4, h5, td, div
{
	color: #003366; 
	font-family :   Verdana, Arial, Helvetica, sans-serif;
} 

h1
{
	font-size: 12pt;
	   font-family :   Verdana, Arial, Helvetica, sans-serif;
}



h2
{
	font-size: 16pt;
	   font-family :   Verdana, Arial, Helvetica, sans-serif;
}

A
{
	color: #002F5E;
	}
A:link
{
	color: #002F5E;
	}
A:hover
{
	color: Red;
}

br {
	clear: left;
}


/* topmenu setting */
table.Topmenu {
  width: 100%;
  padding-left: 0px;
  margin-bottom: 0px;
}

table.Topmenuxxx td {
  width: 150px;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  background: #EEEEEE;
  padding: 5px;
  margin: 0px;
  text-align: center;
  font-size: 16px;
}

table.Topmenu td {
  
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  text-align: center;
}

.Topmenu td {
  background:hover #11EEEE;
  padding: 5px;
  margin: 0px;
}

table.noticeboard {
	width: 100%;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

table.noticeboard_select {
	/* width: 100%; */
	color: #000000;
	background-color: #F0F0F0;
}



table.noticeboard_recent5 {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
table.noticeboard_recent5 td {
  background: #DDDDDD;
  padding: 0px;
  margin: 0px;
}




table.noticeboard_last5 {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 5px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}
table.noticeboard_last5 td {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
}
table.forum_last5 {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 5px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}
table.forum_last5 td {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
}

table.noticeboard_header {
	color: #000000;
	background-color: #FFFFFF;
}

legend.noticeboard {
	color: color: #003366;
	font-weight: bold;
	border: 2px solid #003366;
	padding-top: 1em;
	padding-bottom : 1em;
	padding-left: 1em;
	padding-right : 1em;
	}

input.noticeboard {
	display: block;
	width: 20em;  
	float: left;
	border: 4px solid #BBCCDD;
	background-color: #F0F0F0;
	margin: 5px;
	padding: 2px;
}

input.noticeboard_required {
	display: block;
	width: 20em;
	float: left;
	border: 4px solid #BBCCDD;
	background-color: #F0F0F0;
	margin: 5px;
	padding: 2px;
}

input.price {
	display: block;
	/* width: 20em;  */
	float: left;
	border: 4px solid #BBCCDD;
	background-color: #F0F0F0;
	margin: 5px;
	padding: 2px;
}

textarea.noticeboard_required {
	width: 35em;
	float: left;
	border: 4px solid #BBCCDD;
	background-color: #F0F0F0;
	/* background-color: #EEEEEE; */
	margin: 5px;
	padding: 2px;
}
input.noticeboard_error {
	display: block;
	width: 20em;
	float: left;
	border: 1px dotted #FF0000;
	background-color: #FFEEDD;
	margin: 5px;
	padding: 2px;
}
input.noticeboard_search {
	display: block;
	width: 10em;
	float: left;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	margin: 5px;
	padding: 2px;
}


textarea.noticeboard_error {
	width: 35em;
	float: left;
	border: 1px dotted #FF0000;
	background-color: #FFEEDD;
	margin: 5px;
	padding: 2px;
}

select.noticeboard {
	/* width: 10em; */
		float: left;
	background-color: #EEEEEE;
	margin: 5px;
	padding: 2px;
}


.7emwidetextright {
	width: 7em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: right;
}

.25emtextleft {
	width: 25em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: left;
}

label.noticeboard_2 {
	width: 7em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: right;
}


label.noticeboard {
	width: 7em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: right;
}
/* used by accommodation label on listing page */

label.noticeboard8em {
	width: 8em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: right;
}

label.noticeboard_center {
	width: 25em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: left;
}

label.noticeboard_right {
	width: 20em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: left;
}

label.noticeboard_35 {
	width: 42em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: left;
}
label.noticeboard_img {
	width: 2em;
	float: left;
	margin: 5px;
	padding: 2px;
	text-align: left;
}

#writead_header1 {
	border: 1px solid #CCCCCC;
	background-color: #FFEEDD;
	width: 2em;
	margin: 5px;
	padding: 2px;
}
#writead_header2 {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	width: 2em;
	margin: 5px;
	padding: 2px;
}
#writead_header3 {
	border: 1px dotted #FF0000;
	background-color: #FFEEDD;
	width: 2em;
	margin: 5px;
	padding: 2px;
}



#index_tablecell {
	background-color: #F7F7F7;
	padding: 5px;
}
#index_tablecell_noentries {
	background-color: #FFFFFF;
	padding: 5px;
}
#index_tablecellcenter {
	background-color: #F7F7F7;
	text-align: center;
	vertical-align: center;
	padding: 5px;
}


#select_table {
	width: 100%;
	text-align: center;
	margin: 5px;
	/* background-color: #F7F7F7; */
}
#select_tablecell {
	width: 100%;
	text-align: right;
	/* background-color: #F7F7F7; */
}


#pagenav_table {
width: 80%;
margin: 0px auto 0px auto;
	/* background-color: #F7F7F7; */
}


#pagenav_first {
	text-align: left;
	width: 25%;
}
#pagenav_last {
	text-align: right;
	width: 25%;
}
#pagenav_previous {
	text-align: center;
	width: 25%;
}
#pagenav_next {
	text-align: center;
	width: 25%;
}

#pagenav_button_first {
	width: 100px;
}
#pagenav_button_last {
	width: 100px;
}
#pagenav_button_previous {
	width: 100px;
}
#pagenav_button_next {
	width: 100px;
}



/* New in 1.2.2 */
#privateAd {
    width: 100%;
	border: 2px solid lightgrey;
	background-color: #white;
	padding: 0px;
}
#commercialAd {
    width: 100%;
	border: 2px solid #AA0000;
	background-color: #white;
	padding: 0px;
}



/* New in 1.3 */

/* Ad Type - create an id for every type. "hnbAdTypeX" where X = id from type table */
#hnbAdType1 {
	font-weight: normal;
	text-align: center;
	color: #990000;
}
#hnbAdType2 {
	font-weight: normal;
	text-align: center;
	color: #009900;
}
#hnbAdType3 {
	font-weight: normal;
	text-align: center;
	color: #000099;
}
/* more examples */
#hnbAdType4 {
	font-weight: bold;
	text-align: center;
	color: #AA0000;
}
#hnbAdType5 {
	font-weight: normal;
	text-align: center;
	color: #000000;
}


.hnbFooter {
    color: #BBBBBB;
    font-size: 9px;
    text-align: center;
}

.hnbFooter a {
    color: #BBBBBB;
    font-size: 9px;
    text-align: center;
    text-decoration: none;
}
#hnbFooterIE {
    color: #BBBBBB;
    font-size: 9px;
    text-align: center;
    text-decoration: none;
}




.hnbTable {
	width: 80%;
	background-color: #F2CD5B;
	margin: 0px auto 0px auto;
	padding: 0px;
	bordercollapse: collapse;
}
.hnbTable th {
    font-size: 20px;
	color : Blue;
    font-weight: bold;
    text-align: left;
	background-color: #EEEEEE;
	border-left: 1px solid white;
	border-top: 1px solid white;
	margin: 0px;
	padding: 5px
	
}
.hnbTable td {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
	margin: 0px;
	padding: 5px;
}

.hnbRecent5 {
	width: 100%;
	background-color: lightgrey;
	margin: 0px;
	padding: 0px;
	bordercollapse: collapse;
}
.hnbRecent5 th {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
	background-color: #EEEEEE;
	border-left: 1px solid white;
	border-top: 1px solid white;
	margin: 0px;
	padding: 5px;
}

.hnbRecent5 td {
  background: #F7F7F7;
  padding: 5px;
  margin: 0px;
  text-align: center;
}

.hnbRecent3 td {
  background: #F7F7F7;
  padding: 2px;
  margin: 0px;
  text-align: center;
}


/* show_category.php */
#hnbTopTextTop {
	font-weight: bold;
	text-align: left;
	color: #777777;
	background: white;
	padding: 5px;
}
#hnbTopTextBottom {
	font-weight: normal;
	text-align: left;
	color: #777777;
	background: white;
	padding: 5px;
}

.hnbCommercial {
  background: #FFEEBB;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: center;
  /* display: block; */
  border-left: 1px solid white;
  border-top: 1px solid white;
}
.hnbFeatured {
  background: #DDFFDD;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: center;
  /* display: block; */
  border-left: 1px solid white;
  border-top: 1px solid white;
}
.hnbNormal {
  background: #F5F5F5;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: center;
  border-left: 1px solid white;
  border-top: 1px solid white;
}


/* show_ad.php */
#hnbAdHeader {
    text-align: left;
    font-weight: bold;
	margin: 0px;
	padding: 10px;
}
#hnbAdText {
    text-align: left;
    font-weight: normal;
	margin: 0px;
	padding: 10px;
}
#hnbAdImage {
    text-align: center;
    vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#hnbAdInfo {
    text-align: left;
    font-weight: normal;
	margin: 0px;
	padding: 10px;
}
#hnbAdToolbar {
    text-align: left;
    font-weight: normal;
	margin: 0px;
	padding: 10px;
}

xxbody{
 margin-top:     0;
  margin-left:    0;
  margin-right:   0;
  margin-bottom:  0;
  padding-top:    0;
  padding-left:   0;
  padding-right:  0;
  padding-bottom: 0;
  border-top:     0;
  border-left:    0;
  border-bottom:  0;
  border-right:   0;
  width:  auto;
  background-color: #ffffff;
   font-size : 12px; 
   font-family : Verdana, Arial, Helvetica, sans-serif;
}
tdxx{
   font-size : 12px; 

}

.title{
	font-size : 16px;
	color: #ffffff;
}

.aah {
	border-bottom : 1px solid #104a7b; 
	border-right : 1px solid #104a7b;
	border-left : 1px solid #afc4d5; 
    border-top : 1px solid #afc4d5;
	background-color: #ffffff;
}
.aah.td{
font-size : 12px; 
   font-family :   Verdana, Arial, Helvetica, sans-serif;
	}
}
.stat {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #104a7b;
}
input,textarea {
	 font-weight: bold;
	 font-family :   Verdana, Arial, Helvetica, sans-serif;
}
.footer {
	font-size: 10px;
	font-family :   Verdana, Arial, Helvetica, sans-serif;
}
select option{
margin-right: .5em;
}



img {
	behavior: url("../pngbehavior.htc");
	}


/* the next two items are used with the javasript rollover.js and the class is called within that script */
img.border {
	position: fixed; left: 400px; top:90px;
	 border-color: white;
    border-width: 10px;
    border-style: solid;
}

a.imagetext {
position: fixed; left: 410px; top:100px;
}