/* TK CSS global reset for all browsers */ 
/** { padding: 0; margin: 0; }*/

/*****/
body { 
margin: 0 auto; 
padding: 0; 
/*background: #000 url(../images/bg.jpg) repeat-x top; */
color : #7d7d7d; 
background: #fff;
}
.content { 
margin: 0px auto; 
padding: 0; 
width: 780px;	
background: #fff;
color : #7d7d7d;
}
.content2 { 
margin: 10px auto; 
padding: 0; 
width: 780px;	
background: #fff;
color : #7d7d7d;
}
.content3 { 
margin: 30px auto; 
padding: 0; 
width: 780px;	
background: #fff;
color : #7d7d7d;
}
/* TOP HEADER PART ----- *************************************/
#top { margin: 0px auto; width: 780px; height: 24px; background-color: #2f4a64; text-align:center}
#top .padding { padding-top: 3px; }
#top a {
	color: #cfd9e3;
	margin:	0;
/*	padding-left:5px;*/
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:11px
}
#top a:hover{
	color:#fff;
}
/* End TOP HEADER PART ----- *************************************/
#download h2 {
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#445e75;
	height:27px;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align:left
}
#download .bkload {
padding: 2px 2px 0px 2px;
background: #8aa9c1 url(../images/bk_download.gif) repeat-x top;
height:30px;
}
#download a {
color: #fff; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; font-weight: bold;
}
#latestpro td {
color:#7a98b1;
font-size:12px;
font-weight:bold
}
#latestpro a {
color:#4d768a;
font-size:11px;
text-decoration:none;
font-weight:normal
}
#latestpro a:hover {
color:#4d768a;
font-size:11px;
text-decoration: underline;
font-weight:normal
}

td,tr,p,div {
	font-family: tahoma;
	font-size: 11px;
	color: #7d7d7d;
	line-height: 17px
}

.contentpage {
	color: #7d7d7d;
	font-family: tahoma;
	font-size: 11px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentpage strong {
color: #535353;
}
h1 {
color: #000; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px; font-weight: bold;
padding: 0;
}
h2 {
color: #a69206; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
padding: 0;
}
h3 {
color: #000; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; font-weight: bold;
padding: 0;
}

h4 {
color: #173C45; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; font-weight: bold;
}

h5 {
color: #173C45; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; font-weight: bold;
}

h6 {
color: #173C45; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px; font-weight: bold;
}

a:link, a:visited {
font-size: 10px; 
color: #567490;
text-decoration: none;
font-family:  Verdana;
}

a:hover {
	color: #000;
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
}
/*ul { margin: 5px 0px 0px 10px }*/
/*li { padding: 5px 5px 0px 10px; list-style: 3px; list-style-type: disc }*/

a.readon:link, a.readon:visited {
/* For formatting the "Read on..." link for blogs and on frontpage. */
color: #534900; 
text-decoration: none; 
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
padding-left: 0px;

}
a.readon:hover {
color: #534900; text-decoration: underline;
font-weight: normal;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}
/* the footer ******************/
#footer {
	margin: 0px auto;
	width: 780px;
	background-color: #d4e1ed;
	height: 132px;
	padding: 0px;
	clear: both;
}
#footer .lefts {
	background-color:#e1eaf2;
	height: 132px;
	width: 260px;
	padding: 10px;
	float:left;
	font-family: verdana;
	font-size: 9px;
	line-height: 14px;
	text-decoration: none;
}
#footer .pad {
	padding: 10px;
	float:right;
	font-family: verdana;
	font-size: 9px;
	line-height: 14px;
	text-decoration: none;
	vertical-align: top;
	height: 132px;
	width: 480px;
}
/*#footer .rights {

	background-color:#84a6bd; 
	float: right;
	height: 132px;
	width: 165px;
	padding: 10px;
	color:#FFFFFF	
}*/
#footer strong { color: #567490; font-size:10px; text-transform: uppercase; }
#footer a { color: #7d7d7d; }
#footer a:hover { color: #000; text-decoration: none; } 
#footer .fblue { color: #567490; font-weight:bold}

#footer2 {
	margin: 10px auto;
	width: 780px;
	background-color: #fff;
	height: 25px;
	padding: 0px;
	clear: both;
	font-family: verdana;
	font-size: 10px;
	line-height: 17px;
	text-decoration: none;
}
#footer2 .pad {
	padding: 2px;
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	line-height: 17px;
	text-decoration: none;
}
#footer2 .pad a { 
	color:#757575;
	padding: 4px
}
#footer2 .pad a:hover { color:#000; text-decoration: none;}

#copyr {  margin: 0px auto; 
			width: 780px;
			height: 25px;
			padding: 0px;
			clear: both;
}
#copyr .copy {
	color: #567490;
	text-align:center;
	font-family: verdana;
	font-size: 10px;
}
/*****************************************/
.tablerate1 {color:#cfd9e3; padding:10px; background-color:#7193b1; font-weight:bold}
.tablerate2 {color:#5a7086; padding:5px; background-color:#cfd9e3; font-weight:bold}
.tablerate3 {color:#4379a8; padding:5px; background-color:#e1e7ee}
.tablerate4 {color:#5a7086; padding:5px; background-color:#fff}
.tablerate5 {color:#5a7086; padding:5px; background-color:#eef1f5}


/** * Form Styles  ******/ 
#formOnline {
border: 1px solid #d8dcdd;
}
#formOnline h1 {
color: #8f959a;
font-size:14px;
margin-top: 0em;
margin-bottom: 0em;
}
#formOnline hr { background: transparent; height:1px; border: 1px solid #d8dcdd; }

.button {
color: #445e75; 
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
font-weight: normal;
text-align: center;
font-size: 12px;
background: #d8dcdd;
border: 1px solid #84a6bd;
height: 20px;
cursor: pointer;
}
.button2 {
color: #83898e; 
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
font-weight: bold;
text-align: center;
font-size: 12px;
background: #d8dcdd;
border: 1px solid #cdcdcd;
height: 25px;
cursor: pointer;
width:95%
}
.button3 {
color: #fff; 
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
font-weight: bold;
text-align: center;
font-size: 12px;
background: #4f698a;
border: 1px solid #84a6bd;
height: 20px;
cursor: pointer;
width: 80px
}
.inputbox {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #F8F8F8;
border: 1px solid #DDD;
padding-left: 2px;
}
.inputbox:hover { background: #E6ECEF; }

.inputbox2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #F8F8F8;
border: 1px solid #DDD;
padding-left: 2px;
width: 180px
}
.inputbox2:hover { background: #E6ECEF; }






/** *  General Styles  ***************/

hr { background: transparent; height:1px; border: 1px solid #CCFF00; }
hr.separator { background: transparent; height: 1px; width: 75px; border: 1px solid #CCFF00; }


.mostread li { padding: 0px 5px 0 5px; list-style: 3px; list-style-type: none }
.latestnews li { padding: 0px 5px 0 0px; list-style: 0px; list-style-type: none }

.mosimage { border: 1px solid #EEE; padding: 0px; margin: 1px 8px 8px 0px;}
.mosimage_caption { background-color: #EEE; color: #666; }
.pagenav {
/* as the name implies, this is for formatting texts for
   those "<< Start < Previous 1 Next > End >>" links */
font-weight: normal;
color: #555;
}
a.pagenav, a.pagenav:visited { font-weight: normal; color: #534900 }
a.pagenav:hover { font-weight: normal; color: #534900; text-decoration: underline; }

.small {
/* general style for texts when small size fonts are used. In 
   the contents, this style is used for "Written by..." texts */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #888;
text-decoration: none;
font-weight: normal;
}

.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

/***  Tabbed Frontend Admin Interface **************/
.ontab {
/* For styling of the "Tab" buttons when editing contents through the frontend
   (when you log in as admin in the frontend). This .ontab is the styling for the
   tab when it is active or after its "clicked" */
background-color: #323A15;
border-left: outset 1px #DCF2FA;
border-right: outset 1px #808080;
border-top: outset 1px #DCF2FA;
border-bottom: solid 1px #d5d5d5;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.offtab {
/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
background-color : #e5e5e5;
border-left: outset 1px #E0E0E0;
border-right: outset 1px #E0E0E0;
border-top: outset 1px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: normal;
}

.tabpadding {
/* this style is used set the size of the tab in 
   in the above */
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

.pagetext {
/* this style is used to style the content of the editing form
   contents (where HTMLArea sits and all its forms + contents) in
   the frontend Administration interface */
visibility: hidden;
display: none;
position: relative;
top: 0;
}

/***  General styling for Sections/Categories/Contents *************************/
.createdate {
/* name says it all.. its for styling the date the content/articles are created under 
   contents title */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #5DA500;
text-decoration: none;
font-weight: normal;
padding: 0 0 10px 0;
}

.modifydate {
/* need me to say? :) Well it styles the "Last updated on" text
   at the end of articles/contents */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #aaa;
text-decoration: none;
font-weight: normal;
}

/*  Weblinks */
a.weblinks:link, a.weblinks:visited {
color: #534900; text-decoration: none; font-weight: normal;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}
a.weblinks:hover { color: #534900; text-decoration: underline; }

/*  Newsfeeds */
.newsfeedheading {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #364A62;
   }

.newsfeeddate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #FFFF99;
font-weight: normal;
}

.fase4rdf {
/* this is the body text of the newsfeed */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; 
color: #FFFFFF; 
font-weight: normal;
}

a.fase4rdf:link {
/* links of the body text of the newsfeed */
font-size: 11px; 
font-weight: bold; 
color: #534900;
text-decoration: none;
}

a.fase4rdf:hover {
/* links of the body text of the newsfeed when mouse points over it*/
font-size: 11px;
font-weight: bold; color: #534900;
text-decoration: underline;
}
.marker {
list-style-type: none;
margin: 3px 0;
padding: 0;
width: 240px;
/*border-bottom: 1px dotted #9A9A9A;*/
}
.marker li{
background: #fff url(../images/Arrow00.gif) no-repeat 2px center;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 2px 0;
padding-left: 20px;
text-decoration: none;
/*border-bottom: 1px dotted #B5B5B5;*/
list-style-type: none;
}

.style10 {	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.style25 {font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style26 {color: #FFFFFF}
.style27 {color: #816d5b}
.padding {
	padding: 5px;
	font-size: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #7896B0;
	border-left-color: #7896B0;
	font-family: "Ms Mincho";
	line-height: 14px;
}
.border {
	border: 1px solid #384768;
}
.border {
	border: 1px solid #C3CFDD;
}
.bold_reservations {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #567490;
	text-decoration: none;
}
.bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2f4a64;
	text-decoration: none;
}
.line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}