/*
-----------------------------
mfss.gov.mt Stylesheet
version 2.0 17/10/2005
----------------------------- 
*/

/*******************************************************************************
  Typography & Colors
*******************************************************************************/

body {
	font-size: 62.5%;  
	font-family: Lucida, 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*	line-height: 1.5em;*/
	background-color: #F0F1F0;
	color: #333;
	text-align: center;
	background: url("../images/mfssbgcolor.jpg");
	}	

#page {
	background-color: white;
	border: 1px solid #F0F1F0;
	text-align: left;
}
	
#breadcrumbs {
	font-size: 10px; 
	margin: 10px 0px 10px 20px; 
	color: #000;
}

.breadcrumbs a {
	font-size: 10px; 
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-size: 10px; 
	text-decoration: underline;
}

#footer {
	background-color: #eee;
	background: url("../images/mfssfooter.jpg") no-repeat bottom; border: none;
	}

.small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	line-height: 1.5em;
	color: #666666;
	}

h1, h2, h3, h5 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/*font-weight: bold;*/
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}

h1 {
	font-size: 4em;
/*	text-align: center;*/
	}

h2 {
/*	font-size: 1.6em;*/
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1em 0;
	}
	
h5{
/*	font-size: 1.6em;*/
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1em 0;
	color: #FFFFFF;
	}

h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 1.5em 0 0 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}

p a:visited {
/*	color: #b85b5a;*/
	color: #06c;
	}
		
small, blockquote, strike {
	color: #777;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
/*	color: #F49633;*/
	text-decoration: none;
	}

a:hover {
/*	color: #147;*/
	color: #F49633;
	text-decoration: underline;
	}

a:visited {
		color: #06c;
}	

a.more {
	padding-right: 7px;
	background: url(../images/more.gif) no-repeat 100% 5px;
	}

.content2
{
	float:right;
	width: 290px;
	position:relative;
	right:0px;
	text-align:left;
}

Right-Section
{
	float:right;
	width: 100px;
	text-align:left;
}

.content_main
{
	padding:0px;
	border:1px solid;
	border-left-color:#4B91D9;
	border-top-color:#4B91D9;
	border-right-color: #FFFFFF;
	border-bottom-color:  #FFFFFF;
	bor
	height:220px;
	width: 293px;
	display:block;
}

.content_main2
{
	padding:15px;
	border:0px solid #D5D5D5;
	height:220px;
	width: 262px;	
	display:block;
	font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
}

.Main_Layout
{
	padding-left:15px;
	height:400px;
	overflow: inherit;
	flow: left;
}

.Note
{
float:left;
}

.Note2
{
float:left;
padding-top:5px;
padding-right:10px
}

.News
{
	left:5px;
	float:left;
	display: block;
	position:relative;
	padding-left:5px;
}

.Cluster5{
	position:relative;
	float:left;}

	

/*******************************************************************************
  Structure & Layout
*******************************************************************************/
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: white;
	background: url("../images/mfss_contentbg_empty.jpg") repeat-y top; border: none;
	margin: 0px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #F0F1F0;
	}

#header {
	padding: 0px;
	margin: 0px;
	height: 100px;
	width: 100%;
	}

.pageheader { 
	position:relative; 
	margin:0px; 
	padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ 
	overflow: hidden; /* */ 
} 

.pageheader span { 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
} 

#logo1 {    /* clickable area */
	float: left;
	width : 650px;
	height: 100px;
	margin-left: 0px;
	margin-top: 0px;
	cursor: pointer;
}	

#logo1h1, #logo1h1 span{ 
	height:100px; 
	width:650px; 
	font-size:16px;
	background-image: url("../images/mfss_header_01.jpg"); 
}

#logo2 {    /* clickable area */
	float: left;
	width : 102px;
	height: 100px;
	margin-right: 0px;
	margin-top: 0px;
	cursor: pointer;
}	

#logo2h1, #logo2h1 span{ 
	height:100px; 
	width:102px; 
	font-size:12px;
	background-image: url("../images/mfss_header_02.jpg"); 
}
	
.maincontent {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}
	
.sectioncontent {
	margin: 0 0 10px;
	text-align: justify;
	}

.maincontent {
	padding-top: 5px;
	}
	
#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}


/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}
	
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 1px;
	margin: 0 0 2px 4px;
	display: inline;
	}

img.alignleft {
	padding: 1px;
	margin: 0 4px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}
/* End Images */

/*******************************************************************************
  Main Menu Components
*******************************************************************************/

#navigation {
	width:740px;
	height:27px;
	background: #ABABAB url(../images/menu-bar-back.gif) right repeat; /*no-repeat*/
	margin: 0px 10px;
	border-bottom: 1px solid #ABABAB;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	width:740px;
	list-style: none;
	background:#EFEFE9 url(../images/menu-bar-back.gif) top;
} 

#navigation li
{	
	float:left;
	padding: 7px 0 0 0;
	height:20px;
	border-right:1px solid #DEDEDE;
	border-left:1px solid #DFDFDF;
	background:#EFEFE9 url(../images/menu-bar-back.gif) top;
	font-family: Arial, Lucida, 'Lucida Grande', Verdana, Sans-Serif;
}

#navigation li.first
{	
	float:left;
	padding: 7px 0 0 0;
	height:20px;
	border-right:1px solid #DEDEDE;
	border-left:none;
	background: #EFEFE9 url(../images/menu-bar-back.gif) left no-repeat;
}

#navigation a
{ 
	text-decoration:none;
	font-weight: normal;
	padding: 7px 15px;
/*	height:1%;*/
	color:#000;
} 

#navigation.a, em {
	font-style: normal;
	font-weight: 200;
	text-decoration: underline;
}

#navigation a:hover
{ 
	text-decoration:none;
	font-weight:normal;
	padding: 7px 15px;
	color:#000; 
	background:#EFEFE9 url(../images/menu-bar-on.gif) top;
}

#navigation li.current
{ 
	background:#EFEFE9 url(../images/menu-bar-on.gif) top;
}

#navigation li.last
{
	padding-right:10px;
	background: #EFEFE9;
	border-right:none;
	background: url(../images/menu-bar-back.gif) left no-repeat;
}

#navigation li.first
{
/*	padding-left:20px;*/
	background: url(../images/menu-bar-back.gif) left no-repeat;
}

#slidemenu
{	
	position:relative;
	z-index:20;
}

#slidemenu ul
{
	margin: 0;
	padding: 0;
	background: #EAEAEA;
	border-top: 1px solid #fff;
	border-left: 1px solid #ABABAB;
	border-right: 1px solid #ABABAB;
/*	border-bottom: 1px solid #A7A7A7;*/
} 

#slidemenu li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ABABAB;
	font-family: Arial, Lucida, 'Lucida Grande', Verdana, Sans-Serif;

} 

#slidemenu a
{ 
	text-decoration:none;
	font-weight:normal;
	color:#333333; 
	background:#EEEEEE; 
	padding:5px 7px;
	display:block;
} 


#slidemenu a:hover
{ 
	text-decoration:none;
	font-weight:normal;
	color:#333333; 
	background:#0691D4 url(../images/menu-bar-nav-on.gif) top; 
	padding:5px 7px;
	display:block;
}


/*******************************************************************************
  Layout
*******************************************************************************/

.content {
/*	margin-left: -500px; */
	width: 760px; 
	position: absolute;
	background: url("../images/mfss_contentbg_empty.jpg") repeat-y top; 
	border: none;
}

.leftcolumn {
	float: left; 
	width: 470px;
	margin-top: 0px; 
}

.leftcolumn .section2 {
	margin-left: 20px; 
}

.section2 {
	margin-left: 20px; 
	width: 730px
	
}

.leftcolumn .section2 H1 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 20px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #fa7900; 
	padding-top: 0px;	
}

.leftcolumn .section2 H2 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 18px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #fa7900; 
	padding-top: 0px;
}

.leftcolumn .section2 H3 {
	font-weight: bold; 
	font-size: 16px; 
	margin: 8px 0px 2px; 
	color: #565454; 
	padding-top: 0px;
	border-bottom: 1px solid #CDC4AC;
}

.leftcolumn .section2 H4 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 14px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #565454; 
	padding-top: 0px;
}
	
.leftcolumn .section2 P {
	padding-right: 0px; 
	padding-left: 2px; 
	font-size: 12px; 
	padding-bottom: 0px; 
	margin: 1px 0px 15px; 
	color: #565454; 
	padding-top: 0px;
}

.leftcolumn .section2 UL {
	padding-left: 30px;  
	font-size: 12px; 
	margin: 0px; 
	list-style-type: none; 
	color: #565454; 
	text-align: left; 
}

.leftcolumn .section2 UL LI {
	background:  url("../images/arrow-on.gif") no-repeat 0px 0.5em; 
	margin: 0px; 
	line-height: 175%; 
	padding: 2px 0 1px 15px;
}


.leftcolumn .section {
	margin-left: 20px; 
}

 .section {
	margin-left: 20px; 
	width: 730px
}
.leftcolumn .section H1 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 20px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #fa7900; 
	padding-top: 0px;	
}

.leftcolumn .section H2 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 18px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #fa7900; 
	padding-top: 0px;
}

.leftcolumn .section H3 {
	font-weight: bold; 
	font-size: 16px; 
	margin: 8px 0px 2px; 
	color: #565454; 
	padding-top: 0px;
	border-bottom: 1px solid #CDC4AC;
}

.leftcolumn .section H4 {
	padding-right: 0px; 
	font-weight: bold; 
	font-size: 14px; 
	padding-bottom: 4px; 
	margin: 0px 0px 2px; 
	color: #565454; 
	padding-top: 0px;
}
	
.leftcolumn .section P {
	padding-right: 0px; 
	padding-left: 2px; 
	font-size: 12px; 
	padding-bottom: 0px; 
	margin: 1px 0px 15px; 
	color: #565454; 
	padding-top: 0px;
}

.leftcolumn .small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	line-height: 1.5em;
	color: #666666;
}

.leftcolumn hr {
	border: 0;
	width: 90%;
	height: 1px;
	color: #A8A8A8;
	background-color: #A8A8A8;
}

.leftcolumn table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.leftcolumn table H3 {
	font-weight: bold; 
	font-size: 16px; 
	padding-bottom: 4px; 
	color: #565454; 
	padding: 0px;
	text-align: center;
}

.leftcolumn .section UL {
	padding-left: 30px;  
	font-size: 12px; 
	margin: 0px; 
	list-style-type: none; 
	color: #565454; 
	text-align: left; 
}
.leftcolumn .section UL LI {
	background:  url("../images/arrow-on.gif") no-repeat 0px 0.5em; 
	margin: 0px; 
	line-height: 175%; 
	padding: 2px 0 1px 15px;
}

.leftcolumn #minifooter { 
	border-top: 1px dotted #CDC4AC;
	margin: 10px 0px 0px; 
	padding: 5px 0px 5px;
	text-align: center;
	font-size: 10px;
}	

.leftcolumn .clusters {
	display: block;
	width: 00px;
	padding: 1px 0 0 20px;
}

.leftcolumn .clusters h2 {
	display: none;
}

.clusters2 {
	display: block;
	padding-right:6px;
	width: 190px;
}
.clusters3 {
	display: block;
	width: 190px;
	height: 400px;
}

.icon-menu
{
	width: 184px;
	margin:0px;
	float:left;
}

.leftcolumn .clusters-left {
	font-size: 10px;	
	float: left;
	width: 47px;
}

.clusters-left2{
	float: left;
	color: #FB7F0F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	vertical-align: top;
}

.leftcolumn .clusters-right {
	font-size: 10px;
	float: right;
	text-decoration: none;
	width: 200px;
}
.clusters-right2{
	color: #FB7F0F;
	padding-left:10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	float: left;
	overflow:auto;
	text-align: left;
	text-decoration: none;
}
.leftcolumn .clusters p {
	font-size: 10px;
}

.clustercontent
{
	float: left;
	overflow:auto;
}

.leftcolumn .clusters img {
	border: 0;
}

.leftcolumn .graybox { 
	margin: 5px 5px 5px 5px; 
	padding: 5px 5px 5px 5px;
	font-size:12px;
	background-color: #f8f8f8; 
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.leftcolumn .graybox p { 
	padding: 5px 10px 5px 10px; 
}


.arrow {
	color: #fa7900;
	font-weight: bold;
	}

.more a {
	color: #666666;
	padding-right: 7px;
	background: url(../images/contenticons/more.gif) no-repeat 100% 5px;
}

.more a:visited {
	color: #666666;
}

.more a:hover {
	color: #fa7900;	
}

h4, .title2
{
	color: #FB7F0F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

/*******************************************************************************
  SideBar
*******************************************************************************/

#sideBar, .Side {
	width:208px;
	float:right;
	position:relative;
	margin: 0px 15px 10px 20px; 
	color:#666666;
	overflow:hidden;
	display: inline; 
	background: url(../images/side_bar_back.jpg) repeat;
	}
	
.Links{
	background-image:url(../images/side_bar_bot.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:23px;
	}
	
.Links h2, h5 {
	height:21px;
	background-image:url(../images/side_bar_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px;
	margin-bottom:8px;
	font-size:100%;
	color:#fff;
	padding-left:6px;
	padding-right:5px;
	padding-top:4px;
	text-transform: uppercase; 

  /* WIN IE5 hack */
	height:19px;  
   voice-family: "\"}\""; 
   voice-family:inherit;
	
	height:21px; /* correct height */
	}

		
.Links img {
	display: block;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.Links .flash {
	text-align: center;
}

.Links ul {
	margin:0;
	padding:0;
	padding-left:2px;
	list-style:none;
}	

.Links ul li {
	background: url(../images/blt02.jpg) no-repeat 4px 3px;
	margin: 0px 8px;
	padding: 0px 0px 5px 14px;
}
	
.Links a {
	display:block;
/*	padding-bottom:2px;*/
	padding-left:2px;
	padding-right:2px;
}	

.Links p {
	padding: 0 0px 0px;
	margin: 0 15px;
}

.Links .off {
	display: none;
}	

.Links form {
	list-style: none;
	padding: 0 20px 0 20px; 
}

.Links form label {
	display: none;
}

.Links input {
  background: #fff;
  border: 1px solid #c6c4b8;
  font-size: 11px; 
  voice-family: "\"}\""; 
  voice-family: inherit; 
}

.Links input.button {
	width: 30px; 
	border-right: #898989 thin solid; 
	border-top: #d2d1d1 thin solid; 
	margin-top: 2px;  
	border-left: #d2d1d1 thin solid; 
	border-bottom: #898989 thin solid; 
	color: #000; 
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff url("../images/button-background.gif") repeat-y;
}

/*******************************************************************************
  Forms
*******************************************************************************/

.siffields { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 width: 390px; 
 
}

.sifdrops { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
  
}

.msptext { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;
 width: 250px;  
  
}

.leftcolumn .section form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-size:60%;*/
	margin: 0px;
	color:#666666;
}

.leftcolumn .section fieldset {
	width:400px; }

.leftcolumn .section fieldset #label {
	text-align:right;
	width:150px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	font-weight: bolder;
	}

.leftcolumn .section fieldset #nobr {
	display:none; }  

.leftcolumn .section fieldset #textfield {
	margin:3px;
	height:20px;
	width:200px; }

.leftcolumn .section fieldset #textarea {
	margin:3px;
	height:165px;
	width:00px; 
	}


/*******************************************************************************
  eServices
*******************************************************************************/
.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.topborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
.topleftcorner {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
}
.toprightcorner {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
}
.bottomleftcorner {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}
.bottomrightcorner {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
}

.eservices {
	 margin: 0; padding: 0;
}