/* CSS Document */
*{    font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;}

body{	background:#fff url(img/Malta_sky.jpg) top repeat-x; text-align:center; min-width:600px;}	
body /* Mozilla Firefox alignment */
{text-align: -moz-center;} 
body, tr, td, table
{    margin: 0;    padding: 0;    line-height: 1.1;    font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000066;}
#seeMaltawrap{	width: 98%; padding: 10px 0;	text-align:left; margin:0; }
#seeMaltawrap {margin-right: auto; margin-left:auto; }
#header {
	position:absolute;
	width:100%;
	left:5px;
	right: 5px;
	top: 0;
	height:268px;
	z-index:1;
	background: url(img/Valletta_Malta.jpg) no-repeat right top;
}
#header .MaltaLogo {
	position:absolute;
	width:250px;
	height:100px;
	z-index:2;
	top:25px;
	left: 25px;
	background: url(img/seeMalta_logo.gif) no-repeat center center;
}
#header h5 {
	font: bold 0.85em Arial, Helvetica, sans-serif;
	position:absolute;
	width:500px;
	height:25px;
	z-index:2;
	left: 20px;
	top: 190px;
}
#header h4 {
	font: bold 0.85em Arial, Helvetica, sans-serif;
	position:absolute;
	width:535px;
	top: 190px;
	right: 10px;
	height:30px;
	z-index:3;
}
#header .menu {
	padding-left: 20px;
	border-top: 2px solid #246a8c;
	background: #fff url(img/menu-bg.png) repeat-x left bottom;
	position:absolute;
	width:98%;
	height:42px;
	z-index:99;
	left:1px;
	right: 5px;
	top: 230px;
	border-bottom:2px solid #4682B4;
}
#header .menu li {z-index:99;}
#header .menu h3 {font-size: 0.5em; margin: 0;	position:absolute;	width:20px;	left: -10000px;		z-index:1;}

#contentholder{clear:both;  background-color:#bdc6cd;    padding: 10px 5px 10px 10px;  margin-top: 19.5em; }
#topcontent { padding: 0 0 10px 0;}
#mainbody{    float: left;    width: 76.7%; }
#mainbodywide, #contentwide {float:left; width: 98%;}
#content{    float: right;    width: 74.3%;}
#leftside {float:left; width:24%;}
#rightside {float: right; width:22%;}
#bottomcontent {clear:both; padding: 10px 0 0 0;}
#extralinks {clear:both; text-align: center; padding: 10px;}
#footer {clear: both; border-top:2px solid #4682B4;  padding: 30px 20px 0 20px; color: #666; background: #fff url(img/footermenu-bg.png) repeat-x left top; }

a.footer:link, a.footer:visited {font-size: 0.85em;
text-decoration:none; color:#286ea0;}
a.footer:hover {text-decoration:underline;color:#FF9900;}
a:active {text-decoration:none;font-weight:bold;color:#286ea0;}

/* default font for modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{    margin: 0;    padding: 0;      font: 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif;}
.NormalBold {	font-weight: bold;}

.Normal img {    border: 1px solid #CCC;    margin: 0 2px 20px 3px;}
.normalsmall{	font-size: 0.85em;}

/* class to add into images if you wish to remove border */

a.noborder img{	border: 0;}

/* ================================
module titles
================================ */
.Head, .SubHead, .SubSubHead {color: #323275 }
.Head {	font-size: 1.20em; }
.SubHead, .SubSubHead{ font-size: 0.9em;}

/* ===============
standard HTML buttons 
================== */
.StandardButton{	font-size: 0.95em;}

/* =======================
 HTML Tag Styles 
=========================== */
h1, h2, h3, h4, h5, h6, .Head{ line-height: 1.2em; color: #323275;  font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3,  h6, .Head{    font-weight: bold;}

h1{ font-size: 1.2em;   color: #012a71;}
h2{font-size: 1.15em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 DT {font-size: 0.90em;  margin-bottom: 5px;}
h6{font-size: 0.9em;  margin: 0 0 20px 0;	border-bottom: 1px solid #B4B4DE;}

 #kyn_topMalta h1, #kyn_contentpane h1, #kyn_bottomMalta h1 
{    font-size: 1.25em;   color: #323275;	margin-bottom: 10px;}
#kyn_leftMalta h1, #kyn_rightMalta h1, #kyn_infoPane h1, #kyn_GalleryPane h1
{    font-size: 1.15em;   color: #012a71;	margin-bottom: 5px;}
#kyn_topMalta h2, #kyn_contentpane h2, #kyn_infoPane h2,  #kyn_bottomMalta h2, #kyn_GalleryPane h2
{    font-size: 1.15em;   color: #012a71;	margin-bottom: 5px;}
#kyn_leftMalta h2, #kyn_rightMalta h2, #kyn_topMalta h3, #kyn_contentpane h3, #kyn_infoPane h3,  #kyn_bottomMalta h3, #kyn_imageBox h3
{    font-size: 1.10em;   color: #012a71;	margin-bottom: 5px;}
#kyn_rightMalta h3, #kyn_leftMalta h3, #kyn_GalleryPane h2, #kyn_imageBox h2
{    font-size: 1.0em;   color: #012a71;	margin-bottom: 5px;}


/* content pane backgorund colour  */
#kyn_topMalta, #kyn_contentpane, #kyn_leftMalta, #kyn_rightMalta, #kyn_infoPane, #kyn_bottomMalta {background-color: #fff; border: 1px solid #ccc; padding: 10px;} 
#kyn_locallinks {border: 1px solid #ccc; padding: 10px; text-align:center;}
#kyn_GalleryPane, #kyn_imageBox {border: 1px solid #999;	background-color: #eee;	text-align:center;} 
#kyn_GalleryPane {padding: 10px;} 
#kyn_imageBox {padding: 5px;} 

/* links  */

.userItem {font-size: 0.95em;   text-decoration: none;   font-weight:bold; color: #036; }
.userItem, a.userItem:link, a.userItem:visited, a.userItem:active
{ text-decoration: none;  }
a.userItem:hover
{text-decoration: underline;  color: #F00; }

a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}
a:active {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

/* extra links */

div#kyn #localMenuwrap {margin: 2px 25px 2px 25px; height:200px; width: 50%; 	padding:5px;}
.localmenu{padding:0; margin:0; list-style:none;}
.localmenu li {float:left; display:block;  margin-right:5px; width:90px; height:25px;}
.localmenu li a {display:inline; float:left; width:90px; height:25px; position:absolute; text-align:center; text-decoration:none;}
.localmenu li a em {display:block; width:90px; height:25px; background:#5b7bae; border:1px solid #fff;}
.localmenu li a b {display:block; width:90px; height:25px; background:transparent; color:#dd7; position:absolute; top:0; left:0; line-height:24px;}
.localmenu li a:hover {white-space:normal; cursor:pointer; z-index:100;}
.localmenu li a:hover em {display:block; width:110px; height:35px; left:7px; top:5px; position:absolute; background:#431; z-index:100; opacity:0.7; border:0}
.localmenu li a:hover b {width:100px; height:30px; top:-7px; left:-5px; z-index:200; background:#4c616b; font-size:1.0em; color:#ff9; line-height:29px; border:1px solid #fff;}

/* blue menu */
#bluemenu {margin-top:100px;}
#bluemenu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(img/bottom.gif) no-repeat bottom left;}
#bluemenu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #69c url(img/top.gif) no-repeat top left;}
#bluemenu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#menugallery a, #menugallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #47a url(img/arrow.gif) no-repeat 10px 10px; width:125px;}
#menugallery a:hover {background: #258 url(img/arrow.gif) no-repeat 11px 10px; color:#9cf;}
ol li {font-size:0.9em;}
/* tool tip links */  

a.tooltip{	z-index:10;	}
a.tooltip:hover{	position:relative;	z-index:100;	}			
a.tooltip span{	display:none;	}
a.tooltip:hover span{	display:block;	position:absolute;	float:left;	white-space:nowrap;	top:-2.2em;	left:.5em;	background:#fffcd1;	border:1px solid #444;	color:#444;	padding:1px 5px;	z-index:10;		}

/* utility  */
.hide {display:none;}
.clear {clear:both;}