/* @override 
	http://showcase.joomlabamboo.com/avante/templates/avanti/style/base/theme.css
	http://localhost:8888/snapshot/avanti/templates/avanti/style/base/theme.css
*/

/* 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: #ffffff;color: #666}

#mainContent img {
	margin: 5px 10px 5px 10px;
}

/* Links */
a {color: #8f008d;}
a:hover {color: #f74300;}

.containerBG {margin-top: 0px} 
.fullWrap {margin-top: 0}
#mainBodyWrap {background: #fff url(../images/gradient.png) repeat-x;float: left;width: 100%; min-height: 400px;}
#mainBottomWrap {float: left;width: 100%; z-index: 1; position: relative;}
.topRow {padding: 0} 
.topRow .containerBG {}

/* Front Page Styles */
#fp-top {
	height: 270px;
	position: relative;
	background: none;
	margin: 0px;
}

#fp-logo {
	width: 250px;
	height: 250px;
	z-index: 3;
	position: absolute;
	float: left;
}

#fp-logo-over {
	z-index: 4;
	position: absolute;
	float: left;
}

#fp-topbanner {
	z-index: 1;
	position: absolute;
	float: left;
	margin-left: 180px;
	margin-top: 20px;
}

#fp-topbanner-over {
	width: 800px;
	height: 212px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-left: 180px;
}

#fp-mainmenu-wrap {
	margin-top: 212px;
	width: 800px;
	height: 38px;
	z-index: 3;
}

#fp-mainmenu-under {
	width: 800px;
	height: 38px;
	z-index: 1;
	float: left;
	position: absolute;
	margin-left: 180px;
	margin-top: 212px;
}

#fp-body {
	position: relative;
	height: 430px;
	background-color: none;
	margin: 0px;
}

#fp-left1 {
	width: 267px;
	height: 87px;
	z-index: 1;
	float: left;
	position: absolute;
	margin-top: 1px;
}

#fp-left2 {
	z-index: 1;
	position: absolute;
	float: left;
	width: 267px;
	height: 200px;
	margin-top: 100px;
}

#fp-left2-topover {
	width: 40px;
	height: 40px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 100px;
}

#fp-left2-bottomover {
	width: 40px;
	height: 40px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 260px;
}

#fp-left3 {
	z-index: 1;
	position: absolute;
	float: left;
	width: 234px;
	height: 76px;
	margin-top: 322px;
	background: url(../images/fp-left3-bg.png);
	padding-right: 12px;
	padding-top: 6px;
	padding-left: 21px;
}

#fp-left3 input[type="text"] {border: 0px solid #ddd; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #333333; height: 16px; padding: 4px; width: 106px; margin: 0px;}

/*#fp-left3 input[type="text"] {border: 0px solid #ddd; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #333333; height: 18px; width: 110px; padding: 2px; margin: 0px;}*/

#fp-left3 .button {clear:both; margin-top: 2px; float: right; background-color: #f74300; border: 0px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 2px;}

#fp-left3 h3 {
	text-align: right;
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#fp-middle1 {
	width: 330px;
	height: 216px;
	margin-left: 267px;
	background: url(../images/fp-middle2-bg.png);
	color: #000;
	padding-top: 10px;
	position: absolute;
	z-index: 1;
	margin-top: 0px;
	border-left: 2px #333 solid;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
}

#fp-middle1 h3 {
	text-align: center;
	border-bottom: 2px #8f008e solid;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 16px;
	padding-top: 6px;
	padding-bottom: 10px;
	font-size: 18px;
	letter-spacing: 1px;
}

#fp-middle1 p {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 14px;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 0px;
	text-align: left;
	font-size: 12px;
	border-bottom: 2px #8f008e solid;
	
}

#fp-middle2 {
	width: 330px;
	height: 175px;
	margin-left: 267px;
	margin-top: 226px;
	background: url(../images/fp-middle2-bg.png);
	color: #000;
	padding-top: 6px;
	position: absolute;
	z-index: 1;
	padding-top: 8px;
	padding-bottom: 4px;
	border-top: 0px #fff solid;
	border-left: 2px #333 solid;
	border-bottom: 2px #333 solid;
	border-right: 2px #333 solid;
}

#fp-middle2 h3 {
	text-align: center;
	border-bottom: 2px #8f008e solid;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 16px;
	padding-top: 6px;
	padding-bottom: 10px;
	font-size: 18px;
	letter-spacing: 1px;
}

#fp-middle2 p {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 14px;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 0px;
	text-align: center;
	font-size: 12px;
	border-bottom: 2px #8f008e solid;
	
}

#fp-right-default {
	width: 356px;
	height: 355px;
	float: left;
	position: absolute;
	z-index: 1;
	margin-left: 601px;
	margin-top: 49px;
}

#fp-right-a-bottomover {
	width: 40px;
	height: 40px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 354px;
	margin-left: 917px;
}

#fp-right-override {
	width: 356px;
	height: 279px;
	float: left;
	position: absolute;
	z-index: 1;
	margin-left: 601px;
	margin-top: 39px;
}

#fp-right-b-bottomover {
	width: 40px;
	height: 40px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 278px;
	margin-left: 917px;
}

#fp-tagline {
	width: 260px;
	position: absolute;
	z-index: 1;
	height: 40px;
	margin-left: 601px;
	float: left;
	margin-top: 0px;
	background: none;
}

#fp-featureditem-readmore {
	text-align: right;
	font-size: 10px;
}

#fp-featureditem-readmore a {
	color: #ff3f00;d
}

/* @group Search */
#fp-search {
	padding-bottom: 12px;
	padding-top: 10px;
	padding-left: 15px;
	text-align: right;
	width: 190px;
	z-index: 2;
	position: absolute;
	margin-left: 630px;
	margin-top: 345px;
	background: url(../images/fp-searchbg.png) no-repeat;
	width: 200px;
	height: 44px;
}
#fp-search input[type="text"] {border: 0px solid #ddd; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #333333; height: 16px; padding: 4px; width: 135px; margin: 0px;}
#fp-searchForm .button {margin-top: 8px; padding: 0px;}
#fp-searchfield {width: 181px; height: 30px;}

/*
#fp-search .inputbox {float: right;width: 162px; height: 18px; border: 0px solid #c8c8c8; margin: 0px;}
#fp-search .inputbox,#fp-search_searchword {padding: 4px;margin: 0px 0;background: url(../images/fieldShadow.jpg) repeat-x; font-size: 12px;color: #8f008e;padding-bottom: 0;}
#fp-searchForm .button {margin-top: 8px}
*/
/* @end */

/* All Styles */
#all-top {
	height: 160px;
	position: relative;
	background: none;
	margin: 0px;
	z-index: 3;
}

#all-logo {
	width: 160px;
	height: 160px;
	z-index: 3;
	position: absolute;
	float: left;
}

#all-logo img {
	height: 160px;
	margin-left: 25px;
}

#all-logo-over {
	z-index: 4;
	position: absolute;
	float: left;
}

#all-topbanner {
	z-index: 1;
	position: absolute;
	float: left;
	margin-left: 180px;
	margin-top: 20px;
}

#all-topbanner-over {
	width: 800px;
	height: 112px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-left: 180px;
}

#all-mainmenu-wrap {
	position: absolute;
	margin-left: 160px;
	margin-top: 105px;
	width: 800px;
	height: 54px;
	z-index: 2;
}

#all-mainmenu-under {
	width: 800px;
	height: 54px;
	z-index: 1;
	float: left;
	position: absolute;
	margin-left: 180px;
	margin-top: 92px;
}

#all-search {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	width: 190px;
	z-index: 3;
	position: absolute;
	margin-left: 770px;
	margin-top: 53px;
	width: 200px;
	height: 44px;
}
#all-search input[type="text"] {border: 1px solid #F3F3F3; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #999; height: 17px; padding: 2px; width: 139px; margin: 0px;}
#all-searchForm .button {margin-top: 8px; background: none; border:0px; padding: 0px; clear: none; border: 0px; margin: 8px 0px 0px 0px;}
#all-searchfield {width: 181px; height: 30px;}

#all-tagline {
	width: 360px;
	float: left;
	position: absolute;
	z-index: 1;
	height: 29px;
	margin-left: 422px;
	margin-top: 49px;
	background: none;
}

#left2 img {
	width: 180px;
	height: 135px;
}

#all-generalsponsors .moduletable h3, #all-leftsponsors .moduletable h3 {
	color: #fff;
	font-size: 1.3em;
	z-index: 1;
	width: 160px;
	background-color: #8f008e;
	padding-left: 20px;
}

#all-left2-topleftover {
	width: 10px;
	height: 135px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 0px;
}
#all-left2-toprightover {
	width: 10px;
	height: 135px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-left: 170px;
}
#all-left2-bottomleftover {
	width: 10px;
	height: 10px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 125px;
}
#all-left2-bottomrightover {
	width: 10px;
	height: 10px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-top: 125px;
	margin-left: 170px;
}

#bottom1 a, #bottom2 a, #bottom3 a, #bottom4 a, #bottom5 a {
	color: #999;
}

#bottom1 img {
	padding: 0px;
	margin: 0px;
}

#bottom2, #bottom3, #bottom4, #bottom5 {
	font-size: 10px;
	line-height: 12px;
}

#bottom4, #bottom5 {
	margin-top: 33px;
}

#bottom3 table {
	padding: 0px;
	margin: 0px;
}

#bottom3 table a {
	display: block;
}

#bottom5 {
	font-size: 10px;
	line-height: 12px;
}

#bottom1 a:hover, #bottom2 a:hover, #bottom3 a:hover, #bottom4 a:hover, #bottom5 a:hover {
	color: #f74300;
}

#bottom1 h3 {
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#bottom4 h3 {
	font-size: 16px;
}

#bottom1 .moduletable {
	clear: none;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#bottom3 #event-title {
	font-size: 12px;
	padding: 0px 0px 4px 0px;
	line-height: 14px;
}

#bottom3 #event-date {
	font-size: 10px;
	padding: 0px 0px 4px 10px;
	line-height: 12px;
	color: #999;
}

#bottom4 {
	border-left: 0px #7E8386 solid;
	padding-left: 20px;
}

.inputbox,.validate-email {border: 1px solid #DDD; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #333333; padding: 4px;  margin: 0px;}
#mainContent .button {clear:both; background-color: #f74300; border: 0px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 2px 6px 2px 6px;}
.button img {border: 0px; padding: 0px; margin: 0px;}
.textfield input {height: 100px;}

#topnav {z-index: 2; position: relative; float: right;}
#topnav ul {float: left;margin: 14px 10px 0 0px}
#topnav ul li {margin: 0;padding: 0}
#topnav ul li a{font-size: 10px;padding: 10px 5px 12px 5px;color: #888;margin: 0;font-weight: normal; border:none; letter-spacing: 1px; font-variant: normal;}
#topnav ul li a:hover {color: #ff3f00;background: #fff}
#topnav span.expanded{margin: 0;padding: 0 0 0 8px;font-weight: bold}
#topnav ul li span.mainlevel {font-size: 1em;color: #fff;padding-top: 0;padding-left: 14px;margin-top: -2px;float: left;background: url(../images/navParent.png) no-repeat 8px 8px}
#topnav a.mainlevel.sf-with-ul,#topnav a.mainlevel_active.sf-with-ul, #topnav a#active_menu.mainlevel_current.sf-with-ul {background: url(../images/navParent.png) no-repeat 0px center;padding-left: 6px;margin-left: 15px;}
#topnav ul li a.mainlevel.sf-with-ul:hover,#topnav ul li a.mainlevel_active.sf-with-ul:hover,#topnav ul li a.mainlevel_active.sf-with-ul {background:url(../images/navParent.png) no-repeat 0px center;padding-left: 6px;}
#topnav a.mainlevel_active,#topnav .mainlevel_current,#topnav ul li a:hover {background: none}

/* logo */
.logoRow .containerBG {margin: 0}
#logo {margin-top: 10px} 
#logo a {border:none}

/* Nav */
.navRow {padding: 0;background: url(../images/nav.png);height: 35px}
.navRow .containerBG {padding: 0}

/* banner */
.bannerRow {color: #fff}
.bannerRow .containerBG {padding: 30px 0}
.bannerRow h2 {color: #fff}
.bannerRow .moduletable {margin-bottom: 20px} 

/* grid1 */
.gridWrap1 {padding-top: 30px}
.grid1Row {}
.grid1Row .containerBG {padding-bottom: 0}


/* grid2*/
.grid2Row {}
.grid2Row .containerBG {}

/* grid3 */
.grid3Row {}
.grid3Row .containerBG {}

/* grid4 */
.grid4Row {}
.grid4Row .containerBG {}

/* grid5 */
.grid5Row {}
.grid5Row .containerBG {}

/* grid6 */
.grid6Row {}
.grid6Row .containerBG {}

/* main row */
.mainRow {z-index: 1;}
.mainRow .containerBG {padding-bottom: 40px}

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

/* Left Column */
#leftCol .moduletable {padding-top: 10px;border-top: 0px solid #ddd;width: 96%}

/* Center Column */
#center {}
#centerCol .moduletable {padding-top: 20px;border-top: 1px solid #ddd;width: 96%}

/* Main Content Row Classes */
/* Left Column */
#midCol {}
.mainRow {}
#midCol.twoL {padding-bottom: 30px}
#midCol.twoL #jbArticle {}
#midCol.twoR #mainContent {padding-right: 0px;border-top:1px solid #ddd}
#mainContent {margin-bottom: 10px; z-index: 1;}

/* Right Column */
#right {}
#right {border-top:1px solid #ddd;padding-top: 20px}



/* bottom */
.bottomRow {color: #fff; z-index: 2; position: relative;}
.bottomRow .containerBG_bottom {background: url(../images/bottom_bg.png); position: relative;}
#bottom2 .moduletable, #bottom3 .moduletable, #bottom4 .moduletable {padding:0px 0px 0px 0px;clear: both;} 
#bottom4 .moduletable {border: 0;padding: 0}
.bottomRow .moduletable h3,#bottom h3 {color: #eee}

/* bottom menu */
.bottomRow ul {margin: 0}
.bottomRow ul li {list-style-type:none;margin: 0}
.bottomRow ul li a {background: url(../images/bottomArrow.png) no-repeat left center;padding-left: 20px;display: block;color: #7E8386}
.bottomRow ul li li a {padding-left: 30px;background: none;border: none}
#bottom a {border: none}
#bottom .parent {padding-left: 20px;}



/* Footer Row Classes */
.footerRow {padding-bottom: 50px}
.footerRow .containerBG {padding: 8px 0 0 0}
#footer {margin-top: 20px;}
#footer a {border: none}

/* Search Styling */
/*
#search {}
#search .inputbox,#search_searchword {border: 0px solid #ddd; background: url(../images/fieldShadow.jpg) repeat-x; font-size: 13px; color: #333333; padding-bottom: 0}
#searchForm .button {margin-top: 8px}
*/


/* Headings */
h1,.componentheading {color: #333; z-index: 1;} 
h2,.contentheading,h2 a {color: #333;line-height: 1.2em; z-index: 1;}
h3,.moduletable h3 {color: #333;font-size: 1.6em; z-index: 1;}
h4 {color: #333} 
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}


/*Nav - Top levels */
#navWrap.navLeft  {float: left}
#navWrap.navLeft ul {float: left;margin: 20px 0 0 0}
#navWrap.navLeft ul ul {margin: 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right; z-index: 2; position: absolute;}


#nav {z-index: 2}
#nav ul {margin: 14px 0px 0 0px}
#nav ul li {margin: 0;padding: 0}
#nav ul li a{font-size: 14px;padding: 10px 10px 12px 10px;color: #fff;margin: 0;font-weight: bolder;border:none; letter-spacing: 1px; font-variant:small-caps;}
#nav ul li a:hover {color: #ff3f00;background: #fff}
#nav span.expanded{margin: 0;padding: 0 0 0 8px;font-weight: bold}
#nav ul li span.mainlevel {font-size: 1em;color: #fff;padding-top: 0;padding-left: 14px;margin-top: -2px;float: left;background: url(../images/navParent.png) no-repeat 8px 8px}
#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul, #nav a#active_menu.mainlevel_current.sf-with-ul {background: url(../images/navParent.png) no-repeat 0px center;padding-left: 6px;margin-left: 15px;}
#nav ul li a.mainlevel.sf-with-ul:hover,#nav ul li a.mainlevel_active.sf-with-ul:hover,#nav ul li a.mainlevel_active.sf-with-ul {background:url(../images/navParent.png) no-repeat 0px center;padding-left: 6px;}
#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover {background: none}


/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:0px;top:27px}
#nav li li:hover ul,#nav ul li li.sfHover ul {left:155px;top:0px}
#nav li ul {background: url(../images/navBG.png) no-repeat left top;width: 155px}
#nav li ul li,#nav li ul li#current,#nav ul li li a,#nav ul li li span.expanded {width: 138px}
#nav ul li li a,#nav ul li span.sublevel {border-bottom: 0px solid #111;color: #fff;font-size: 0.9em;padding-left: 12px;width: 134px}
#nav ul li li span.sublevel {padding: 4px 0;display: block;width: 154px;color: #fff;}
#nav ul ul li a#active_menu.sublevel_current.sf-with-ul {}
#nav ul li li a:hover {}
#nav ul li li span.expanded {padding-left: 0px;font-size: 95%;padding-top: 0px;background: url(../images/subParent.png) right center no-repeat}


/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li,#centerCol ul li {margin: 0;padding: 0;list-style-type: none;}
#leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol ul li span.separator,#centerCol ul li a{border-bottom: 1px solid #f1f1f1;color: #333;background: url(../images/new_page.png) no-repeat 0 8px;padding-left: 16px;}


/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a,#centerCol ul li li a{color: #666;font-weight: normal;padding-left:34px;background: url(../images/new_page.png) no-repeat 17px 8px;border-bottom: 0}
#leftCol ul li li li a,#rightCol ul li li li a {padding-left: 60px;background: none;font-style: italic;font-size:1em}

/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded {background: url(../images/panelParent.png) no-repeat left center;display: block;padding-left: 20px;cursor: pointer;padding: 4px 0 4px 20px}  
#leftCol ul li li span.expanded,#rightCol ul li li span.expanded  {padding-left:40px;background: url(../images/panelParent.png) no-repeat 20px center}

/* Hidden Panel Styling */
#toppanel a#open {color: #ccc;padding: 13px 10px 0;margin-top: 12px;right: 20px;border: none}

.overlay div.close{background:url(../images/panelClose.png) no-repeat}
#panelInner {border: 4px solid #343434;background: #f9f9f9}

/* MicroBlog */
.mbitemCols h2 a{font-size: 1.2em;border: none}
img.mbImage {background: #eee;border: 1px solid #ddd;padding: 6px;	-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;	-moz-border-radius-bottomleft:3px;	-webkit-border-bottom-left-radius:3px}
.mbMoreCols a.readon {border-bottom: 1px solid ;padding-bottom: 2px}
.mbMoreCols a.readon:hover {color: #333}
.mbDateCols {color: #aaa;font-style: italic}


/* Page classes */
div.jbFrontPage {}
div#jbArticle {padding-top: 20px;border-top: 1px solid #ddd;}
div.jbSection {padding-top: 20px;border-top: 1px solid #ddd}
div.jbCategory {}
#mainContent .blog {padding-top: 20px;border-top: 1px solid #ddd}
.leading,.article_row {border-bottom: 1px solid #ededed;clear: both;float: left;padding-bottom: 20px;margin: 0 0 20px}

/* Pdf Buttons etc */
div.buttons {}

/* Div around the title and author, date etc */
div.jbMeta {} 

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

/* Author and date styling */
div.jbAuthorDate {font-size: 90%;color: #999;display: block;float: left;width: 100%}
span.jbModifydate {float: right;margin-top: 10px}
span.jbAuthor {}
.buttons {float: right;margin-left: 20px}

div.jbCreatedate {width: 90px;float: left}
div.jbCreatedate span.dateday {}
div.jbCreatedate span.datemonth {}
div.jbCreatedate span.dateyear {}

/* Read more */
a.jbReadon,a.k2ReadMore {border-bottom: 1px solid;padding-bottom: 4px;margin-top: 10px;float: left}
a.k2ReadMore  {float: right}
a.jbReadon:hover,a.k2ReadMore:hover {color: #333}


/* jTweet Overrides */
.moduletable-bottomtwitter .jTweet .tweet li span{line-height: 2em}
.moduletable-bottomtwitter .tweet{width: 100%}
.moduletable-bottomtwitter .jTweet ul li a {background: none;padding: 0;display: inline}
.moduletable-bottomtwitter .jTweet ul.tweet_list li {border: none}
.moduletable-bottomtwitter .jTweet ul.tweet_list li.tweet_first {padding-bottom: 4px}
.moduletable-bottomtwitter span.triggerDetail {border: none;width: 100%;padding: 0;margin: 0}
.moduletable-bottomtwitter span.triggerDetail a {color: #666}

/* PrettyBox */
img.prettyBox {padding: 4px;border: 1px solid #ddd}
p.prettyTitle {font-style: italic}