﻿/* body attributes */

html, body
{
	background-color:#363636;
	/*background-color:#FFFFFF;*/
	background:url(../images/main_bg.gif);	
	/*background-repeat:repeat-x;	*/
	margin:0px auto;
	text-align:center;
	height:100%;
}

.mainBody
{
	width:80%;
	min-width:745px;
	margin:0px auto;
}

/* Main Content Container */
 
 .valign				{ position: relative; }
.valign[class]			{ display: table; position: static; }
.valign .vertical		{ position: absolute; top:  50%; }
.valign .vertical[class]	{ display: table-cell; vertical-align: middle; position: static; }
.valign .center			{ position: relative; top: -50%; }
.valign .center[class]		{ position: static; }

.topContainer
{
	position:absolute;
	top:50%;
}

.bottomContainer{
	
	position:absolute;
	top:-50%;
}

.maincontainer
{
	text-align:left;
	border:solid 1px black;
	margin-top:4px;	
}

.mainContainerContent
{
	padding: 10px; /*Width of menu container*/	
}

.header
{
	
}

.logoContainer
{
	height:78px;
	text-align:left;
	float:left;
}

.portalHomeLink
{
	float:right; 
	margin-top:58px; 
	margin-right:5px;	
}

.menuContainer
{
	height:26px;  /*Height of menu container*/
	text-align:left;
	border:solid 1px black;
	background:url(../images/bgSearch.jpg);
	background-repeat:repeat-x;	
}

.menuItemsContainer
{
	width:504px; /*Width of menu Items container*/
	height:26px;  /*Height of menu Items container*/
	float:left;
}

.searchBoxContainer
{
	height:26px;  /*Height of search box container*/
	float:right;
	padding-right:8px;	
}

.mainImageContainer
{
	width:504px;		/*Width of Image box container*/
	height:331px;		/*Height of Image box container*/	
	float:left;	
}

.mainLocalCouncilFlagsContainer
{
	height:331px;		/*Height of local council flags box container*/
	background:white;
	float:right;
}

.mainDepartmentLocalGovernmentContainer
{
	height:49px;  /*Height of local council flags box container*/
	margin:0px auto;
	background-color:#fffefe;
	width:239px;
	
}

.mainLCFlagsContainer
{
	height:224px;  /*Height of local council flags box container*/
	background-color:#f0efef;
	z-index:3;
	width:240px;
}

.mainLCAdvancedSearchContainer
{
	height:58px;  /*Height of local council Advanced Search box container*/
	background:#fffefe;
	text-align:left;
	padding-left:10px;
	width:229px;
}

.mainRepeater
{
	height:12px; /* Height of divider between main content and footer */
	background:url(../images/repeatBG.gif);
	background-repeat:repeat-x;	
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:0px;
	overflow:hidden;
}

.mainBottomFooter
{
	height:54px; /* Height of footer container */
	background:#ffffff;	
	border:solid 1px #000000;
}

.mainBottomFooterLocalCouncilAssociation
{
	width:157; /* Width of Local Council Association Logo */
	height:28; /* Height of Local Council Association Logo */
	padding-right:16px; 
	float:right;
	padding-top:10px;
}

.mainBottomFooterGovLogo
{
	width:56; /* Width of GOV logo in footer */
	height:35; /* Height of GOV logo in footer */
	padding-left:15px;
	float:left;
	padding-top:5px;
}

.mainBottomFooterMaltaCoatOfArms
{
	width:28; /* Width of Malta coat of arms logo in footer */
	height:37; /* Height of Malta coat of arms logo in footer */
	padding-left:16px; 
	float:left;
	padding-top:5px;
}

.mainFooterText
{
	padding-top:5px;
}

.mainFooterLinksText
{
	text-decoration:none;
	font-size:80%;
	line-height:15px;	
}

/* SubPage */

.mainContainerSubPage
{
	height:449px; /*Height of main container*/	
	margin:0px auto;
	text-align:left;
	border:solid 1px black;
	border-bottom:none;
	margin-top:4px;
	background-color:#ffffff;
}
.subTopBottomDivider
{
	height:9px; /*Height of main container*/
	background-color:#f2f2f2;
	background-repeat:repeat-x;	
}

.subBottomDivider
{
	width: 743px; /*Width of main container*/
	height:9px; /*Height of main container*/
	background-color:#f2f2f2;
	background-repeat:repeat-x;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	margin:0 auto;
}

.subContentContainer
{
	height:405px; /*Height of main container*/
	background-color:#ffffff;
	margin:1px 6px;
}

.subLeftMainContainer
{
	width:162px;	
	border:1px solid #eaeaea;
	float:left;
	padding: 0px 1px 1px 1px;
}

.subLeftMainContainerInner
{
	background-color:#b7b3b4;
	background-image:url(../images/coatOfArmsRepeatBG.jpg);
	background-position: 0px 38px;
	background-repeat:repeat-x;
	height:434px;
}

.subLeftCoatOfArms
{
	text-align:center;
	padding-top:10px;
	height:204px;
}

.subRightMainContainer
{
	margin-left:170px;	
	height:435px;
	border:1px solid #eaeaea;
}
.subRightMainTabContainer
{
	height:38px;	
}
.subTopRightTabGrayBG
{
	padding-right:15px;
	padding-top:5px;
	float:right;
}

.subTabTitle
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	color:#6f6f6f;
	padding-left:15px;
	line-height:36px;
	float:left;
}

.subRightMainTextContainer
{
	height:281px;
	/*width:556px;*/
	margin:0 auto;
	background:#ffffff;
}

.subRightMainTextTitles
{
	
}

.subRightMainText
{
	padding: 0px 15px;
	overflow:auto;
	height:360px;
}
.subRightMainText.byelaws
{
	height:395px;
}
.subRightTextContainer
{
	/*height:55px;*/
	/*width:556px;*/
	/*float:left;*/
}

.subRightImageContainer
{
	/*height:55px;*/
	width:136px;
	float:left;
	margin-top:10px;
}

.subRightBottomContainer
{	
	/*width:556px;*/
	border-top:1px solid #eaeaea;
	padding: 0px 1px;
	margin:0 auto;
	padding-top:1px;
}

.subRightPhotoGallery
{
	background:#ffffff;
	margin-top:1px;
}

.subRightPhotoGalleryImages
{
	height:75px;
	/*padding:13px 15px 7px 15px;*/
	background:#e1e1e1;
}

.subRightPhotoGalleryImagesGridSize
{
	
}

.subRightPolls
{
	width:232px;
	height:170px;
	background:#ffffff;
	margin-top:1px;
	float:right;
}

.subRightPollsContent
{
	width:232px;
	height:132px;
	background:#ffffff;
}

/* Sub Level2 Page*/

.subSubRightMainTextContainer
{
	height:394px;
	width:556px;
	margin:0 auto;
	background:#ffffff;
}

.subSubLeftCoatOfArms
{
	width:161px;
	height:195px;
	background-color:#b7b3b4;
	background:url(../images/coatOfArmsRepeatBG.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}

.subSubMenuTitle
{
	padding:10px;
	background-color:#f8f8f8;
	text-align:center;
	border-bottom:1px solid #eaeaea;
	font-family:Verdana, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#1f1f1f;
}

.subSubMenuGrayBGs
{
	background-color:#dedede;
	padding:3px 0px 3px 10px;
}

.subSubMenuWhiteBGs
{
	background-color:#ffffff;
	padding:3px 0px 3px 10px;
}

.subSubMenuItems
{
	/*height:14px;
	width:141px;
	padding-top:4px;
	margin:0 auto;*/
	/*border: solid 1px red;*/
}

.subSubRightTextContainer
{
	height:95px;
	width:400px;
	float:left;
	margin-top:10px;
}

.subSubRightRemainingText
{
	width:540px;
	float:left;
	margin-top:10px;
}

.subSubRightImageContainer
{
	height:95px;
	width:136px;
	float:left;
	margin-top:10px;
}

/* Website Text */

.mainText
{
	font-family:Verdana, sans-serif;
	font-size:70%;
	text-decoration:none;
	/*line-height:10px;*/	
}

p
{
	text-align:justify;
}

.calendarText
{
	font-family:Verdana, sans-serif;
	font-size:70%;
	text-decoration:none;
	color:#ffffff;
	/*padding-left:10px;*/
	float:left;
	line-height:15px;
}

.developedByText
{
	font-family:Verdana, sans-serif;
	font-size:75%;
	text-decoration:none;
	color:#ffffff;
	/*padding-right:10px;*/
	float:right;
	line-height:15px;	
}

.councilNameTitle
{
	font-family:Verdana, sans-serif;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	color:#1f1f1f;
	text-align:center;
	padding:10px;
	background-color:#ffffff;
}



.subTextTitles
{
	font-family:Verdana, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#000000;
	margin:0px, auto;	
	padding: 9px 10px;	
}

.subRightPhotoGalleryTitle
{
	font-family:Verdana, sans-serif;
	font-size:100%;
	color:#ffffff;
	line-height:36px;	
	height:38px;
	background:url(../images/photoGalleryRepeatBG.gif);
	padding-left:10px;
	vertical-align:middle;
}

.subRightPollsTitle
{
	font-family:Verdana, sans-serif;
	font-size:100%;
	color:#1f1f1f;
	line-height:36px;
	width:222px;
	height:38px;
	background:url(../images/pollsRepeatBG.gif);
	padding-left:10px;
	vertical-align:middle;
	border-bottom:1px solid #eaeaea;
}

/* Website Links */

a
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	color:#030303;
}

.readMore
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#000000;
}

.subSubLinks
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	line-height:10px;
	color:#000000;
}

.siteMapLinks
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	line-height:10px;
	color:#111111;
}

a:hover
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	color:#000000;
}

.readMore:hover
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#5d5d5d;
}

.subSubLinks:hover
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	line-height:10px;
	color:#504f4f;
}

.siteMapLinks:hover
{
	font-family:Verdana, sans-serif;
	font-size:80%;
	text-decoration:none;
	line-height:10px;
	color:#3f3f3f;
}

/* Website Controls   */

.websiteTextboxes
{
	background-color:#f4f3f2; 
	border:solid 1px #9c9c9b;
	width:110px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

.websiteDropDowns
{
	background-color:#ecebea; 
	border:solid 1px #787878;
	width:115px;
	height:17px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

.btnSearch
{
	background:url(../images/searchButton.jpg);
	height:16px;
	width:27px;
	border:0px;
}

.btn
{
	background-color: #ececeb;
	color:#888785;	
	border:solid 1px black;
}

.btnflags
{
	/*background:url(../images/malteseFlag.jpg);*/
	/*height:15px;
	width:27px;
	border:0px;*/
	/*height:15px;*/
}

.btnLocalGovernment
{
	/*background:url(../images/departmentLocalGovernment.jpg);*/
	/*height:49px;*/
	width:239px;
	border:0px;
}

.btnLCSearch
{
	background:url(../images/btnBigSearch.jpg);
	height:21px;
	width:78px;
	border:0px;
}

/*information Snippet*/

.infosnippetHeader
{
	font-family:Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	margin:0px, auto;	
	background:#dedede;
	padding:4px;
}

.infosnippet {}
.infosnippet .itemHeader {}
.infosnippet .itemHeader .itemh2 {}
.infosnippet .itemcontent {}
.infosnippetsep {height:1px; background-color:#dedede;}

/*ByeLaws*/
.byelaw { }

.byelaw .linkcell {width:265px; vertical-align:top;}
.byelaw .pdficon{width:35px; text-align:left; vertical-align:middle;}
.byelaw .title{width:200px; vertical-align:middle; text-align:left;}
.byelaw .title div{ background-color:#DEDEDE; padding:3px;}
.byelaw .downloadicon{width:30px;text-align:center; vertical-align:middle;}

.byelaw .description{height:30px;vertical-align:top;}

.byelawheader {}
.byelawheader thead{font-weight:bold;}
.byelawheader .emptycell{width:265px;}
.byelawheader .description{height:17px;vertical-align:top;}

/* Menu Items */

.menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu {
	POSITION: relative;
}
 HTML .menu {
	POSITION: static
}
.menu LI {
 BACKGROUND: url(../images/mnuOff.jpg); FLOAT: left;  WIDTH: 126px; HEIGHT: 26px
}
.menu LI.sub {
	BACKGROUND: url(../images/mnuOff.jpg);
}
.menu LI.sublevel {
	BACKGROUND: gray url(../images/subMnuOff.jpg);
}
.menu LI.subSublevel {
	BACKGROUND:  gray url(../images/subSubMnuOff.jpg);
	z-index:1;
}
.menu TABLE {
	FONT-SIZE: 11px; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px;
}
.menu LI A {
	DISPLAY: block; FONT-SIZE: 80%; WIDTH: 126px; COLOR: #000000; LINE-HEIGHT: 27px; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu :hover {
	BACKGROUND: url(../images/mnuOn.jpg); COLOR: #ffffff;
}
.menu LI.sub:hover {
	POSITION: relative;
	
}
.menu LI.sub A:hover {
	POSITION: relative;
	color:#ffffff;
	BACKGROUND: url(../images/mnuOn.jpg);
}
.menu LI.sublevel A:hover {
	POSITION: relative;
	color:#ffffff;
	BACKGROUND: url(../images/SubMnuOn.jpg);
	height:26px;
}
.menu LI.subSublevel A:hover {
	POSITION: relative;
	color:#ffffff;
	BACKGROUND: url(../images/SubMnuOn.jpg);
}
UNKNOWN {
	BACKGROUND: #CCCCCC; COLOR: #000000
}
.menu UL {
	LEFT: -9999px; WIDTH: 126px; POSITION: absolute
}
.menu :hover UL UL {
	LEFT: -9999px; WIDTH: 126px; POSITION: absolute
}
.menu :hover UL :hover UL UL {
	LEFT: -9999px; WIDTH: 126px; POSITION: absolute
}
.menu :hover UL :hover UL UL.left {
	LEFT: -9999px; WIDTH: 126px; POSITION: absolute
}
.menu :hover UL {
 LEFT: 0px; PADDING-TOP: 0px; TOP: 27px
}
.menu :hover UL :hover UL {
  LEFT: 126px; TOP: 0px
}
.menu :hover UL :hover UL.left {
	LEFT: -126px
}
.menu :hover UL :hover UL :hover UL {
LEFT: 126px; TOP: 0px
}
.menu :hover UL :hover UL :hover UL.left {
	LEFT: -126px
}


