@charset "utf-8";
/*************************************/
/* MEPA General Layout CSS Document  */
/* Last Updated: 02-12-09            */
/* By Alan Agius                     */
/*************************************/

/* General Elements                  */
body
{
	margin:0 0 5px 0;
	background-color:#FFF;
}

img
{
	border:0;
}

#siteParentContainer
{
	width:914px;
	margin:0 auto;
	overflow:hidden;
}

.marginRight4px
{
	margin-right:4px;
}

.paddingRight6px
{
	padding-right:6px;
}

.marginBottom12px
{
	margin-bottom:12px;
}
/* Header                           */
#topNavSection
{
	width:100%;
	height:29px;
	overflow:hidden;
	background-color:#cae98e;
}

#topNavItemsContainer
{
	margin:0 0 0 0;
	float:left;
}

#SearchLoginContainer
{	
	margin:4px 0 0 0;
	float:right;
}

#SearchLoginContainer div
{	
	float:right;
}

#SearchLoginContainer .buttonsContainer, #SearchLoginContainer .inputContainer
{
	float:left;
	padding:0 5px 0 0;
}

#SearchLoginContainer .inputContainer input
{
	padding:3px;
	width:111px;
	border:1px solid #91b589;
	height:13px;
	background:url(../pics/bk_search_input.gif) repeat-x bottom;
}

#SearchLoginContainer img
{
	margin:0 0 0 5px;
}

#sloganContainer
{
	width:100%;
	margin:24px 0;
}

#menuMenuContainer
{
	width:771px;
	height:39px;
	float:left;
	overflow:hidden;
}

/* Body                             */
#bodyContainer
{
	width:914px;
	overflow:hidden;
	background:url(../pics/bk_bodyContainer.gif) repeat-y left;
	float:left;
}

#spbodyContainer
{
	width:914px;
	overflow:hidden;
	background:url(../pics/bk_spbodyContainer_1.gif) repeat-y left;
	float:left;
}

/* Left Submenu                     */
#LeftSubmenuContainer
{
	width:145px;
	margin:0 10px 0 0;
	float:left;
	border-top: 2px solid #108e0d;
}

#LeftSubmenuContainer ul
{
	margin:1px 0 0 0;
	padding:0;
	width:100%;
	list-style-type:none;
}

#LeftSubmenuContainer ul li
{
	margin:0;
	padding:0;
	background:url(../pics/arrow_submenuLeft.gif) no-repeat left top;
	width:145px;
	float:left;
	border-bottom:1px solid #d2e3d2;
}

#LeftSubmenuContainer ul li ul
{
	margin:0;
	float:left;
	padding:0;
	float:left;
	width:100%;
	list-style-type:none;
	background:#f7faf3;
}

#LeftSubmenuContainer ul li ul li
{
	background:url(../pics/arrow_submenuLeftMinus.gif) no-repeat left top;
	width:145px;
	float:left;
	border-bottom:0;
	border-top:1px solid #d2e3d2;
}

/* News Section Column             */
#mpNewsColumn
{
	width:298px;
	float:left;
	border-top: 2px solid #108e0d;
}

#newsContainer
{
	width:100%;
	float:left;
}

#mpNewsBigImage
{
	overflow:hidden;
	float:left;
	height:172px;
	width:290px;
	background-color:#000;
	border:4px solid #dcdcc6;
}

#mpNewsBlackBK, .newsBlackBK
{
	background-color:#000;
	filter:alpha(opacity=40);   
	-moz-opacity: 1.4;
	opacity: 0.4;
	position:absolute;
	z-index:50;
	overflow:hidden;
}

#mpNewsBlackBK
{
	width:290px;
	height:55px;
	margin: 117px 0 0  0;
}

#mpNewsSummaryTXTContainer
{
	position:absolute;
	z-index:55;
	width:280px;
	height:40px;
	overflow:hidden;
	padding:5px;
	margin: 117px 0 0 0;
}

#mpNewsSummaryTXT
{
	float:left;
	width:260px;
}

#mpNewsReadMore
{
	float:left;
	width:15px;
	padding: 29px 0 0 5px
}

#mpNewsThumbsContainer
{
	width:100%;
	float:left;
	margin:4px 0 0 0;
}

.mpNewsThumbs
{
	width:139px;
	height:100px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	border:4px solid #dcdcc6;
	background-color:#000;
}

.newsBlackBK
{
	width:139px;
	height:50px;
	margin:50px 0 0 0;
}

.newsTitleTXTContainer
{
	width:124px;
	padding:5px;
	overflow:hidden;
	height:40px;
	z-index:55;
	position:absolute;
	margin:47px 0 0 0;
}

#viewMoreNews
{
	float:left;
	width:100%;
	margin:8px 0 0 0;
	height:23px;
}

#viewMoreNews .readmoreTXT, .mpWideSections .readmoreTXT
{
	float:right;
	padding:1px 5px 2px 0;
}

#viewMoreNews .readmoreBTN, .mpWideSections .readmoreBTN
{
	float:right;
	padding: 0 9px 0 0;
}

/* Wide Page Sections            */
.mpWideSections
{
	background:url(../pics/bk_dottedline.gif) repeat-x top;
	width:100%;
	float:left;
	padding:10px 0 0 0;
}

.pageSectionImage
{
	overflow:hidden;
	float:left;
	width:290px;
	border:4px solid #dcdcc6;
}

/* Narrow Page Sections          */
#pageSectionContainer
{
	width:298px;
	float:left;
	overflow:hidden;
	background:url(../pics/bk_dottedlineVertical.gif) repeat-y;
	margin:0 0 0 10px;
	border-top: 2px solid #108e0d;
}

.pagesectionGroupContainer
{
	background:url(../pics/bk_dottedline.gif) repeat-x bottom;
	padding:0 0 5px 0;
	float:left;
	overflow:hidden;
	width:350px;
}

.pageSectionItem
{
	width:139px;
	overflow:hidden;
	float:left;
	padding:5px 7px 5px 5px;
}
.pageSectionItem h2
{
	margin:0 0 11px 0;
	height:30px;
	width:100%;
	overflow:hidden;
	position:relative;
	border-bottom:2px solid #e2e2e2;
}

.pageSectionItem h2 label
{
	 position:absolute;
	 bottom:4px;
}

.mpWideSections h2
{
	width:230px;
	margin:0 0 5px 0;
	float:left;
}

.pagesectionImage
{
	margin:5px 0 6px 0;
	width:135px;
	float:left;
	border:2px solid #dcdcc6;
	overflow:hidden;
}

.pagesectionTXT
{
	width:100%;
	float:left;
	overflow:hidden;
}

.pagesectionButton
{
	margin:5px 0 0 0;
	text-align:right;
	cursor:pointer;
}

.pagesectionButton img, .pagesectionButtonsList img
{
	float:right;
	cursor:inherit;
}

.pagesectionButton label
{
	float:right;
	cursor:inherit;
	margin:1px 5px 0 0;

}

.pagesectionButton 
{
	margin:0 0 0 5px;
}

.pagesectionButtonsList
{
	width:140px;
	float:left;
	overflow:hidden;
	padding:0 0 5px 0;
	cursor:pointer;
}

.pagesectionButtonsList label
{
	float:left;
	cursor:inherit;
	width:125px;
	margin:1px 0 0 0;
	overflow:hidden;
}

/* Quicklinks Sections           */
#quicklinksParentContainer
{
	float:left;
	overflow:hidden;
	margin:0 0 0 10px;
	width:143px;
}

#quicklinksSecondary
{
	overflow:hidden;
	width:143px;
}

#btnClose
{
	margin:0 0 0 13px;
	cursor:pointer;
}

/* Case Search Sections          */
#caseSearchContainer
{
	padding:0 0 20px 26px;
	border-bottom:1px solid #addb5c;
	width:117px;
	overflow:hidden;
	float:left;
}

#caseSearchContainer .inputContainer input, #caseSearchContainer select
{
	border:1px solid #7b8b5d;
	background:url(../pics/input_bk.gif) repeat-x;
	padding:2px;
	height:22px;
}

#caseSearchContainer .inputContainer input
{
	text-align:center;
	height:14px;
}

.dropdownContainer
{
	width:100%;
	margin:0 0 10px 0;
	float:left;
}
.inputContainer
{
	float:left;
}

.submitButton
{
	width:100%;
	float:left;
	margin:10px 0 0 0;
}

/* Quick Links Items Sections          */
#tabSectionContainer
{
	width:100%;
	float:left;
	padding:5px 0 15px;
	border-bottom:1px solid #addb5c;
}

#tabSectionContainer img
{
	margin:10px 0 0 26px;
}

#quickLinksItems, #mostPopularItems
{
	float:left;
	width:100%;
	border-bottom:1px solid #addb5c;
}

#quickLinksItems ul, #mostPopularItems ul
{
	padding:0;
	margin:0 10px 15px;
	list-style-type:none;
}

#quickLinksItems ul li, #mostPopularItems ul li
{
	margin:0;
	background:url(../pics/arrow_quicklinks.gif) no-repeat top left;
	padding:3px 0 3px 16px;
}

/* Footer Section                     */
#footerContainer
{
	border-top: 2px solid #e0e0e0;
	margin:17px 0 0;
	padding:10px 0;
	float:left;
	width:100%;
	text-align:center;
}

#footerContainer label
{
	margin:0 15px;
}

#footerContainer a
{
	color:#3b3a3a;
	text-decoration:underline;
}

#footerContainer a:hover
{
	color:#000;
	text-decoration:none;
}

/* Subpage Content Section       */
#spMiddleContainer
{
	border-top:2px solid #108e0d;
	float:left;
	overflow:hidden;
	width:606px;
	position:relative;
}

#spMiddleContainer #printPageIcon
{
	position:absolute;
	right:0;
	top:5px;
}

#contentContainer
{
	width:586px;
	padding:5px 10px;
}

#pageTitleSep
{
	background:url(../pics/bk_dottedline.gif) repeat-x;
	height:2px;
	width:100%;
	float:left;
}
#contentHolder
{
	float:left;
	margin:8px 0 0;
	width:100%;
}

/* 4th Level Menu Section        */
#fourthLevelMenu
{
	background:#f0f5e7;
	float:left;
	margin:0 0 10px;
	width:100%;
}

#fourthLevelMenu ul
{
	float:left;
	list-style-type:none;
	padding:5px 0;
	margin:0;
}

#fourthLevelMenu ul li
{
	float:left;
	padding:0 10px;
	margin:0;
	background:url(../pics/bk_4th_menu_sep.gif) no-repeat right center;
}
