body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eeeeee;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-color: #385a96;
}

/*table {
	border-collapse: collapse;
}*/

a, a:visited {
	outline: none;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #54cbfc;
}

h1 {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #FFD430;
	font-variant: small-caps;
	font-family: Arial;
}

h2 {
	padding: 0;
	margin: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #ffff33;
	font-variant: small-caps;
}

img {
	border: none;
}

div {
	border: 0px dashed;
}

input, textarea, select {
	border: #17243a 1px solid;
	background-color: #23375b;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
}

select { padding-right: 0; }

input.searchtop {
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #365a98;
}

.submitbutton {
	position: absolute;
	margin: 2px 0 0 5px;
	padding-right: 10px;
}

.imgRight {
	float: right;
	margin: 5px 10px 10px 10px;
	border: 1px solid #17243a;
}

.imgLeft {
	float: left;
	margin: 5px 10px 10px 10px;
	border: 1px solid #17243a;
}

#container {
	margin: 0 auto;
	width: 877px;
	clear: both;
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 30px;
}

#header {
	float: left;
	width: 877px;
	height: 110px;
	background-image: url(/images/header_bge.jpg);
	background-repeat: no-repeat;
}

#headerLeft {
	float: left;
} 

#headerRight {
	float: right;
	margin-top: 25px;
	margin-right: 10px;
	font-weight: bold;
	font-style: italic;
}

#menuLeftContainer {
	float: left;
	width: auto;
	clear: both;
	overflow: auto;
}

#menuLeft {
	float: left;
	width: 185px;
	margin-top: -5px;
	height: auto;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: 1px solid #17243a;
	border-top: none;
	position: absolute;
}

#leftMenuBottom {
	text-align: center;
	float: left;
	margin-top: 450px;
}

#menuLeft ul{
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
}

#menuLeft li a {
	display: block;
	width: 165px;
	height: 33px;
	font-weight: normal;
	padding: 17px 0 0 20px;
	background-image: url(images/menu_bg2.jpg);
	background-repeat: no-repeat;
}

.bookingLnk {
	text-align: center;
	float: left;
	width: 116px;
	height: auto;
	margin: 20px 0 0 0;
}

#bookinglink2 {
	text-align: center;
	float: right;
	width: auto;
	margin: 15px 0 10px 0;
	width: 660px;
}

#bookinglink2 a{
	margin: 0 0px 0 0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#bookinglink2 a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	color: #54cbfc;
}

.bookinglinks {
	float: left;
	margin: 0 0 0 25px;
}

.bookinglinks a:hover {
	color: #54cbfc;
}

.bttntxt {
	margin-left: -5px;
	font-weight: normal;
}

#menuTop {
	float: left;
	margin-top: 30px;
	margin-left: 75px;
	width: auto;
	height: 30px;
	text-align: left;
	font-size: 11px;
}

#menuTop a{
	font-weight: normal;
	margin: 0 10px 0 10px;
}

#menuForm {
	float: left;
	margin: 25px 0px 0 2px;
	width: auto;

}

#menuSearch{

}

#menuLang {
	float: right;
	margin: 3px 0 0 0;
	padding-right: 10px;
	width: auto;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#menuLang img{
	margin: 0 0 0 5px;
}

#menuLang a {
	display: block;
	float: left;
}

.sitemap {
	margin: 6px 0 0 0;
}

#mainContent {
	float: right;
	width: 660px;
	margin: 10px 0 0 0;
	line-height: 18px;
	font-size: 12px;
	text-align: justify;
}

#mainContentPortal {
	float: left;
	margin: 5px 0 0 0;
	width: 100%;
	background-color: #ffffff;
}

#contactInfo {
	float: left;
	width: 35%;
	margin: 0 0 10px 0;
	line-height: 20px;
	color: #ffff33;
	font-weight: bold;
	text-align: left;
}

#contactForm {
	float: left;
	width: 99%;
}

#contactForm label{
	display: block;
	float: left;
	text-align: right;
	width: 175px;
	margin: 0 0 10px 0;
}

#contactForm textarea {
	width: 300px;
	height: 100px;
}

#contactSpecial {
	display: none;
}

#footer {
	bottom: 0;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat;
	height: auto;
	border-top: #23375b;
	text-align: center;
	padding: 0 0 2px 0;
	z-index: 200;
	font-size: 9px;
	line-height: 12px;
	color: #dddddd
}

div#author {
	margin: -20px 0 0 0;
	text-indent: -4000px;
}

div.footerLinks a{
	margin: 0 6px 0 6px;
	text-decoration: underline;
	color: #dddddd
}

p#footerLinks a:hover {
	text-decoration: none;
}



#blogCategories {
	float: left;margin-top: 450px; width: 160px; padding: 10px;
}

.posttitle {
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.posttitle a{
	font-variant: normal;
}

.bloginfo {
	margin: 0 auto;
	font-size: 12px;
	color: #dddddd;
	margin-bottom: 15px;
}

.blogpost {
	margin: 0 auto;
	text-align: justify;
	width: 640px;
	padding: 5px;
	line-height: 20px;
}

.blogpost2 {
	margin: 0 auto;
	width: 640px;
	border-bottom: #cccccc dashed 1px;
	height: 20px;	
}

#bloghdr1 {
	float: left;
	width: 70%;
	font-size: 18px;
	padding: 20px 0 0 10px;
}

#bloghdr1 a{
	color: blue;
}

#bloghdr1 a:hover{
	color: #666666;
}

#bloghdr2 {
	float: left;
	width: 20%;
	text-align: center;
}

.date {
	margin: 0 auto;
	background-image: url(images/date.jpg);
	background-repeat: no-repeat;
	width: 46px;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
}

#pages {
	text-align: center;
}

.posttops {
	width: 640px;
	clear: both;
	overflow: auto;

}

.posttop {
	float: left;
	width: 550px;
	margin-top: 20px;
	margin-bottom: 10px;

}

.posttop2 {
	float: left;
	width: 50px;
	margin-top: 40px;
	margin-right: 10px;

}



/* vert. menu */

#dhtmlgoodies_menu{
	float: left;
	width: 185px;
	margin-top: -5px;
	height: auto;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: 1px solid #17243a;
	border-top: none;
	position: absolute;
}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{	/* Main menu links */
		display: block;
	width: 165px;
	height: 33px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 17px 0 0 20px;
	background-image: url(images/menu_bg2.jpg);
	background-repeat: no-repeat;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#54cbfc;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:1px solid #000;
	border-bottom: none;
	background-color:#1a2a43;
	font-family:arial;
	text-align:left;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:5px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	border-bottom: 1px solid #000000;
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#ffffff;	/* Black text color */

	height:16px;	/* 16 pixels height */
	line-height:16px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */

	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#54cbfc;	/* White text */;	
}




/* horiz. menu */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {float: left;margin:25px 0 10px 68px; position:relative; width:auto; height:25px; z-index:100; font-family: Arial, Helvetica, sans-serif}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;float: left;margin: 0 5px 0 5px;width: auto;color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:0px solid #000; border-width:0px 0 0px 0px; font-weight: bold; font-size: 11px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px 1px 1px 1px; background-color: #1a2a43; font-size: 10px; width: 150px; font-weight: normal;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0px; font-weight: normal;}

/* Set up the list items */
#pmenu li {float:left; background-color: transparent;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background-color: transparent; color:#54cbfc;}
#pmenu li ul li a:hover {background-color: #1a2a43;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:135px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:20px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background-color:transparent; color:#54cbfc;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background-color: transparent; color:#54cbfc;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(../) no-repeat right center;}
#pmenu li.drop {background-color: transparent; url(../) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:15px 30px 30px 20px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


/* Backend CSS Stuff */
table.loginbox { border-collapse: collapse;}
	tr.loginLinks td a { padding: 0 20px 5px 20px; font-weight: bold; }
		span.sep { display: block; float: left; }
		a.leftLink { padding-left: 0;  }
p.title { margin: 30px 0 0 0; font-family: Arial; font-size: small; padding: 2px 0 2px 5px; background-color: transparent; border: 2px solid #23375b; border-top: none; font-weight: bold; color: #FFD430; }
td.title { padding-top: 10px; font-size: 11px; font-weight: bold; }
label { display: block; float: left; margin: 0 10px 0 0; width: 120px; text-align: right; font-size: 11px; font-weight: bold; }
span.delete a{ display: block; float: right; color: #fff; font-weight: bold; padding: 2px 5px 4px 5px; background-color: #660000; border: 1px solid #000; }
table.userSearch { width: 100%; font-size: 11px; border-collapse: collapse; padding: 2px; }
	table.userSearch tr.headings { font-weight: bold; background-color: #23375b; border: 1px solid #000; }
	table.userSearch tr.even { background-color: #23375b; }
div.loginarea { font-weight: bold; padding: 25px 0 0 0;}
div.post { color: #000; }
div.archivesLink a { display: block; float: right; padding: 5px; background-color: #23375b; clear: both; font-weight: bold; margin-bottom; 10px; border: 1px solid #000;}
p.sp4m { display: none; }
div.loginBox { float: right; color: #fff; font-weight: bold; font-style: italic; }
	div.loginBox input { padding-top: 10px; background-color: #fff; border: 1px #000 solid; margin: 0; padding: 0; font-size: 10px; color: #000; font-style: normal; font-weight: normal; padding: 2px; }
	p.smlinks a { font-size: 10px; font-style: normal; }
ul#pmenu li a.bLink, div#dhtmlgoodies_menu ul li a.bLink { font-weight: bold; }
ul.userLnks { float: right; list-style: none; margin: 0; padding: 0; margin-bottom: 20px;}
	ul.userLnks li { display: inline; margin: 0; paddnig: 0; }
		ul.userLnks li a { display: block; float: left; margin: 0 10px 0 10px; font-weight: bold; font-size: 11px; }
		ul.userLnksjpn li a { display: block; float: left; margin: 0 10px 0 10px; font-weight: bold; font-size: 11px; }
span.nobold { font-weight: normal; }

input.sp { display: none; }