/* @override
	http://www.wembo.com.au/templates/style/css/theme.css
	http://cdn.wembo.com.au/templates/style/css/theme.css */





/* Body and Outer Wrapper
-----------------------------------------------------------------------------*/
body {background: #000;}
#fontHeading {}
.fullWrap {margin-top: 20px;}


/* Top Row - For top1 to top4 positions
-----------------------------------------------------------------------------*/
.topRow {}
.topRow .containerBG {background: #fafafa;padding: 10px 0 0 0;padding-bottom: 20px}
#topWrapper {}
#top1 {}
#top2 {}
#top3 {}
#top4 {}
#top4 ul {float: right;margin: 0}
#top4 ul li {list-style-type: none;margin: 0}

/* Header and Logo Row - For when logo is in the header row and for header1 to header4 positions
-----------------------------------------------------------------------------*/
.logoRow {}
.logoRow .containerBG {padding: 0;
}
#header1 {}
#header2 {}
#header3 {}
#header4 {
position: absolute;
margin: 90px 0 0 900px;
background: #fff;
min-width: 200px;
overflow: hidden;
min-height: 300px;
}
.moduletable.complete {
	opacity: .5;
}

/* Logo Div and Tagline
-----------------------------------------------------------------------------*/
#logo {position: absolute;}
#logo a {}
#logo img {}
#tagline {}
#tagline span {position: relative !important;z-index: 1}

/* Nav row - for the menu position. See below for superfish styling
-----------------------------------------------------------------------------*/
.navRow {}
.navRow .containerBG {
	padding: 0;
	background: url(../images/menu-bg.png) no-repeat 0 0;
	height: 140px;
	position: relative;
	z-index: 2;
	width: 1005px;
	margin: 0 0 0 -66px;
	}
#navWrap {margin: 45px -5px 0 0; float: right;height: 47px;}
#nav {float: right;}

#nav ul li a {
	color: #fff;
	text-transform: uppercase;
	line-height: 20px;
	border-right: 2px dotted #333;
	padding: 8px 18px;
	font-weight: normal;

}
#grid13 .moduletable,#grid15 .moduletable {
	margin-bottom: 15px;
}
#grid13 h3 {
	margin-left: 50px;
}
#nav ul a:hover, #nav ul li li.active a, #nav ul li.active.parent > a, #nav ul li.active li a:hover {
	color: #333;
}
#nav ul li a.sf-with-ul {
	padding: 8px 18px;
}
#nav ul li ul {
	margin: 10px 0 0 0;
	max-width: 250px;
	border: 1px solid #333;
	background: #e5e7e8;
	z-index: 999;
}
.kasocialplugin {
	position: relative;
	z-index: 1;
}
#nav ul li ul li a {
	background: #999;
	margin: 1px 0 0 0;
	border: none;
	display: block;
}
#nav .moduletable-superfish {
	margin: 5px 0 0 0;
}
#navWrapper {
}
#nav ul li:first-of-type.active a {
	color: #fff !important;
}
#nav ul li:first-of-type.active a:hover {
	color: #222;
}
/* Banner Row - For the banner position
-----------------------------------------------------------------------------*/
.bannerRow {}
.bannerRow .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;background: #f2f2f2;padding: 10px 0}
#banner {}


/* Grid1 Row - Grid modules 1 to 4
-----------------------------------------------------------------------------*/
.grid1Row {
background: #333333;
margin: -42px 0 0 0;
}
.grid1Row .containerBG {
	padding: 0;
	background: url("/images/frontpage-intro.jpg") no-repeat 50% 0;
	min-height: 420px;
}
.gridWrap1 {}
#grid1 {max-height: 420px; overflow: hidden;}
#grid2 {}
#grid3 {}
#grid4 {

}
#grid4 .moduletable {
	float: right;
	padding: 10px 50px 0 0 ;
}
.moduletable.follow {
	width: 350px;
}
.follow h3 {
	margin: 0;
}
.follow .moduleTitle {
	background: #000;
	padding: 3px !important;
	margin: 0 !important;
}
.follow .moduleTitle h3 {
	margin: 0 !important;
	padding: 0;
}
.custom.follow h3 {
	margin: 10px 0;
	background: url(../images/stopwatch.png) no-repeat 0 0;
	padding: 0 0 0 30px;
	line-height: 30px;
	background-size: 25px;
}
#grid4 h3 {
	color: #fff;
}
#grid1 img {
	margin: -10px 0 0 0;
}
.grid1Row p, .grid1Row a {
	margin: 0;
	color: #fff;
}
.gridWrap1 .moduletable.frontpagenews {
	position: absolute;
	z-index: 999;
	margin: 150px 0 0 50px;
	padding: 10px;
	width: 395px;
	max-height: 150px;
}
.frontpagenews .mbDetailsFlat {
	clear: both;
	width: 100%;
}
.frontpagenews .mbWrapFlat {
	border: none;
}
.frontpagenews p, .frontpagenews .mbDateCols {
	color: #fff;
	line-height: 15px;
}
.frontpagenews .mbDateCols {
	margin: 0;
}
.frontpagenews h3 {
	color: #fff !important;
}
/* Grid2 Row - Grid modules 5 to 8
-----------------------------------------------------------------------------*/
.grid2Row {}
.grid2Row .containerBG {padding: 0;}
.gridWrap2 {}
#grid5 {position: relative; margin: -90px 0 0 0; z-index: 999;padding: 0;}
#grid6 {}
#grid7 {}
#grid8 {}
.grid2Row .containerBG p {
	padding: 10px 40px 11px;
	color: #fff;
	font-style: italic;
	margin: 0;
	font-size: 98%;
	background: url(../images/text-bg.png) repeat;
}


/* Grid3 Row - Grid modules 9 to 12
-----------------------------------------------------------------------------*/
.grid3Row {}
.grid3Row .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;background: #fafafa}
.gridWrap3 {}
#grid9 {}
#grid10 {}
#grid11 {}
#grid12 {}


/* Main Content
-----------------------------------------------------------------------------*/
.mainRow {background: #333; margin: -42px 0 0 0;}
.mainRow .containerBG {padding: 10px 0;}
#mainWrap {}
#midCol {}

#mainContent {margin: 0;}


/* MidCol Layout Variations
-----------------------------------------------------------------------------*/
#midCol.One {}
#midCol.twoL {}
#midCol.twoR {}
#midCol.threeLR {}
#midCol.threeLC {}
#midCol.threeRC {}
#midCol.fourLRC {}



/* Main Layout Variations
-----------------------------------------------------------------------------*/
#mainWrap.One {}
#mainWrap.twoL {}
#mainWrap.twoR {}
#mainWrap.threeLR {}
#mainWrap.threeLC {}
#mainWrap.threeRC {}
#mainWrap.fourLRC {}



/* LeftCol Variations
-----------------------------------------------------------------------------*/
#leftCol {}
#leftCol.twoL {}
#leftCol.threeLR {}
#leftCol.threeLC {}
#leftCol.fourLRC {}
#leftCol .moduletable {
	padding: 10px;
}
#leftCol .moduletable img {
	max-width: 100%;
	height: auto;
}
#leftCol .moduletable.leftbanner {
	padding: 0;
	overflow: hidden;
	margin: 12px 15px 0 0;
}
.leftbanner img {
	float: right;
	border-bottom: 2px solid #ED591F;
}

/* Center Col Variations
-----------------------------------------------------------------------------*/
#centerCol {}
#centerCol.threeRC {}
#centerCol.threeLC {}
#centerCol.fourLRC {}


/* rightCol Variations
-----------------------------------------------------------------------------*/
#rightCol {}
#rightCol.twoR {}
#rightCol.threeLR {}
#rightCol.threeRC {}
#rightCol.fourLRC {}



/* Above Main Content
-----------------------------------------------------------------------------*/
#above {}
#above.twoL {}
#above.twoR {}
#above.threeLR {}
#above.threeLC {}
#above.threeRC {}
#above.fourLRC {}


/* Advert4 to Advert6
-----------------------------------------------------------------------------*/
#belowcontent {}
#belowcontent1 {}
#belowcontent2 {}
#belowcontent3 {}


/* Advert1 to Advert3
-----------------------------------------------------------------------------*/
#abovecontent {}
#abovecontent1 {}
#abovecontent2 {}
#abovecontent3 {}



/* Below Main Content
-----------------------------------------------------------------------------*/
#below {}
#below.twoL {}
#below.twoR {}
#below.threeLR {}
#below.threeLC {}
#below.threeRC {}
#below.fourLRC {}



/* Breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumb {margin: 0 0 20px;width: 100%;padding: 8px 0}
#breadcrumb .moduletable {}
.pathway img {margin: 6px 2px 0}
span.breadcrumbs.pathway {}

#jbArticle, .article_row, div.searchcontainer, #login, #uam, #edit, .profile-edit, .cat-items, #xmap{
	padding: 10px;
	color: #333;
	background: #d4d6d6;
	margin: 20px 0 0 0;
	border: 2px solid #ED591F;
	min-height: 250px;
	overflow: hidden;
}

#xmap ul {
	margin: 10px 0 0 20px;
}
.blog {
	margin-top: 0;
	max-width: 680px;
}
.article_row.news {
	width: 905px !important;
}
.news h2 {
	font-size: 18px;
}
#midCol img, {
	margin: 5px;
}
#midCol img.mceIcon {
	margin: 0;
}
.login input, .login button, #uam input, #uam button, #edit button, #edit input, .profile-edit input, .profile-edit button {
	background: #fff;
}
.login input {
	max-width: 250px;
}
#uam select {
	padding: 2px;
}
#uam #bt_new_article {
	padding: 5px 10px;
}
#uam #bt_new_article:hover {

	cursor: pointer;
	background: orange;
	color: #fff;
}
div.formelm-buttons button {
	margin: 5px;
}
div.formelm-buttons button:hover {
	cursor: pointer;
	border: 1px solid orange;
}
.row-title h2 {
	color: #fff;
	text-transform: none;
}
/* Grid4 Row - Grid modules 13 to 16
-----------------------------------------------------------------------------*/
.grid4Row {}
.grid4Row .containerBG {padding: 0;margin: 15px 0;}
.gridWrap4 {}
#grid13 {}
#grid14 {}
#grid15 {}
#grid16 {}
.gridWrap4 h3 {
	color: #fff !important;
}
.gridWrap4 .moduletable {
	padding: 0;
	text-align: center !important;
}
.gridWrap4 .moduletable a {
	text-align: center !important;
}
.gridWrap4 .moduletable img {
	margin: auto;
	display: block;
}
.gridWrap4 .moduletable:hover {

}
.gridWrap4 .moduletable img {
	max-width: 95%;
	height: auto;
}
.gridWrap4 p {
	margin: 0;
}
#grid13 .moduletable {
}
#grid15 .moduletable {
}
#grid14 .moduletable {
	margin: 0 0 0 6px;
}
.moduletable.complete {
	opacity: .2;
}
/* Grid5 Row - Grid modules 17 to 20
-----------------------------------------------------------------------------*/
.grid5Row {}
.grid5Row .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;}
.gridWrap5 {}
#grid17 {}
#grid18 {}
#grid19 {}
#grid20 {}
#grid17 img {
}
.gridWrap5 h3 {
	color: #fff!important;
}
.gridWrap5 h4 {
	color: #fff!important;
}
/* Grid6 Row - Grid modules 21 to 24
-----------------------------------------------------------------------------*/
.grid6Row {}
.grid6Row .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;}
#grid21 {}
#grid22 {}
#grid23 {}
#grid24 {}
	.gridWrap6 h3 {
		color: #fff!important;
	}
	.gridWrap6 h4 {
		color: #fff!important;
	}



/* Bottom Row - Bottom1 to bottom4 modules
-----------------------------------------------------------------------------*/
.bottomRow {}
.bottomRow .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;background: #f2f2f2}
.bottomWrap {}
#bottom {}
#bottom1 {}
#bottom2 {}
#bottom3 {}
#bottom4 {}


/* Footer Row - Footer Position
-----------------------------------------------------------------------------*/
.footerRow {}
.footerRow .containerBG {padding: 0;}
#footer {overflow: hidden; padding: 0; margin: 0 0 30px;}
#footerLeft {max-width: 450px;}
#footerLeft .custom img {
	max-width: 100px;
}
#footerRight {}
img.jbLogo {}
.footerRow ul {margin: 0}
.footerRow ul li {list-style-type: none;margin: 0 20px 0 0; float: left;}
#footer a {
	color: #484b4b;
	font-weight: lighter;
	font-size: 10px;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footerRight p {
	margin: 0;
}

/* Hidden Panel - Core often overriden in template overrides
-----------------------------------------------------------------------------*/
#toppanel {}
.tab {}
#panelInner {}
#panel {}
#panel1 {}
#panel2 {}
#panel3 {}
#panel4 {}
#backgroundPopup



/* Search
-----------------------------------------------------------------------------*/
#search .inputbox,#search_searchword {}
#searchForm .button {margin-top: 8px}

#search .search label {
	display: none;
}
#search {
	padding: 11px 0 0 10px;
	float: right;
	margin: 0 -40px 0 0;
}
#search input {
	margin: 0 -10px 0 0;
	padding: 3px 0 3px 15px ;
	background: url(../images/search.png) no-repeat 100% 0;
	min-width: 190px;
	border: none;
	-moz-box-shadow: 0 0 0 0;
	font-size: 12px;
	text-indent: 17px;
}
.searchcontainer input, .searchcontainer button {
	margin: 0 !important;
}
.searchcontainer input {
	background: #fff;
}
.searchcontainer button {
	background: #fff;
	border: 1px solid #666;
}
.searchcontainer dt.result-title {
	margin: 5px 0 !important;
	padding: 0 !important;
}
/* Typography
-----------------------------------------------------------------------------*/
a {color: #c64819; font-weight: bold;}
a:hover {
	text-decoration: underline;
}
 p {margin: 8px 0}
/* Headings */
h1,.componentheading {color: #333}
h2,.contentheading,h2 a {color: #333;line-height: 1.4em}
h3,.moduletable h3 {color: #333;font-size: 1.6em}
h4 {color: #333}
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}

h1,h2,h3,h4 {
	text-transform: uppercase;
}



/* Left Column Top level Menus
-----------------------------------------------------------------------------*/
/* Left Col ul and ul li reset */
#leftCol ul,#leftCol ul li {list-style: none; padding: 1px; clear: both; margin: 0;}

/* Left Col ul Margins */
#leftCol ul li.active ul {}
#leftCol ul li.active ul ul {}


/* Left Col top level a and spans */
#leftCol ul li a,
#leftCol ul li.active span.mainlevel span,
#leftCol ul li span.mainlevel span {
	color: #fd5c17;
	padding: 2px 5px;
	height: 30px;
	line-height: 32px;
	text-transform: uppercase;
	display: block;
	margin: 1px 0;
	font-weight: normal;
	font-family: 'Rokkitt', serif;
	font-size: 15px;
}


/* Left Col hover states */
#leftCol ul li a:hover,#leftCol ul li.active a,
#leftCol ul li.active span.mainlevel span
{
	background: url(../images/side-menu-bg.png) no-repeat 100% 50%;
	color: #fff;
	text-indent: 10px;
	font-weight: normal;
	text-decoration: none;
}


/* Left Col two line menu colour */
#leftCol em {}

/* Left Col a active colour */
#leftCol ul li#current.active a {}


/* Left Col Top level active states  */
#leftCol ul li.active a,
#leftCol ul li.active span.mainlevel span
{}


/* Top level panel menu  */
.moduletable-panelmenu ul li span.mainlevel
{}

.moduletable-panelmenu ul li span.mainlevel span:hover  {}

.moduletable-panelmenu ul li.active span {}

/* Left Column Sub level Menus
-----------------------------------------------------------------------------*/

/* Left Col Sub menus */
#leftCol ul li li a,
#leftCol ul li#current.active li a
{}

/* Left Col Active sub level states and resets */
#leftCol ul li.active li a,
#leftCol ul li.active li.active span,
#leftCol ul li li a,
#leftCol ul li.active li.active li span
{}


#leftCol ul li.active li#current.active a
{}



/* Sub level panel menu  */
.moduletable-panelmenu ul li li span.mainlevel
{}

.moduletable-panelmenu ul li li span.mainlevel span:hover
{}


/* Left Column Sub Sub level Menus
-----------------------------------------------------------------------------*/
/* Resets background on sub sub level items */
#leftCol ul li.active li#current.active li a
{}

/* Left Col Sub Sub menus */
#leftCol ul li.active li.active li a,
#leftCol ul li.active li#current.active li a,
#leftCol ul li.active li.active li#current.active a,
#leftCol ul li li li span
{}

#leftCol ul li.active li.active li span {}
#leftCol ul li.active li.active li#current.active a {}



/* Input Styling */
.inputbox,input#email {font-size: 13px}

/* Overrides */
/* Page classes */
div.jbFrontPage {}
div.jbArticle {}
div.jbSection {}
div.jbCategory {}
.jbIntroText {}



/* Pdf Buttons etc */
div.buttons {float: right}

/* Div around the title and author, date etc */
div.jbMeta {font-size: 90%;color: #999;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin-bottom: 10px}

/* Section and Categories */
div.jbSectCat {}
span.jbSections {}
span.jbCategories {}



/* Author and date styling */
div.jbAuthorDate {}
span.jbModifydate {float: right}
span.jbAuthor {float: right}

div.jbCreatedate {}
div.jbCreatedate span.dateday {}
div.jbCreatedate span.datemonth {}
div.jbCreatedate span.dateyear {}

/* Read more */
div.jbReadmore {}




.cat-children ul li {list-style-type: none;margin: 0;border-bottom: 1px solid #ddd}

/* Pagination */
ul.pagination {margin-bottom: 20px}
ul.pagination li {list-style-type: none}
ul.pagination li a {border: none;background: #fafafa;padding: 4px}
ul.pagination li a:hover {border: 0}
.pagination ul li {list-style-type: none;margin: 0 10px 0 0;float: left}

/* Page nav*/
ul.pagenav li {list-style-type: none;float: right;clear: both}
.pagenavcounter {font-style: italic;font-size: 90%}


/* Global Input Styles */
input,textarea,button {
		border:solid 1px #E5E5E5;
		outline:0;
		font:normal 13px/100% Verdana, Tahoma, sans-serif;
		background:0;
		padding:9px;margin-bottom: 20px;
}

input:hover,textarea:hover,input:focus,textarea:focus,button:hover
{}




/* Login */
.login-fields input {display: block;clear: both;width: 80%}
.login .button {margin-top: 10px}



/* Login Module*/
#login-form input {width: 80%}
#login-form input.button {width: auto}
#login-form .inputbox {display: block}
p#form-login-remember label {float: left;margin-left: 25px;line-height: 1}


/* Contact Page */
.contact-address span {	display: block}
.contact-contactinfo .jicons-icons img {margin-right: 10px}
#contact-form label,#contact-form input,#contact-form textarea {display: block;clear: both}
#contact-form input,#contact-form textarea {width: 400px}
#contact-form label {margin-bottom: 10px}
#contact-form  dl dd {margin: 0 0 10px 0}
#contact-form .button {margin: 0}


/* Search Page */
#searchForm label {line-height: 1;margin-right: 20px;margin-left: 4px}
#searchForm fieldset.word label {margin-top: 10px;float: left}
#searchForm input {border: 1px solid #ddd}
#searchForm input#search-searchword {margin-right: 20px}
#searchForm .form-limit label {margin-top: 8px;float: left}

/* Search Results */
dl.search-results dt.result-title {margin-top: 20px;padding-top: 20px;border-top: 1px dotted #ddd}


/* Registration Page */
form#member-registration dl dt {clear: both}
form#member-registration dl dd {margin: 0}
form#member-registration dl dd input{clear: both;margin: 0;display: block}
form#member-registration dl dt label {margin-bottom: 4px}
form#member-registration input {width: 400px;border: 1px solid #ddd;padding: 8px}
form#member-registration button.validate {margin: 0 4px 0 0}


/* Profile Page */
.profile dl dd {margin: 0 0 10px 0}
.profile fieldset {margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px dotted #ddd}


/* Edit Profile Page */
.profile-edit dl dd {margin: 0 0 10px 0}
.profile-edit input {display: block;clear: both;padding: 8px;border: 1px solid #ddd;width: 400px}
.profile-edit fieldset {margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px dotted #ddd}
.profile-edit dl dt {margin: 0 0 10px 0}
.profile-edit label {margin: 0 10px 0 0}
.profile-edit button.validate {margin: 0 4px 0 0}
.profile-edit .optional {font-style: italic;font-size: 90%}


/* Back to top */
#toTop {color: #333;border: none;background: #fafafa}


/* Joomla Error message*/
#system-message ul {background: #eee !important;border: 1px solid #ddd !important;color: #333 !important}
#system-message ul li {list-style: none;margin: 0}


/* Table of Contents */
#article-index {float: right;padding: 8px;background: #fafafa;border: 1px solid #ddd;margin: 0 0 20px 20px}
#article-index ul li {list-style-type: none;margin: 0}
div.readmore a {
	font-weight: bold;
	font-style: italic;
	padding: 5px 15px 5px 5px;
}
div .readmore a:hover {
	background: #666;
	color: #fff;
}
li p {
	margin: 0;
}
#jbArticle li {
	margin: 0 0 0 50px;

}
#jbArticle table {
	width: 85% !important;
}
#translate {
	width: 940px;
	margin: 0 auto;

}
#google_translate_element {
	float: right;
	position: relative;
	margin: 0 0 -40px 0;
	z-index: 999;
}
.translate_label {
	float: right;
	color: #fff;
}
#edit input.inputbox, #edit select {
	padding: 2px;
	margin: 5px 5px 10px;
}
#edit .formelm label {
	margin: 4px 0 0;
	min-width: 120px;
}
div.tip {
	background: #fff;
	padding: 3px;
	border: 1px solid #999;
}
#footerLeft .moduletable {
	margin: -5px 0 0 0;
}
.homelink {
	position: absolute;
	z-index: 999;
	display: block;
}
.homelink span {
	visibility: hidden;
	display: block;
	width: 250px;
	height: 130px;

}
.hidden {
	display: none;
}
#advert1 {
	position: relative;
	z-index: 1;
	min-width: 50% !important;
	margin: 0 0 -22px 0;
	background: #969392;
	padding: 2px 10px;
	border: 2px solid #ED591F;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	color: #eceef2;
}
#advert1 a {
	color: #d6d7d7;
}
#jbArticle form {
	width: 90%;
}
#jbArticle form input, #jbArticle form textarea {
	background: #fff;
}
#jbArticle form label {
	min-width: 180px;
}
#jbArticle form .cfdiv_text, #jbArticle form .cfdiv_textarea {
	margin: 0;
	padding: 5px 0;
}
.mbColImage {
	float: left;
	margin: 10px 5px 0 0;
	height: 90px;
}
.mbMoreCols {
	margin: 0 0 0 65px;
	float: left;
}
#topAdvert .frontpagenews {
	width: 670px;
	margin: 20px 0 0 0;
}
#topAdvert .mbColImage {
	margin-top: 0;
}
.frontpagenews h4 a{
	color: #fd921c;
	font-size: 14px;
}
div.chronoform, div.chronoform a {
	display: none !important;
	height: 0px;
}