/*****************************/
/*** Core html ***/
/*****************************/
* {
    box-sizing: border-box;
}



html {
}

body {
	background: #9DD29C;
}

p {
	font-family: arial;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}

div {
	font-family: arial;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}

img {
	border: none;
}

/*****************************************/
/*** LINKS ***/
/*****************************************/
a:link, a:visited {
	font-family: arial;
	font-size: 16px;
	line-height: 18px;
	color: #0000ff;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #7B7D32;
}



#outer {
	width: 100%;
}

#inner {
	position: relative;
	float: none;
	width: 80%;
	margin: 0px auto 0px auto;
}

@media only screen and (max-width: 1024px) {
	#inner {
		width: 100%;
	}
}

/**  Header  ****************************************************************************/
#header {
	float: left;
	width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#header-image img {
	width: 100%;
	height: auto;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#facebook {
	position: relative;
	z-index: 10000;
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
}
#facebook-icon a {
	position: absolute;
	z-index: 10000;
	width: 20px;
	height: 20px;
	background: url(../images/facebook_icon.png) no-repeat;
	left: 0px;
}

#facebook-like {
	position: absolute;
    left: 25px;
}


#main_sponsors {
	float: left;
	width: 287px;
	height: 78px;
	margin: -78px 0px 0px 580px;
}
#main_sponsors span {
	float: left;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 100px;
}
#main_sponsors_1 {
	float: left;
	width: 122px;
	height: 67px;
	background: url(../images/Sponsors/Gwent_Energy.png) no-repeat;
}
#main_sponsors_2 {
	float: left;
	width: 165px;
	height: 67px;
	background: url(../images/Sponsors/Green_Park_Power_Ltd.png) no-repeat;
}



/*******************************/
/****    Back to Top Side   ****/
/*******************************/
#back-to-top_outer {
	position: absolute;
}

#back-to-top_inner {
	
}


#back-to-top-left a {
	position: fixed;
	z-index: 10000;
	width: 16px;
	height: 10px;
	background: url(../images/Back-to-Top-Side/Back-to-Top-Side.png) no-repeat;
	left: 0px;
	bottom: 0px;
}
#back-to-top-left a:hover {
	background: url(../images/Back-to-Top-Side/Back-to-Top-Side-Hover.png) no-repeat;
}


#back-to-top-right a {
	position: fixed;
	z-index: 10000;
	width: 16px;
	height: 10px;
	background: url(../images/Back-to-Top-Side/Back-to-Top-Side.png) no-repeat;
	right: 0px;
	bottom: 0px;
}
#back-to-top-right a:hover {
	background: url(../images/Back-to-Top-Side/Back-to-Top-Side-Hover.png) no-repeat;
}



/**  MENU  ******************************************************************************/
@media only screen and (max-width: 768px) {
	#menu-toggle_outer {
		display: block;
		float: left;
		width: 100%;
		height: 50px;
		background: #ffffff;
	}
}

@media only screen and (max-width: 768px) {
	#menu-toggle_inner {
		display: block;
		height: 50px;
		padding: 5px 0px 5px 0px;
	}
}


input.menu-toggle {
	display: none;
}

@media only screen and (max-width: 768px) {
	input.menu-toggle + label {
		float: left;
		position: relative;
		width: 40px;
		height: 40px;
		background: url(../images/Menu/Menu.png) no-repeat;
		cursor: pointer;
		transition: background 1s ease-in-out, transform 1s;
		-webkit-transition: background 1s ease-in-out, transform 1s;
		-moz-transition: background 1s ease-in-out, transform 1s;
		-o-transition: background 1s ease-in-out, transform 1s;
		top: 0px;
		left: 3px;
	}
}


input.menu-toggle + label:hover {
	background: url(../images/Menu/Menu_hover.png) no-repeat;
	transition: background 1s ease-in-out, transform 1s;
    -webkit-transition: background 1s ease-in-out, transform 1s;
    -moz-transition: background 1s ease-in-out, transform 1s;
    -o-transition: background 1s ease-in-out, transform 1s;
}

input.menu-toggle:checked + label {
	position: relative;
	background: url(../images/Menu/Menu-close.png) no-repeat;
    transform: rotate(45deg);
	transition: background 1s ease-in-out, transform 1s;
    -webkit-transition: background 1s ease-in-out, transform 1s;
    -moz-transition: background 1s ease-in-out, transform 1s;
    -o-transition: background 1s ease-in-out, transform 1s;
	top: 0px;
	left: 3px;
}

input.menu-toggle:checked ~ #menu_outer {
    transform: translatex(1000%) !important;
    transition: transform 1s;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
}


#menu_outer {
	float: left;
	width: 100%;
	background: #ffffff;
	padding: 0px 18px 0px 18px;
}

@media only screen and (max-width: 768px) {
	#menu_outer {
		float: left;
		position: relative;
		z-index: 1;
		width: 100%;
		left: -1000%;
		transition: transform 1s ease-in-out;
		-webkit-transition: transform 1s ease-in-out;
		-moz-transition: transform 1s ease-in-out;
		-o-transition: transform 1s ease-in-out;
		padding: 0px 0px 0px 0px;
	}
}


#menu_inner {
	float: none;
	width: 100%;
	background: #5A9FCE;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	padding: 10px 0px 0px 10px;
	margin: 0px auto 0px auto;
}
@media only screen and (max-width: 880px) {
	#menu_inner {
		width: 100%;
	}
}



#mainbody {
	float: left;
	width: 100%;
	background: #ffffff url(../images/Background.png) no-repeat;
	padding: 5px 18px 5px 18px;
	margin-top: 0px;
}



#bottom {
	float: left;
	width: 100%;
/*	min-height: 85px;
	background: #ffffff url(../images/Sponsors/Bottom.png) no-repeat;*/
	background: #ffffff;
	border-top: 2px solid #9DD29C;
	text-align: center;
}
/*
#sponsor_link_1_1 a {
	float: left;
	width: 125px;
	height: 85px;
	margin: 0px 0px 0px 34px;
}
#sponsor_link_1_2 a {
	float: left;
	width: 105px;
	height: 85px;
	margin: 0px 0px 0px 135px;
}
#sponsor_link_1_3 a {
	float: left;
	width: 186px;
	height: 85px;
	margin: 0px 0px 0px 131px;
}
#sponsor_link_1_4 a {
	float: left;
	width: 151px;
	height: 85px;
	margin: 0px 0px 0px 125px;
}
*/
#bottom2 {
	float: left;
	width: 100%;
/*	min-height: 85px;
	background: #ffffff url(../images/Sponsors/Bottom2.png) no-repeat;*/
	background: #ffffff;
	border-top: 2px solid #9DD29C;
	text-align: center;
}
#bottom3 {
	float: left;
	width: 100%;
/*	min-height: 85px;
	background: #ffffff url(../images/Sponsors/Bottom3.png) no-repeat;*/
	background: #ffffff;
	border-top: 2px solid #9DD29C;
	text-align: center;
}

#bottom img, #bottom2 img, #bottom3 img {
	width: 100%;
	height: auto;
}


#copyright_outer {
	float: left;
	width: 100%;
	min-height: 30px;
	background: #000000;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#copyright_inner {
	text-align: center;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
}
#copyright_inner a {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
}

/**********************
/**     headers     **/
/*********************/
.page-header h1 {
	display: none;
}

h1 {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #70BC71;
	margin: 0px 0px 10px 0px;
}
@media only screen and (max-width: 768px) {
	h1 {
		font-size: 30px;
		line-height: 30px;
	}
}

h2 {
	font-family: arial;
	font-size: 26px;
	line-height: 28px;
	font-weight: normal;
	color: #70BC71;
	margin: 0px;
}
@media only screen and (max-width: 768px) {
	h2 {
		font-size: 22px;
		line-height: 24px;
	}
}

h3, h4, h5, h6, h7 {
	font-family: arial;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

h1.a {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #5a9fce;
	margin: 0px 0px 10px 0px;
}
h1.c {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #3e7630;
	margin: 0px 0px 10px 0px;
}
h1.g {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #deb3ce;
	margin: 0px 0px 10px 0px;
}
h1.m {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #F69679;
	margin: 0px 0px 10px 0px;
}
h1.u {
	font-family: arial;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #8BADDB;
	margin: 0px 0px 10px 0px;
}
@media only screen and (max-width: 768px) {
	h1.a, h1.c, h1.g, h1.m, h1.u {
		font-size: 30px;
		line-height: 30px;
	}
}

h2.a {
	font-family: arial;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #5a9fce;
	margin: 0px;
}
h2.c {
	font-family: arial;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #3e7630;
	margin: 0px;
}
h2.g {
	font-family: arial;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #deb3ce;
	margin: 0px;
}
h2.m {
	font-family: arial;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #F69679;
	margin: 0px;
}
h2.u {
	font-family: arial;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #8BADDB;
	margin: 0px;
}


/*************************************************************/
/***                         PAGES                         ***/
/*************************************************************/

/*****************************************/
/***             Home Page             ***/
/*****************************************/
/**  Home Page 4 Images  **/
#home-images {
	width: 100%;
	text-align: center;
}


/**  Welcome Search Hits  **/
#welcomesearchhits {
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
#home-welcome {
	float: left;
	width: 65%;
}
@media only screen and (max-width: 980px) {
	#home-welcome {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	#home-welcome {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 980px) {
	#home-welcome h1 {
		font-size: 30px;
	}
}


#search-hits-box {
	position: relative;
	float: left;
	width: 35%;
}
@media only screen and (max-width: 980px) {
	#search-hits-box {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	#search-hits-box {
		width: 100%;
	}
}

#search-box {
	position: absolute;
	height: 25px;
	top: 0px;
	right: 0px;
}
@media only screen and (max-width: 768px) {
	#search-box {
		position: relative;
	}
}
#hits {
	position: absolute;
    top: 30px;
    right: 0px;
}
@media only screen and (max-width: 768px) {
	#hits {
		position: relative;
		top: 0px;
	}
}


/*****************************************/
/***           Property MAP            ***/
/*****************************************/
#map {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#map iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/*****************************************/
/***       Technology Explained        ***/
/*****************************************/
.Home-Image-1, .Home-Image-2, .Home-Image-3, .Home-Image-4 {
	display: inline-block;
}


/*****************************************/
/***         Property CATEGORY         ***/
/*****************************************/
#property-row {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px 0px 20px 0px;
}


#property-1 {
	display: inline-block;
	width: 230px;
	height: 430px;
	margin: 0px 20px 0px 0px;
}
#property-2 {
	display: inline-block;
	width: 230px;
	height: 430px;
	margin: 0px 20px 0px 0px;
}
#property-3 {
	display: inline-block;
	width: 230px;
	height: 430px;
	margin: 0px 20px 0px 0px;
}
#property-4 {
	display: inline-block;
	width: 230px;
	height: 430px;
	margin: 0px 0px 0px 0px;
}


#property-image {
	float: left;
	width: 230px;
	height: 170px;
	border: 1px solid #BACDEA;
	background: #BACDEA;
	margin-right: 15px;
}


/* Table Text -a */
#property-text-a {
	float: left;
	width: 230px;
	height: 260px;
	border: 1px solid #5A9FCE;
	background: #5A9FCE;
	margin-top: -2px;
	margin-right: 15px;
}


#property-text-a p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**  Property Table Text UL  **/
#property-text-a ul {
	float: left;
	width: 188px;
	text-align: left;
	color: #ffffff;
}
/**  Property Table Text LI  **/
#property-text-a ul li {
	float: left;
	width: 206px;
	text-align: left;
	margin-left: -20px;
	color: #ffffff;
}
#property-text-a ul li p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* Table Text -c */
#property-text-c {
	float: left;
	width: 230px;
	height: 260px;
	border: 1px solid #3E7630;
	background: #3E7630;
	margin-top: -2px;
	margin-right: 15px;
}
#property-text-c p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**  Property Table Text UL  **/
#property-text-c ul {
	float: left;
	width: 188px;
	text-align: left;
	color: #ffffff;
}
/**  Property Table Text LI  **/
#property-text-c ul li {
	float: left;
	width: 206px;
	text-align: left;
	margin-left: -20px;
	color: #ffffff;
}
#property-text-c ul li p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* Table Text -g */
#property-text-g {
	float: left;
	width: 230px;
	height: 260px;
	border: 1px solid #deb3ce;
	background: #deb3ce;
	margin-top: -2px;
	margin-right: 15px;
}


#property-text-g p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**  Property Table Text UL  **/
#property-text-g ul {
	float: left;
	width: 188px;
	text-align: left;
	color: #ffffff;
}
/**  Property Table Text LI  **/
#property-text-g ul li {
	float: left;
	width: 206px;
	text-align: left;
	margin-left: -20px;
	color: #ffffff;
}
#property-text-g ul li p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* Table Text -m */
#property-text-m {
	float: left;
	width: 230px;
	height: 260px;
	border: 1px solid #F69679;
	background: #F69679;
	margin-top: -2px;
	margin-right: 15px;
}
#property-text-m p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**  Property Table Text UL  **/
#property-text-m ul {
	float: left;
	width: 188px;
	text-align: left;
	color: #ffffff;
}
/**  Property Table Text LI  **/
#property-text-m ul li {
	float: left;
	width: 206px;
	text-align: left;
	margin-left: -20px;
	color: #ffffff;
}
#property-text-m ul li p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Table Text -u */
#property-text-u {
	float: left;
	width: 230px;
	height: 260px;
	border: 1px solid #8baddb;
	background: #8baddb;
	margin-top: -2px;
}
#property-text-u {
	float: left;
	margin-right: 15px;
}
#property-text-u p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**  Property Table Text UL  **/
#property-text-u ul {
	float: left;
	width: 188px;
	text-align: left;
	color: #ffffff;
}
/**  Property Table Text LI  **/
#property-text-u ul li {
	float: left;
	width: 206px;
	text-align: left;
	margin-left: -20px;
	color: #ffffff;
}
#property-text-u ul li p {
	float: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/*****************************************/
/***          Property DETAILS         ***/
/*****************************************/
table.property-details-table {
	float: left;
	padding-bottom: 80px;
}
td.property-details-image {
	float: left;
	width: 600px;
	height: 400px;
}
td.property-details-text {
	float: left;
	width: 360px;
	height: 400px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
td.property-details-text p {
	float: none;
	width: 100%;
	font-family: arial;
	font-size: 18px
	line-height: 0px;
	margin: 0px 0px 5px 0px;
}


/**  Events Table
.events-table {
	float: left;
	border: 2px solid #5A9FCE;
	border-radius: 8px;
	background: #9DD29C;
	margin-bottom: 30px;
	padding: 10px 10px 10px 10px;
}
.events-table p {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
**/

/**  Sponsors  **/
.blog_sponsors .items-leading, .blog_sponsors .item {
	width: 100%;
	border: 2px solid #6AA0A2;
	border-radius: 8px;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}

h2#sponsors {
	font-size: 22px;
	line-height: 32px;
	color: #9DD29C;
}/*
#sponsors {
	float: left;
	width: 978px;
	border: 2px solid #6AA0A2;
	border-radius: 8px;
	padding: 5px;
	margin: 10px 0px 10px 0px;
}*/

/**  Useful Links Table  **/
.weblink-category_links ul {
	padding: 0px;
}

.weblink-category_links li {
	width: 100%;
	list-style: none;
	border: 2px solid #5A9FCE;
	border-radius: 8px;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 0px 5px;
}

.weblink-category_installers ul {
	padding: 0px;
}

/**  Installers Taking Part  **/
.weblink-category_installers li {
	width: 100%;
	list-style: none;
	border: 2px solid #5A9FCE;
	border-radius: 8px;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
}
.weblink-category_installers li a {
	font-weight: bold;
}


/**  Category Image Gap  **/
.category-image-gap {
	float: left;
	margin-right: 18px;
}

/**  Gap Above Area Names  **/
.area-text-gap {
	float: left;
	width: 100%;
	height: 70px;
}


/*****************************************/
/**               MODULES               **/
/*****************************************/

/**  Search  **/

#search-box input#mod-search-searchword {
	float: left;
	width: 254px;
	height: 25px;
	background: #9DD29C;
	border: 1px solid #5A9FCE;
	border-radius: 8px;
	padding-left: 5px;
}
#search-box button.button {
	height: 25px;
}

/**  Hits  **/
#hits dl.stats-module dt {
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#hits dl.stats-module dd {
	float: left;
	width: 79px;
	font-size: 18px;
	font-weight: bold;
	color: #F59678;
}


/*****************************************/
/**              Components             **/
/*****************************************/

/*****************************************/
/**               Contacts              **/
/*****************************************/
/* Contact Fields */
.contact {
	float: left;
	width: 100%;
}

.contact h2 {
	font-family: arial;
	font-size: 28px;
	line-height: 34px;
}
.contact h3 {
	border: 2px solid #5B9FCE;
	border-radius: 8px;
	color: #000000;
	width: 100%;
	font-size: 20px;
	padding: 4px 0px 4px 5px;
	margin: 0px 0px 20px 0px;
}
.contact .jicons-text {
	font-weight: bold;
}
.contact .contact-address address {
	
}
.contact .contact-emailto {
	
}
.contact .contact-telephone {
	
}

/***  Contact Form  ***/
.contact-form form fieldset {
	float: left;
	width: 100%;
	border: 2px solid #5B9FCE;
	border-radius: 12px;
	margin-top: 1px;
	padding: 8px;
	margin-bottom: 2px;
}
.contact-form form fieldset legend {
	font-family: 13px;
	font-weight: bold;
}
#jform_contact_name {
	max-width: 300px;
    border: 1px solid #c0c0c0;
    border-radius: 8px;
    padding: 4px 0px 4px 10px;
    margin-bottom: 10px;
    background-color: #DCE4EF;
}
#jform_contact_email {
	max-width: 300px;
	border:1px solid #c0c0c0;
	border-radius: 8px;
    padding: 4px 0px 4px 10px;
	margin-bottom: 10px;
	background-color: #DCE4EF;
}
#jform_contact_emailmsg {
	max-width: 300px;
	border:1px solid #c0c0c0;
	border-radius: 8px;
    padding: 4px 0px 4px 10px;
	margin-bottom: 10px;
	background-color: #DCE4EF;
}
#jform_contact_message {
	max-width: 620px;
	border:1px solid #c0c0c0;
	border-radius: 8px;
    padding: 4px 10px 4px 10px;
	margin-bottom: 10px;
	background-color: #DCE4EF;
}



/*****************************************/
/***               MENUS               ***/
/*****************************************/

/*****************************************/
/***           All List Items          ***/
/*****************************************/
.menujjbw {
 	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}



/*****************************************/
/***           All List Items          ***/
/*****************************************/
.menujjbw li {
	display: inline-block;  /**  Horizontal - removal for vertical  **/
	vertical-align: top;    /**  Horizontal - removal for vertical  **/
	width: 12.5%;
	list-style: none;
}

@media only screen and (max-width: 768px) {
	.menujjbw li {
		width: 25%;
	}
}

@media only screen and (max-width: 450px) {
	.menujjbw li {
		width: 50%;
	}
}

@media only screen and (max-width: 370px) {
	.menujjbw li {
		width: 100%;
	}
}



/*****************************************/
/***          Main Menu Button         ***/
/*****************************************/
.menujjbw li a {
	display: block;
	background: #5A9FCE;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	padding: 10px 4px 5px 4px;
}

.menujjbw li a:hover {
	color: #000000;
}


/***************************************************/
/***               Active Buttons                ***/
/***************************************************//*
.menujjbw li.current a {
 	background-color: #9DD29C;
	color: #000000;
}
.menujjbw li.current a:hover {
	background: #9DD29C;
	color: #ffffff;
}



/***************************************************/
/***              CHILD Active TREE              ***/
/***************************************************/

/***************************************************/
/***         KEEP PARENT Top Level ACTIVE        ***/
/***************************************************/
/*parent*/.menujjbw li.active.parent a,
/*child*/.menujjbw li.active.parent ul li.active.parent a {
	color: #000000;
}
/**************************************************/
/***         KEEP PARENT Hover Top Level        ***/
/**************************************************/
/*parent*/.menujjbw li.active.parent a:hover,
/*child*/.menujjbw li.active.parent ul li.active.parent a:hover {
	color: #ffffff;
}


/*************************************************/
/***         Active - CURRENTLY SELECTED       ***/
/*************************************************/
/*child*/.menujjbw li.active.parent ul li.current.active a,
/*child - child*/.menujjbw li.active.parent ul li.active.parent ul li.current.active a {
	color: #000000;
}

/************************************************/
/***     Active - CURRENT SELECTED - Hover    ***/
/************************************************/
/*child*/.menujjbw li.active.parent ul li.current.active a:hover,
/*child - child*/.menujjbw li.active.parent ul li.active.parent ul li.current.active a:hover {
	color: #ffffff;
}


/***********************************************/
/***       Active Tree - Non Active          ***/
/***********************************************/
/*child*/.menujjbw li.active.parent ul li a, 
/*child - child*/.menujjbw li.active.parent ul li.active.parent ul li a {
	color: #ffffff;
}
/**********************************************/
/***     Active Tree - Non active Hovers    ***/
/**********************************************/
/*child*/.menujjbw li.active.parent ul li a:hover {
	color: #000000;
}



/*********************************************/
/***           Child Level Styling         ***/
/*********************************************/
.menujjbw li ul {
	position: absolute;
 	z-index: 1000;
	width: 12.5%;
	padding: 0px;
}

.menujjbw li li {
	float: left;
	width: 100%;
}

.menujjbw li li a {
	padding: 15px 4px 15px 4px;
}



/*********************************************/
/***          Child Level Call Back        ***/
/*********************************************/

/***  Second Level  ***/
.menujjbw li ul {
	left: -1000%;
}
.menujjbw li:hover ul, .menujjbw li.sfhover ul {
	left: auto;
}


	/*  Third Level  */
.menujjbw li:hover ul ul, .menujjbw li.sfhover ul ul {
	left: -1000%;
}
	/*  Third level call back  */
.menujjbw li:hover ul, .menujjbw li li:hover ul, .menujjbw li.sfhover ul, .menujjbw li li.sfhover ul {
	left: auto;
}


	/*  Fourth level  */
.menujjbw li:hover ul ul, .menujjbw li:hover ul ul ul, .menujjbw li.sfhover ul ul, .menujjbw li.sfhover ul ul ul {
	left: -1000%;
}
	/*  Fourth level call back  */
.menujjbw li:hover ul, .menujjbw li li:hover ul, .menujjbw li li li:hover ul, .menujjbw li.sfhover ul, .menujjbw li li.sfhover ul, .menujjbw li li li.sfhover ul {
	left: auto;
}


	/*  Fifth level  */
.menujjbw li:hover ul ul, .menujjbw li:hover ul ul ul, .menujjbw li:hover ul ul ul ul, .menujjbw li.sfhover ul ul, .menujjbw li.sfhover ul ul ul, .menujjbw li.sfhover ul ul ul ul {
	left: -1000%;
}
	/*  Fifth level call back  */
.menujjbw li:hover ul, .menujjbw li li:hover ul, .menujjbw li li li:hover ul, .menujjbw li li li li:hover ul, .menujjbw li.sfhover ul, .menujjbw li li.sfhover ul, .menujjbw li li li.sfhover ul, .menujjbw li li li li.sfhover ul {
	left: auto;
}



/*********************************************/
/***    Individual menu button colours     ***/
/*********************************************/

/**  Button Colours  **/
.menujjbw li.item-118 a {
	background: #3e762f;
}
.menujjbw li.item-119 a {
	background: #f59678;
}
.menujjbw li.item-170 a {
	background: #8baddb;
}
.menujjbw li.item-280 a {
	background: #deb3ce
}
/**  Hovers  **/
.menujjbw li.item-118 a:hover, .menujjbw li.item-119 a:hover, .menujjbw li.item-170 a:hover {
	background:  #9dd29c;
}