body {background-color:#DDD; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:justify;}


#OuterTable { width:95%; border-right:1px solid #204a6b; margin-left:2.4%; margin-right:2.4%; height:100%;}




#SiteName { position:relative; float:left; left:20px; top:0px; color:#FFF;  width:70%;}
#SiteName .SiteNameEnglish {font-size:30px; padding-bottom:20px; }
#SiteName .SiteNameMaltese { font-size:22px; font-style:italic;}
#HeaderFlag { position:relative; float:right; }

#Header { height:200px; }
#Header, #TopLeft {background-image:url('Header-Background.png'); background-position:top; background-repeat:repeat-x;}

#TopLeft{ background-image:url('TopLeft-Minerat.jpg'); background-position:top; background-repeat:repeat-x;}

#Left, #TopLeft{ width:200px; vertical-align:top; }
#LeftMenu { z-index:100;}
#SideButtons { text-align:center;}
	#SideButtons img { margin:4px 0px 4px 0px;}
#Header, #TopLeft, 	#Left, #Footer {  background-color:#204a6b; color:#CCC; padding-right:20px;}
#Footer {text-align:right;}

#UnderHeader { height:58px; background-image:url('UnderHeader-background.png'); border-top:1px solid #333; border-left:1px solid #333; vertical-align:middle; padding-right:80px;}
#Motto {word-spacing:8px; letter-spacing:2px; float:right; font-style:italic; color:white; font-size:22px;}
#MainBody { padding:10px 10px 10px 20px; vertical-align:top; background-color:#FFF; background-image:url('MainBody-Background.png'); background-repeat:repeat-x; background-position:bottom; border-left:1px solid #333; border-bottom:1px solid #333; z-index:1;}


/* -- Front Page Blocks -- */

#FrontPage-Block-Table { width:100%; z-index:2;}
.FrontPage-Block-Top {	background-color:#204a6b; height:25px; background-image:url('FrontPage-Block-Top-Gradient.png'); background-repeat:repeat-y; background-position:left;
					  	color:white; font-size:14px; font-weight:bold; text-align:right; padding-right:10px; border-bottom:1px solid #204a6b;
						}

.FrontPage-Block-Space{ width:5%;}
.FrontPage-Block {width:35%;}
.FrontPage-Block .SideImage { border-right:1px solid #204a6b;}
.FrontPage-Block-Space { width:5%;}
.TextSection { text-align:justify; vertical-align:top; padding:5px; border-left:1px solid #889fb1; }
.ImageSection { width:120px; text-align:right; height:210px; vertical-align:top; border-right:1px solid #204a6b; border-bottom:1px solid #889fb1;}

.KompliAqra { text-align:right; border-bottom:1px solid #889fb1; border-left:1px solid #889fb1; }

.KompliAqra .ka_link:link, a.ka_link:visited { font-size:13px; color:#333; text-decoration:none;}
.KompliAqra .ka_link:hover { color:#204a6b; text-decoration:underline;}

#Footer { padding:5px; height:20px; background-image:url('Footer-Background.png'); background-position:bottom; background-repeat:repeat-x;}

/*-------  Other ------------------------------------------------------------*/

#PageHeading { color:#000; font-size:24px; font-weight:bold; margin-bottom:40px; }
.Heading1 { color:#000; font-size:21px; font-weight:bold; margin-top:30px; margin-bottom:20px;}
.Heading2 { color:#000; font-size:17px; font-weight:bold; margin-top:30px; margin-bottom:20px;}
.Heading3 { color:#000; font-size:14px; font-weight:bold; margin-top:30px; margin-bottom:20px;}
h2 { margin-top:30px;}

.PhotoCaptian { font-size:12px; color:#333; font-style:italic; padding:0px 20px 10px 20px;}
.Quote { font-style:italic; color:#900; padding:2px 20px 2px 20px;}


#MainBody ol {list-style:decimal; margin-bottom:30px; }
#MainBody ol ol {list-style:lower-roman; margin-bottom:20px;}

#MainBody ol li { padding:2px 0px 2px 0px ; }

a:link, a:visited { color:#204a6b;  text-decoration:none;}
a:hover { color: #F60; text-decoration:underline;}


input { border:1px solid #204a6b; color:#0b253a;}


.error_msg, .msg { text-align:center; padding:10px;}
.error_msg {border:1px solid #C00; color:#C00;}
.msg { border:1px solid #090;}

.PhotoContainer { margin:20px;}

.DateTime { font-size:12px; font-style:italic; text-indent:20px; margin-bottom:30px;}

#PhotoGallery { text-align:center; width:750px; margin-left:auto; margin-right:auto;}
.PhotoGalleryThumbnail { border:2px solid #CCC; padding:2px;}
.PhotoGalleryThumbnail:hover { border:2px solid #204a6b;}

#Publications td { text-align:center; padding-bottom:20px; vertical-align:top;}
#Publications td a { text-decoration:none; font-size:13px;}
#Publications td a:hover { text-decoration:none; }

/*-------  Fly out menu ------------------------------------------------------------*/

#LeftMenu ul { list-style:none; width:100%; z-index:300;}

#LeftMenu ul li { position:relative; left:0px;z-index:300; width:110%;}
#LeftMenu ul li:hover {background-color:#003;}
#LeftMenu ul li a {font-size:12px; color:#EEE; text-decoration:none; display:block; position:relative; text-indent:20px; padding-top:4px; padding-bottom:4px;z-index:300;}
#LeftMenu ul li a:hover {color:white; text-decoration:underline;}


#LeftMenu ul {z-index:300;
  padding: 0;
  margin: 0;
  list-style: none;
  }

#LeftMenu li {
		z-index:300;
		position: relative;
  		}
  
#LeftMenu li ul {z-index:300;
  display: none; z-index:10;
  position: absolute; background-color:#003; 
  top: 1em;
  left: 0;
  }

#LeftMenu li ul li { height:25px;z-index:300; width:100%;}
#LeftMenu li ul li:hover { background-color:#0d375b;}
#LeftMenu li ul li a { display:block;z-index:300;}

#LeftMenu li > ul {	top: 2px; left: 180px;z-index:300;	}
#LeftMenu li ul {width:270px;z-index:300;}

#LeftMenu li:hover ul, #LeftMenu li.over ul { display: block;z-index:300; }


hr { height:1px; color:#333; width:80%; text-align:center; background-color:#333;
border:1px solid #333;
  border-width: 1px 0 0;
  clear: both; margin-top:30px;}