@charset "utf-8";

/**
 * IELS CSS DOCUMENT
 * 
 * _______@author Neil Azzopardi <neil.azzopardi@alert.com.mt>
 * _______@date october 2008
 * _______@copyright 2008 Alert Communications
 *
 */

body, html {
	margin:0;
	padding:0;
	background:url(../pics/background.jpg) repeat-x;
	}

/* LAYOUT CONTAINERS ____________________________________________________________________ */

#siteContainer {
	width:948px;
	overflow:hidden;
	margin:0 auto;
	}

#navContainer {
	height:41px;
	}

#headerContainer {
	width:auto;
	height:122px;
	overflow:hidden;
	}

#bodyContainer {
	width:910px;
	padding:10px 20px 20px 20px;
	background:url(../pics/body_bk.jpg) repeat-x;
	overflow:hidden;
	float:left;
	}

#bodyleft {
	float:left;
	width:203px;
	}

#bodyMiddle {
	float:left;
	margin:0px 45px 0px 45px;
	width:412px;
	}
	
#bodyRight {
	float:left;
	width:203px;
	}

#bodyRightInner {
	float:left;
	width:200px;
	}

#footerContainer {
	height:60px;
	background:#88261e;
	float:left;
	width:948px;
	}

/* HEADER CONTAINERS ____________________________________________________________________ */

#headerLogo {
	float:left;
	width:151px;
	}

#headerBanner {
	float:left;
	width:151px;
	}

/* CONTENT CONTAINERS ___________________________________________________________________ */

.title {
	width:auto;
	height:29px;
	}
	
.content {
	margin:10px 0 0 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	line-height:17px;
	height:auto;
	}

#aboutSSNED, #Programme, #Projects {
	width:auto;
	height:auto;
	float:left;
	width:203px;
	}
#rightImages{
	height:auto;
	float:left;
	width:197px;
	background:#ebebeb;
	padding:3px;
	margin:0 0 5px 0;
	}
.text{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:5px;
	text-align:center;
}
.text-medium{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:5px;
	text-align:center;
}
#Projects
{
	margin:18px 0 0 0;
}
#aboutSSNED ul, #Programme ul, #Projects ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
#aboutSSNED ul li, #Programme ul li, #Projects ul li
{
	width:100%;
	float:left;
	padding:7px 0 0 0;
	height:22px;
	background:url(../pics/submenu_bk.gif) repeat-x;
}

#aboutSSNED ul li a, #Programme ul li a, #Projects ul li a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#41998c;
	text-decoration:none;
}

#aboutSSNED ul li a:hover, #Programme ul li a:hover, #Projects ul li a:hover{
	color:#237b6e;
}

/* FOOTER _______________________________________________________________________________ */
#footerCredits {
	float:left;
	padding:6px 20px 5px 20px;
	font:Arial, Helvetica, sans-serif;
	color:#FFF;
	width:630px;
	}

#footerSearch {
	float:left;
	width:260px;
	padding:20px 0 0 14px;
	}

#footerCredits UL{
	list-style-type:none;
	margin:7px 0 0 0;
	float:left;
	padding:0;
	width:630px;
}

#footerCredits UL LI{
	padding:0;
	float:left;
}

#footerCredits UL LI IMG{
	padding:4px 15px 0 15px;
	float:left;
}

#footerCredits UL LI a,#footerCredits UL LI{
	font:10px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
	text-decoration:none;
}

#footerCredits UL LI a:hover{
	color:#FFF;
	text-decoration:none;
}

#footerSearch .title
{
	width:58px;
	height:11px;
	padding:5px 0 0 0;
	float:left;
}

#footerSearch .input
{
	float:left;
	height:22px;
	width:159px;
	float:left;
}

#footerSearch .input Input
{
	height:16px;
	width:157px;
	border:1px solid #908483;
	background:url(../pics/bk_search.gif) repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	color:#464646;
}

#footerSearch .goButton
{
	float:left;
	height:17px;
	width:16px;
	float:left;
	padding:1px 0 0 10px;
}

/* DROPDOWNS ____________________________________________________________________________ */

#navContainer UL
{
	list-style-type:none;
	margin:0;
	width:100%;
	float:left;
	padding:0;
}

#navContainer UL LI
{
	float:left;
	height:41px;
	cursor:pointer;
	position:relative;
}

#navContainer UL LI UL 
{
	left:0;
	top:41px;
	padding:5px 10px 10px 10px;
	width:197px;
	position:absolute;
	display:none;
	list-style-type:none;
	background-color:#b75c54;
}

#navContainer UL LI UL LI
{
	left:0;
	border-bottom:1px solid #bf726b;
	float:left;
	padding:2px 0 5px 12px;
	height:20px;
	position:relative;
	list-style-type:none;
	background:url(../pics/dropdown_arrow.gif) no-repeat left center;
	width:185px;
}

#navContainer UL LI UL LI a
{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#dcdcdc;
	text-decoration:none;
}

#navContainer UL LI UL LI a:hover
{
	color:#FFF;
	text-decoration:none;
}

/* INNER RIGHT BAR  _____________________________________________________________________ */

.pictureHolder {
	width:192px;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:4px;
	background:#CCCCCC;
	}
	
/* FOOTNOTE AND CAPTIONS TEXT ___________________________________*/	

.footnote
{
	font-size:9px;
}

#right-pagesections
{
    float:left;
	overflow:hidden;
	width:200px;
}