/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */
/* Used mainly to set the bottom footer colour and to create a faux footer */
body { background: #1d1e22}

ol {margin-left: 16px}

/* Top Menu area */
.topRow {padding: 0;z-index: 91}
.topRow .containerBG {padding: 8px 0 7px 0;color: #eee}
.topRow .moduletable h3 {color: #fff}

/* Logo and Header moduel positions */
.logoRow {color: #CCB397}
.logoRow .containerBG {padding-bottom: 40px;margin-top: 4px}
.logoRow .moduletable h3 {color: #fff}
#logo {margin-right: 0;position: relative}

/* Tagline under the logo */
#tagline {color: #fff3e6;font-size: 110%;font-style: italic;position: absolute;z-index: 1;left: 0;}


/*  General Styling for Grid and banner rows*/
.bannerRow .containerBG {padding: 20px 0 0;background: #EEF2F3 url(../images/banner.jpg) repeat-y;  }

.grid1Row .containerBG,.grid2Row .containerBG,.grid3Row .containerBG,.grid4Row .containerBG,.grid5Row .containerBG,.grid6Row .containerBG {background: #EEF2F3 url(../images/contentGradient.jpg) left top repeat-x}

/* Breadcrumb */
.breadcrumb .containerBG {padding: 0;background: #EEF2F3 url(../images/banner.jpg) repeat-y}


/* Main Rows */
.mainRow {margin: 0}
.mainRowGradient {float: left;background: url(../images/contentGradient.jpg) left top repeat-x}
.mainRow .containerBG {padding:0;background-repeat: repeat-y;background-color: #eee}
.mainRow #rightCol { margin-right: 5px}
#above,#below {padding: 20px 0;width: 90%}
#below {margin-left: -20px;padding-left: 20px}
#topAdvert {padding-top: 20px;width: 96%}

/* Bottom Rows */
.bottomRow .containerBG {background: #EEF2F3 url(../images/contentGradientbottomRow.jpg) repeat-x;padding: 12px 0}
.bottomRow .containerBG {padding-bottom: 30px}
.bottomRow ul li {list-style-type: none;margin: 0}
.bottomRow ul li a {text-decoration: none;border-bottom: 1px solid #BEC2C5;display: block}
.bottomRow .jTweet ul li a {display: inline}
.bottomRow .moduletable h3,.bottomRow h3 {font-size: 1.4em}

/* Footer ROws */
#footer { padding-top: 10px; margin: 0; height: 40px}
.footerRow { border-top:1px solid #2a2b2f; background: #1D1E22}
.subfooterRow {background: #1D1E22}
.footerRow .containerBG {background: url(../images/footer_bg_right.png) no-repeat top right; height: 50px; padding: 0}
.footerRow .container {background: url(../images/footer_bg_left.png) no-repeat top left}
.footerRow .innerContainer #footer {background: url(../images/footer_bg.png) repeat-x}
#pixel-bottom { background: url(../images/pixels_top.png) no-repeat bottom right; float: right;width: 100%}

/* Pathway Classes */
#breadcrumb {margin: 0;width: 100%;padding: 8px 0}
#breadcrumb .moduletable {text-align: right}
.pathway img {margin: 6px 2px 0}


/* Main Content Row Classes */
#bottomAdvert .moduletable h3 {margin-left: -20px;padding: 10px 0 20px 20px;background: url(../images/advertH3.png) repeat-x;width: 100%;font-size: 1.3em}
#bottomAdvert .moduletable {width:100%}
#mainContent {margin-bottom: 20px}


/* Right Column */
#rightCol h3 {font-size: 1.2em;padding:9px 3px 8px 20px;margin-left: -18px;margin-bottom: 0;width: 100%}
#rightCol .moduletable-slide h3  {cursor: pointer}
#rightCol .moduletable {margin: 0}
#rightCol .moduletable-slide h3 {position: relative}
#rightCol .moduletable-slide h3.open span.tab { background:url(../images/tab_open.png) no-repeat; width: 10px; height: 10px;  margin: 5px 20px 0 0;position: absolute;right: 0;top: 10px}
#rightCol .moduletable-slide h3.close span.tab { background:url(../images/tab_close.png) no-repeat; width: 10px; height: 10px; display: block; float: right; margin: 5px 20px 0 0;position: absolute;right: 0;top: 10px}
#rightCol .mbitemFlat {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 10px;margin-left: -5px;padding-left: 0px}
#rightCol .mbWrapFlat {padding-bottom: 0px}
#rightCol .mbImageFlat {padding: 4px;background: #ccc;border: 1px solid #bbb}
#rightCol .modulecontent { padding: 10px 0 }
#rightCol ul li a {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 8px;margin-left: -10px;padding-left: 14px;padding-right: 18px;font-size: 1em;width: 86%;font-weight: normal}
#rightCol ul li a:hover {background: #E1E1E3 url(../images/rightColBevel.png) repeat-x left bottom}


/* Footer Row Classes */
.footerRow {padding-bottom: 0px}
.footerRow .containerBG {border: 0}
.footerRow ul li a { color: #fff; text-shadow: 1px 1px 0px #222; border: none}


/* Subfooter */
.subfooterRow .containerBG { background: url(../images/subfooter_bg.jpg) no-repeat top center; padding: 10px 0 50px 0; font-size: 85%}
.subfooterRow,.debug { color: #aaa}
.subfooterRow .moduletable h3,.debug .moduletable h3 {color: #eee;font-size: 90%}

/* Search Styling */
#search .inputbox,#search_searchword {border: 1px solid #ddd;padding: 8px;margin: 4px 0;background: #fff url(../images/fieldShadow.jpg) repeat-x; border: 1px solid #c8c8c8; font-size: 13px;color: #333333;margin: 0 20px;width: 65%}
#searchForm .button {margin-top: 8px}
.results ol li {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 8px;width: 96%}

/* Links */
a {color:#695848;border-bottom: 1px solid;font-weight:600}
.pp_pic_holder a {border: none}
#logo a {border: none}

/* Headings */
h1,.componentheading {color: #333;font-size: 2.4em;padding: 8px 20px 8px 0}
h2,.contentheading,h2 a {line-height: 1.4em;position: relative}
h3,.moduletable h3 {color: #333;font-size: 1.3em}
h4 {color: #333}
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}

/*General Nav reset */
#navWrap.navLeft  {float: left; height: 55px}
#navWrap.navLeft ul {float: left; margin: 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right}
#navWrapper {height: 55px;;margin-left: -20px;width: 100%;padding-left: 17px}
/*Nav - Top levels */
#nav ul {float: right}
#nav ul li {margin: 0;padding: 0;height:51px}
#nav ul li li a{background: none}
#nav ul li a, #nav ul li a.sf-with-ul span, #nav ul li span.mainlevel { border: none}
#nav ul li a.sf-with-ul { font-weight: normal}
#nav ul li a,#nav ul li span.mainlevel,#nav ul li span.sublevel {font-size: 1em;padding: 17px 20px;color: #fff; display: block}

#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded:hover,#nav ul li a.mainlevel.sf-with-ul,#nav span.mainlevel span.expanded,#nav ul li a.sf-with-ul {background:url(../images/tab_open.png) no-repeat 8px 21px ;padding-left: 30px}
#nav ul li a#active_menu,#nav ul li a:hover{ background:url(../images/navActive.png) no-repeat center 44px}
#nav ul li span.mainlevel {padding-left: 10px}
#nav span.mainlevel span.expanded,#nav span.mainlevel span.expanded:hover {background-position: 0 center}
#nav ul li span.mainlevel span.expanded:hover {padding-left: 20px;background-position: 0 center}
#nav ul li li a.sf-with-ul, #nav ul li li span.sublevel span.expanded{background: url(../images/navParentSub.png) no-repeat 5px center;text-shadow: none}


/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:-1px;top:53px}
#nav ul li li { background:#F3F3F3; height: auto;  border: 1px solid #BEC2C5; border-width: 1px 1px 1px 1px; border-bottom-color: #BEC2C5;border-top-color:#fff;z-index: 100}
#nav li li:hover {background: #fff}
#nav li li#current,#top_wrapper ul li li.parent.active,#nav ul li li a#active_menu,.moduletable-superfish li ul li#current,#nav li ul li#current {border: 1px solid #ccc;  border-bottom-color: #BEC2C5;border-top-color:#fff;background: #fff;border-width: 1px;}
#nav li ul,#navWrap.navLeft ul ul {background: none;padding: 0;margin: 0}
#nav ul li li a, #nav ul li li span.sublevel {color: #333;font-size: 1.0em; font-weight: 500;letter-spacing: 0.1em}
#nav ul li li span.sublevel{padding-left:16px;padding-right:0px}
#nav ul li li span.expanded, #nav ul li li a.sf-with-ul {padding-left: 16px;padding-right: 0px;font-weight: 600}
#nav span.sublevel {padding-left: 15px;font-size: 90%}
.moduletable-superfish ul li li.sfHover ul,#nav ul li li.sfHover ul {left:228px;top:-2px}
#nav li li li:hover,#nav li li li#current,#top_wrapper ul li li li.parent.active {background: #fff}
#nav ul ul ul {border-top: 1px solid #BEC2C5}

/* Left and right lists and panel menu */

/* Left and right Sub menus */
#rightCol ul li li a{padding-left: 35px;width: 77%}

/* Styling for parent on panel menu */
#rightCol span.expanded { background:url(../images/tab_open.png) no-repeat 12px 10px;display: block;cursor: pointer;padding: 4px 0 4px 35px;font-weight: 600;border-bottom: 1px solid #999BAC;margin-left: -10px;width: 85%}

/* Hidden Panel Styling */
#toppanel a#open {background: #1D1E22;color: #fff;padding: 8px 10px; top: 0;border: none}
#toppanel a#open:hover {color: #6B2023}
.overlay div.close{background:url(../images/panelClose.png) no-repeat; top: 10px; right: 10px}
#panelInner {background:url(../images/white_menu_overlay.png);border: 4px solid #eee}

/* Input Styling */
.inputbox,input#email {border: 1px solid #ddd; background: #fff url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8;	font-size: 13px; color: #333333}
.filter .inputbox {width: 60%;margin-left: 10px}
form.search {text-align: right;margin-left: 240px;margin-top: 15px}
.search input {background: url(../images/search_bg.png) no-repeat center center;color: #fff;height: 36px;width: 215px;border: 0;padding: 0 0 0 20px}

/* Overrides */
/* Page classes */
div.mainRow a { text-decoration: none; border: none}
.jbMeta {position: relative;height: 40px}
.cols2 {padding-right: 10px;background:url(../html/com_k2/templates/pixelEight/images/contentGradientNoEdge.png) repeat-x}


/* Front Page */
div.jbFrontPage {padding-top: 0px;margin-left: -20px;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
h2 { text-decoration: none; color: #3d526e}
div.jbFrontPageInner {margin-left: 20px;width: 94%;padding-bottom: 20px;padding-top: 20px}
div.jbFrontPage h1 {margin-left: 20px}
div.jbFrontPage h2 {margin-left: 0px;font-size: 1.8em;line-height: 1.6em;padding-bottom: 10px;padding-top: 10px}
.column2.cols2 div.jbFrontPageInner  {}
/* Article */
div#jbArticle {padding-top: 20px;width: 96%}
.jbArticleAuthorDate {float: right}


/* Section */
div.jbSection {padding-top: 0px;margin-left: -20px;clear: both;padding-top: 0px;margin-left: -20px;clear: both;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
div.jbSectionInner {margin-left: 20px;width: 94%;padding-bottom: 20px;padding-top: 20px}
div.jbSectionInner h1 {margin-left: 20px}
div.jbSectionInner h2 {margin-top: 20px;float: left;display: block;width: 100%;margin-bottom: 10px}

/* Category*/
div.jbCategory {padding-top: 20px;margin-left: -20px;clear: both;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
div.jbCategoryInner {margin-left: 20px;width: 94%;padding-bottom: 20px;position: relative}
div.jbCategoryInner h2 {float: left;display: block;width: 100%;margin-bottom: 10px}
div.jbCategoryInner h2.nodate {margin: 0}
div.jbCategoryInner h1 {margin-left: 20px}
.blog_more {background: #EEF2F3  url(../images/contentGradient.jpg) left top repeat-x;padding-top: 30px;margin-left: -20px;padding-left: 20px}
.blog_more ul li  {width: 96%}



/* Pdf Buttons etc */
div.buttons {text-align: right;width: 45%;float: right}


/* Section and Categories */
div.jbSectCat {height: 28px;text-align: right;color: #695848;font-size: 90%;color: #3D526E;display: block;float: right;position: relative;width: 100%}
span.jbAuthor {float:right;text-align: right;margin-left: 20px;font-size: 90%}
span.jbCategories {margin-right: 10px}

/* Author and date styling */
div.jbAuthorDate {float: right}
span.jbModifydate {font-size: 0.85em;color: #999}
div.jbCreatedate {position: absolute;margin-left: -34px;height: 33px;width: 124px;color: #fff;padding: 2px 0px 4px 35px;font-weight:600;line-height:31px;text-shadow:0px -1px 0px #111;z-index: 1}
.cols2 div.jbCreatedate {background: none;text-shadow: 0 0 0 ;color: #333;line-height: 15px;font-size: 0.9em;padding-top: 3px}

/* Read more */
div.jbReadmore, div.catItemReadMore,.mbMoreCols{float: right; background: url(../images/read-more-left.png) no-repeat top left; padding-left: 10px;clear: both}
div.jbReadmore a, div.mainRow a.k2ReadMore,.mbMoreCols a{color: #eee; background: url(../images/read-more-right.png) no-repeat top right; height: 27px; padding-right: 10px; text-align: center; line-height:27px; font-weight: 600; text-shadow: 0px -1px 0px #111; display: block;margin-bottom: 20px}
div.jbReadmore a:hover,div.mainRow a.k2ReadMore:hover {color: #ccc}
.mbMoreCols {width: 60%;color: #fff;margin-top: 10px}
a.readon {color: #fff}


/* Pagination */
p.counter {width: 96%}
ul.pagination { text-align: left}
ul.pagination li {background: #d3dede;border: 1px solid #fff; }
ul.pagination li a, ul.pagination li span { font-weight: 700; text-shadow: 1px 1px 0px #EFFFFF}
ul.pagination li a {padding: 10px;border: none}
ul.pagination li a:hover {border: none;background: none;color: #000}


/* Top Row Superfish Menu */
.topRowWrap.navLeft  {float: left}
.topRowWrap.navLeft ul {float: left;margin: 8px 20px 0 0}
.topRowWrap.navLeft ul li {margin: 0 20px 0 0}
.topRowWrap {float: right}
.topRow ul,
.topRow li ul ul,
.topRow ul ul,
.topRowright ul#mainlevel li,
.topRow li ul li,
.topRow li ul li#current {margin: 0;padding: 0}
.topRow a {text-decoration: none;background: none}
.topRow ul li.active a,
.topRow li.parent.active a,
.topRow li.parent.active ul li a:hover,
.topRow li a:hover,
a#active_menu:link,
a#active_menu:visited
{text-decoration: none}

/* @group Top Level */
.topRow ul {float: right;padding: 0}
.topRow ul li a, .topRow ul li li a, .topRow ul li span.mainlevel, .topRow ul li span.sublevel{line-height: 1.2em;font-size: 1.2em;color: #fff}
.topRow ul li {float: left;margin: 0;list-style-type: none;padding: 0;position:relative;z-index:99;margin-right: 20px}
.topRow ul li a,
.topRow ul li span.mainlevel,
.topRow ul li span.mainlevel_active,
.topRow ul li li span.expanded,
.topRow span.sublevel{padding: 6px 0px 8px 10px;font-size: 1em;border: none}
.topRow ul li span.mainlevel {cursor: pointer}
.topRow a.mainlevel.sf-with-ul,
.topRow a.mainlevel_active,
.topRow ul li span.mainlevel span.expanded,.topRow ul li.parent {background:url(../images/tab_open.png) no-repeat left 2px;padding-left: 25px;font-weight: bold;line-height: 1.2}
.topRow a:hover { color: #ccb397; }
/* @end */

/* @group First Drop Down */

.topRow ul ul {float: left;background: #000}
.topRow ul ul li a, .topRow ul ul li li a, .topRow ul ul li span.mainlevel, .topRow ul ul li span.sublevel{line-height: 1.4em;font-size: 1.0em;color: #fff}
.topRow ul li li,
.topRow ul li li span.expanded{position: relative;z-index: 10}
.topRow li ul {position: absolute; width: 244px; z-index: 30;top: -9999px}
.topRow li:hover ul {left: 0}
.topRow li ul li,
.topRow li ul li#current {width: 240px}
.topRow li ul li#current {border: none}
.topRow ul li li a {padding: 6px 8px;width: 228px;margin: 0;display: block;cursor: pointer}
.topRow ul li li span.expanded, .topRow ul li li span.sublevel {padding: 6px 8px;margin: 0;width: 228px;display: block;cursor: pointer}
.topRow ul li li a span.expanded{padding:0px;margin:0}
.topRow li li:hover ul,
.topRow ul li li.sfHover ul {left:244px;top:0px}
.topRow li:hover ul,
.topRow ul li.sfHover ul {left:0px;top:29px}
.topRow ul ul li { background: rgb(5, 12, 6); background: rgba(5, 12, 6, 0.8); margin-bottom: 1px; text-shadow: 2px 2px 0px #111; }


/*.topRow a.sublevel.sf-with-ul {padding-left: 0px}*/

.topRow ul li li a:hover,
.topRow li li a#active_menu,
.topRow li li a.mainlevel_active,
.topRow ul li li span.mainlevel_active {padding-bottom: 6px}
/* @end */

/* @group Second Drop Down */

.topRow li#current,
.topRow li.active,
.topRow ul  li.parent.active
{}

/*.topRow li li:hover,.topRow li li#current,#top_wrapper ul li li.parent.active {background: none}*/
/* @end */

/* @group Third Drop Down */
.topRow li li li#current,
.topRow li li li.active,
.topRow ul li li li.parent.active
{}
/*.topRow li li li:hover,.topRow li li#current,#top_wrapper ul li li.parent.active {background: none}*/
.topRow ul ul ul ul {border-top: 1px solid #ddd}
.topRow ul li li li a {}
/* @end */


/* Module Classes */
#rightCol div.red h3,#rightCol .moduletable-red h3 {background:url(../images/sidebar/red.png) }
#rightCol div.brown h3,#rightCol .moduletable-brown h3 {background:url(../images/sidebar/brown.png) }
#rightCol div.green h3,#rightCol .moduletable-green h3 {background:url(../images/sidebar/green.png) }
#rightCol div.purple h3,#rightCol .moduletable-purple h3 {background:url(../images/sidebar/purple.png) }
.moduletable-purple h3 {background: url(../images/purple/purpleSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px;border: 1px solid #fff}
.moduletable-red h3 {background: url(../images/red/redSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px}
.moduletable-green h3 {background: url(../images/green/greenSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px}
.moduletable-brown h3 {background: url(../images/brown/brownSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px}
.moduletable-bevel1 {padding: 8px;;background: #EEF2F3 url(../images/contentGradientbottomRow.jpg) left top repeat-x}
.moduletable-bevel1 h3 {padding-top: 5px}
.moduletable-bevel2 {padding: 20px 8px 8px 8px;background: #EEF2F3 url(../images/contentGradientNoEdge.png) left top repeat-x}
.moduletable-redribbon {background: url(../images/ribbons/ribbonRed.png) no-repeat;padding-left: 20px}
.moduletable-greenribbon {background: url(../images/ribbons/ribbonGreen.png) no-repeat;padding-left: 20px}
.moduletable-purpleribbon {background: url(../images/ribbons/ribbonPurple.png) no-repeat;padding-left: 20px}
.moduletable-brownribbon {background: url(../images/ribbons/ribbonBrown.png) no-repeat;padding-left: 20px}
.moduletable-redribbon h3,.moduletable-greenribbon h3,.moduletable-purpleribbon h3,.moduletable-brownribbon h3 {color: #fff;padding-top: 5px}
.moduletable-sideribbonred h3,.moduletable-sideribbongreen h3,.moduletable-sideribbonpurple h3,.moduletable-sideribbonbrown h3 {position: absolute;margin-left: -34px;height: 33px;width: 124px;color: #fff;padding: 2px 0px 4px 35px;font-weight:600;line-height:31px;text-shadow:0px -1px 0px #111;z-index: 1;margin-top: -30px;font-size: 1em}
.moduletable-sideribbonred,.moduletable-sideribbongreen,.moduletable-sideribbonbrown,.moduletable-sideribbonpurple {padding-top: 30px}
.moduletable-sideribbonpurple h3 {background: url(../images/ribbons/ribbonPurple.png)}
.moduletable-sideribbonred h3 {background: url(../images/ribbons/ribbonRed.png)}
.moduletable-sideribbonbrown h3 {background: url(../images/ribbons/ribbonBrown.png)}
.moduletable-sideribbongreen h3 {background: url(../images/ribbons/ribbonGreen.png)}