/*
Theme Name: BPI Conference
Theme URI: http://www.bpiconference.com
Description: BPI Conference style sheet
Version: 1.0
Author: njedesign.com
*/
/*
light blue bg e5f7fd
menu orange f6921e
orange heading text f6921e
speaker bg light green f5f9e7
green heading text afd136
darker green text 62a345
latest news bg light grey f7f7f7
brown text 9a8479
testimonial quote text c1b49a
footer text c1b49a
speakers text c1b49a
*/

* {
	margin: 0;
	padding: 0
}
html {
	margin: 0;
	padding: 0;
}
body {
	background: #e5f7fd;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.33em;
	color: #9a8479;
}
#container {
	padding: 0;
	margin: 20px auto;
	position: relative;
	text-align: left;
	width: 965px;
	background: #fff;
}	
#header {
	margin: 0 auto;
	height: 186px;
	width: 970px;
	position: relative;
	background: #0e1f15 url(images/header-bg.jpg) no-repeat;
}
#header #logo {
	position: absolute;
	left: 28px;
	top: 26px;
}
#header #logo h1 {
	margin: 0;
}
#header #conferencedate {
	font-size: 20px;
	color: #f6921e;
	position: absolute;
	top: 142px;
	left: 295px;
}

#contentwrap {
	background: #fff url(images/content-bg.jpg) repeat-y top right;
	width: 970px;
	float: left;
}
#contentwrap #content {
	padding: 30px 30px 30px 20px;
	background: url(images/content-bg-bottom.jpg) no-repeat bottom right;
	float: left;
}
#sidebar {
	margin-right: 25px;
	float: left;
	width: 250px;
}
#sidebar #speakerlist {
	/*position: fixed;
	width: 250px;*/
}
#maincontent {
	margin-right: 25px;
	float: left;
	width: 370px;
	min-height: 450px;
}
#maincontentwide {
	margin-right: 0px;
	float: left;
	width: 645px;
	min-height: 450px;
	position: relative;
}	
#sideBarRight {
	padding-top: 40px;
	width: 250px;
	float: right;
	position: relative;
}
#speakers {
	margin: 0;
	padding: 0;
}
#speakers #speakerscontent {
	margin: 0;
	padding: 12px 10px;
	background: #f5f9e7;
	height: 62px;
	overflow-y: scroll;
}
div.SpeakerItem .speakertext {
	width: 450px;
	float: left;
}
div.SpeakerItem img {
	margin-left: 30px;
	float: right;
}
#latestnews {
	margin: 20px 0 0 0;
	padding: 0;
}
#latestnews #latestnewscontent {
	margin: 0;
	padding: 10px 15px 10px 15px;
	background: #f7f7f7;
	font-size: 11px;
	height: 40px;
	overflow-y: scroll;
}
#latestnews #latestnewscontent p {
	padding: 0 0 6px 0;
	margin: 0;
	line-height: 1.25em;
}
#sponsors {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 250px;
	top: 250px;
	right: 0;
}
#sponsors #sponsorscontent {
	margin: 0;
	padding: 12px 5px;
	border: 1px solid #f5f9e7;
	font-size: 10px;
}
#sponsors #sponsorscontent p {
	text-align: center;
	font-size: 11px;
}
#sponsors #sponsorscontent #sponsorsmain {
}

#sponsors #sponsorscontent #sponsorsmain #logos {
	padding: 5px 0;
}
#sponsors #sponsorscontent #sponsorsmain #logos div.gm {
	margin: 5px 40px 0 12px;
	float: left;
	width: 55px;
}
#sponsors #sponsorscontent #sponsorsmain #logos div.dte {
	float: left;
	width: 55px;
}
#sponsors #sponsorscontent #sponsorssub {
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 25px;
	height: 70px;
	/*vertical-align: middle;*/
	clear: both;
	text-align: center;
	/*width: 220px;*/
}
#sponsors #sponsorscontent #sponsorssub #images {
	/*float: left;*/
	margin: 0 auto;
	text-align: center;
	/*width: 200px;*/	
}
#sponsors #sponsorscontent #sponsorssub #images ul#sponsorImages {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
#sponsors #sponsorscontent #sponsorssub #images ul#sponsorImages li {
	padding: 0;
	margin: 0;
	left: 0;
}
#sponsors #sponsorscontent #sponsorssub #images ul#sponsorImages li div {
	margin: 0 auto;
	text-align: center;
}	
#sponsors #sponsorscontent #sponsorssub #images ul#sponsorImages li div p {
	margin: 0 0 5px 0;
	text-align: center;
}	
div.quote {
}
div.SpeakerItem {
	margin: 0 0 20px 0;
	float: left;
}
div.SpeakerItemHome {
	margin: 0;
	padding-bottom: 1px;
}
div.SpeakerItemHome p {
	font-size: 11px;
	line-height: 1.2em;
}
.div.clear {
	clear: both;
}
.greybox {
	padding: 6px;
	background: #f7f7f7;
}
.greybox p.smaller {
	margin: 0 0 .5em 0;
	font-size: 11px;
	line-height: 1.1em;
}

.greenbox {
	padding: 6px;
	background: #f5f9e7;
}
.greentext {
	color: #afd136;
}
.orangetext {
	color: #f6921e;
}
.registernow {
	padding: 8px;
	background: #f6921e;
	color: #fff;
}
.registernow a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
ul#slideshow {
}
ul#slideshow p {
	margin: 15px 10px 10px 10px;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
ul#slideshow p.titlebar {
	padding: 6px 0 6px 6px;
	margin: 0;
	width: 250px;
	font-size: 15px;
	background: #f6921e;
	color: #fff;	
	font-weight: bold;
}

#maincontent div#sposorship {
}
#maincontent div#sposorship h3 {
	margin: 20px 0 5px 0;
	color: #afd136;
	font-weight: bold;
}
#maincontent div#sposorship h4 {
	margin: 20px 0 0 0;
	font-size: 15px;
}
#maincontent div#sposorship p.indent {
	padding-left: 40px;
}
#maincontent div#sposorship ul {
	padding-left: 20px;
}
div#exhibitors ul {
	padding-left: 20px;
}
div#agenda p.names {
	margin-left: 1em;
}
div#agenda p span {
	font-style: italic;
}

#footer {
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
}
#footer #socialmedia {
	margin: 0 15px 0 0;
	float: left;
	width: 260px;
}
#footer #socialmedia p {
	padding: 0 0 5px 0;
	font-size: 12px;
}
#footer #socialmedia img {
	margin: 0 2px 0 0;
}
#footer #socialmedia img.socialbutton {
	width: 30px;
	height: 30px;
}
#footer #footercontent {
	margin-top: 15px;
	margin-right: 20px;
	float: left;
	width: 380px;
}
#footer #hostsponsors {
	margin: 15px auto 0 auto;
	float: left;
}
#footer #hostsponsors img {
	text-align: center;
	margin: 0 auto;
}
#footer #hostsponsors p {
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 11px;
}


/* ----------------------------------------------------------------- headings */

h2 {
	margin: 0 0 1em 0;
	padding: 0;
	color: #f6921e;
	font-size: 19px;
}
#maincontent h3 {
	margin: 5px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	color: #9a8479;
}
#speakers h3, #latestnews h3, #sponsors h3 {
	margin: 0 0 -1px 0;
	padding: 0;
	color: #afd136;
	font-weight: bold;
	font-size: 18px;
}
div.quote h3 {
	margin: 20px 10px 10px 10px;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
div.quote h3 span {
	font-weight: bold;
}
div.SpeakerItem h3 {
	margin: .5em 0 1em 0;
	color: #afd136;
}
#maincontentwide h3 {
	color: #afd136;
}
#maincontentwide h3.greytext {
	color: #9a8479;
}
span#question {
	color: #afd136;
}



/* ------------------------------------------------------------------- paragraphs */


p {
	margin: .5em 0;
}
#maincontent p {
	margin: .75em 0;
}

#maincontent p.enlarge {
	margin-top: 1em;
	color: #afd136;
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
}
#speakers #speakerscontent p {
	margin: 0 0 12px 0;
}
#speakers #speakerscontent p span {
	font-weight: bold;
}
#sponsors #sponsorscontent p img {
	margin: 0 10px 0 0;
}
div.quote p {
	margin: 0;
	padding: 0;
	margin-right: 15px;
	float: right;
	font-size: 15px;
}
#footer #hostsponsors p img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#footer p {
	margin: 0;
	padding: 1px 0;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -1px;
	color: #c1b49a;
}



/* ------------------------------------------------------------------ links */

a {
	color: #9a8479;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* ---------------------------------------------------------------------- lists */

ol {
	margin-left: 25px;
}
ol li {
	padding: 0 0 8px 0;
	color: #afd136;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.25em;
}
ol li a {
	color: #afd136;
	font-weight: bold;
}
ul.faqs {
	list-style: none;
}
ul.faqs li {
	padding: 0 0 8px 0;
	color: #afd136;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.25em;
}
ul.faqs li a {
	color: #afd136;
	font-weight: bold;
}
ul.workshops li {
	padding-bottom: 20px;
}
ul.indentnormal {
	margin-left: 35px;
}


/* -------------------------------------------------------------------- misc */

img {
	border: none;
}
sup {
	font-size: 10px;
}

/* ------------------------------------------------------------------- tables */


div#registrationtable {
	margin: 15px 0;
	float: left;
}
table.registration {
	padding: 4px;
	margin: 0;
	background: #f5f9e7;
	width: 370px;
}
table.registration td {
	padding: 0 3px 3px 0;
	margin: 0;
	vertical-align: top;
	text-align: center;
	line-height: normal;
	font-size: 12px;
}
table.registration td.itemtitle {
	width: 230px;
	color: #f6921e;
	text-align: left;
	font-weight: bold;
}
table.registration td.itemtitle2 {
	color: #62a345;
	text-align: center;
	font-weight: normal;
}
table.registration td.itemtitle span, table.registration td.itemtitlesub span {
	font-weight: normal;
	font-size: 10px;
	color: #9a8479;
}
table.registration td.itemtitlesub {
	text-align: left;
	font-weight: bold;
}
table.registration td.cost1 {
}
table.registration td.cost2 {
}
table.registration td.cost3 {
}


/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:250px;
	height:350px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;
	display: none;
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */


/* ---------------------------------------------------------------------------
	=navigation
--------------------------------------------------------------------------- */

#mainmenu {
	margin-left: 250px;
	margin-right: 0;
	float: right;
	padding-top: 0;
	padding-left: 0;
	text-align: left;
	/*background: url(images/menu-bg-left.png) no-repeat top left;*/
}
#dropmenu, #dropmenu ul {
	margin: 0 25px 0 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	background: #f6921e;
	line-height:1.5em;
	z-index:300;
	width:100%;
	font-weight:bold;
}
#dropmenu a {
	display:block;
	padding: 0.7em .7em .75em .7em;
	color:#fff;
	text-decoration:none;
	background: #f6921e;
	text-transform: lowercase;
}
#dropmenu a:hover {
	/*background:#888;*/
	color:#fff;
	background: #de8218;
}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:14em; top:2.8em; left:-1px;}
#dropmenu ul a {
	/*border-left: 1px solid #c8c8c8;*/
}
#dropmenu li ul {width:14em;line-height:1.1em;}
#dropmenu li ul a {width:14em; height:auto; float:left; border-top: 1px solid #de8218;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:13.95em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;background: #de8218;}

/*
#mainmenu {
	margin-left: 250px;
	margin-right: 24px;
	padding-top: 0;
	text-align: left;
	background: url(images/menu-bg-left.png) no-repeat top left;
}
#mainNav ul {
	margin: 0 0 0 15px;
	list-style-type: none;
	padding: 10px 0 28px 0;
	position: relative;
	text-align: left;
	background: #f6921e;
}
#mainNav li {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	float: left;
}
#mainNav li a {
	margin: 0;
	padding: 10px 8px 10px 8px;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 13px;
	font-weight: bold;
}
#mainNav li a:hover {
	text-decoration: underline;
}
#mainNav li a#current {
	color: #000;
}*/
/*  below works for ie6
#mainmenu {
	margin-left: 260px;
	margin-right: 0px;
	padding-top: 0;
	text-align: left;
	background: url(images/menu-bg-left.png) no-repeat top left;
}
ul#nav{
	margin: 0 0 0 15px;
	list-style-type: none;
	padding: 8px 0 0px 0;
	position: relative;
	text-align: left;
	background: #f6921e;
	float: left;
	height: 30px;
}
ul#nav{
	margin: 0 0 0 15px;
	list-style-type: none;
	padding: 10px 0 28px 0;
	position: relative;
	text-align: left;
	background: #f6921e;
}
ul#nav{
	margin: 0 0 0 15px;
	list-style-type: none;
	padding: 10px 0 28px 0;
	position: relative;
	text-align: left;
	background: #f6921e;
}
ul#nav li{
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	float: left;
}

ul#nav li a {
	margin: 0;
	padding: 10px 8px 10px 8px;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 13px;
	font-weight: bold;
}
ul#nav li a:link,
ul#nav li a:visited{}
ul#nav li a:hover {
	text-decoration: underline;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}
/*
#nav a{
display:block;
float:none;
}

#nav li{
	margin: 0;
	text-align: center;
	float: left;
}
#nav ul {
position:absolute;
top:0em;
z-index:99;
}
*/

/*
#nav li ul{
	margin-top: 10px;
	text-align: center;
}
ul#nav li ul li a {
	height: auto;
	padding: 8px;
}

#nav li ul li{
background: #0f293e; 
float: left;
clear: both;
height: auto;
padding: 0;
border: 1px solid #999;
border-top: 0;
list-style: none;
width:auto;
text-align: center;
}

#nav li ul a{
width: 11em;
height:auto;
z-index:99;
}

#nav li ul a:hover {
	color: #0f293e;
	color: #fff;
	background: #184161;
}

#nav ul ul{
top:auto;
z-index:99;
}	


#nav li ul ul {
left:12em; 
z-index:99;
}


#nav .topli{
border-top: 1px black solid !important;
background: #ddd;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
z-index:99;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
z-index:99;
}*/