/************
************* DQ's modified version of Eric Meyer's CSS reset */
a { text-decoration: none; }
a img { border: none; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code, del, dfn, 
font, img, ins, kbd, q, samp, small, tt, var, dl, 
dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
html{height: 100%;}
body {
	color: black;
	background: white;
	height: 100%;
}
ol, ul { list-style: none; }
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
pre { 
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: scroll; 
}


/************
************* DESIGN */
/*background*/
body {
	background: #230f37;
	font-family: "century gothic","lucida grande","lucida sans","bitstream verda sans","verdana";
}
/*structure*/
#flash {
	position: absolute;
	z-index: -1;
	margin: 0 auto;
	width: 100%; height: 99%;
	top: 0; left: 0;
}
#container-push {
	height: 192px;
	width: 100%;
}
#container {
	width: 900px;
	margin: 0 auto -88px; /* the bottom margin is the negative value of the footer's height */
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(images/content-bg-filler.png) repeat-y;
}

/*top*/
#top {
	height: 75px;
	margin: 0 0 7px 0;
	position: absolute;
	top: 0;
}
#top #navigation{
	height: 75px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#top #navigation {
	height: 75px;
	width: 900px;
}
#top #navigation a{
	text-decoration: none;
}
#top #navigation ul li{
	background: transparent url(images/opaque.png);
	width: auto;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
	margin: 0 1px;
	border: 0;
	text-align: center;
	height: 75px;
}
#top #navigation ul li a{
	color: #1b092e;
	display: block;
	padding: 55px 0 6px 0;height: 0px;
	position: relative;
}
#top #navigation ul li.logo{
	background: transparent url(images/opaque.png);
	width: 384px; height: 75px; padding: 0;
	margin-left: 0;
}
#top #navigation ul li.logo a{
	margin: 13px 0 0 37px;
	padding: 0;
	display: block;
	width: 315px; height: 55px;
	background: transparent url(images/logo.png) no-repeat 0;
	cursor: pointer;
}
#top #navigation ul li.logo a span{
	display: block;
	width: 315px; height: 55px;
}
#top #navigation ul li.company, #top #navigation ul li.product{
	width: 94px;
}
#top #navigation ul li.opportunity{
	width: 112px;
}
#top #navigation ul li.join{
	width: 62px;
}
#top #navigation ul li.meetings{
	width: 144px;
	margin-right: 0;
}

/*left nav */
#sidebar-container {
	margin: -107px 0 10px 0;
	width: 226px; height: auto;
	float: left; 
	display: inline;
	overflow: hidden;
	position: relative;
}
#sidebar-top {
	background: transparent url(images/sidebar-top.png) repeat-y;
	width: 226px; height: 107px;
	position: absolute;
	z-index: -1;
}
#sidebar {
	width: 226px;
	height: auto;
	padding: 82px 0 0 4px;
}
#sidebar a{
	text-decoration: none;
}
#sidebar ul li.current_page_item{
}
#sidebar ul li.current_page_item a, #sidebar ul li a:hover{
	color: #463279;
	background: transparent url(images/selected-bg.gif) no-repeat scroll left 0;
	height: 27px; width: 100%;
	padding: 6px 0 0 36px;
}
#sidebar ul li a{
	color: white;
	text-transform: capitalize;
	height: 27px; 
	display: block;
	padding: 6px 0 0 19px;
	font-size: 70%;
	font-weight: bold;
}
#sidebar-bottom {
	background: transparent url(images/sidebar-bottom.png) repeat-y;
	width: 226px; height: 41px;
	display: none;
}
/*content and lower*/
#content-container {
	background: transparent;
	width: 664px;
	float: right;
	margin: -107px 0 10px 0;
	display: inline;
	overflow: hidden;
	position: relative;
}
#content-top {
	background: transparent url(images/content-top.png) no-repeat;
	width: 100%; height: 49px;
}
#content {
	background: transparent url(images/content-bg.png) repeat-y;
	width: 100%;
}
#content .entry{
	background: white;
	margin: 0 auto;
	width: 632px; 
	font-family: arial;
	font-size: 75%;
	padding: 8px;
}
#content .entry p, #content .entry ul, #content .entry h2, #content .entry h3, #content .entry h4{
	padding: 5px 6px;
}
#content .entry ul {
	list-style: disc;
	font-weight: bold;
	margin-left: 30px;
}
#content .entry ol {
	list-style: decimal;
	font-weight: bold;
	margin-left: 30px;
}
#content .entry .lime-arrows{
	background: url(images/lime-arrows.gif) no-repeat;
	padding: 8px 0 10px 43px;
	margin-top: 10px;
}

#footer {
	width: 100%;
	margin: 88px auto 0;
	height: 88px;
}
#footer #content-bottom-filler{
	width: 100%;
	height: 41px;
	background: url(images/content-bottom-filler.png) no-repeat;
	width: 900px;
	margin: 0 auto;
}
#footer a{
	text-decoration: none;
}	
#footer ul{
	height: 27px; width: 900px;
	font-size: 65%;
	font-weight: bold;
	color: white;
	margin: 0 auto;
	background: #1a082d;
	margin-top: 10px;
}
#footer ul li{
	float: left;
	margin: 0 14px;
	padding-top: 10px;
}
#footer ul li a{
	color: white;
	font-weight: normal;
}
#foot-filler {
	background: #1a082d;
	width: 100%;
	height: 10px;
	overflow: hidden;
}
/*footer push*/
#push {
	height: 88px; /* .push must be the same height as .footer */
}


/* fonts */
h1 {
	text-transform: capitalize; 
	color: white; 
	font-size: 250%; 
	padding: 0 0 8px 6px;
	font-weight: normal;
	text-shadow: .5px .5px 6px #fefdff;
}
h2 {
	color: #2a1364; 
	font-size: 140%; 
	padding: 10px 0 10px 0;
}
h3 {
	font-weight: bold;
	font-size: 110%;
	color: #2a1364;
}
h4 {
	font-weight: bold;
	font-size: 90%;
	color: #2a1364;
}

a {
	color: #2a1364;
	text-decoration: underline;
}
a:hover {
	
}

/**extras**/
.clearfloats {clear: both;}
a.post-edit-link {color: #ff8a00; font-weight: bold;} 
#preload {
	position: absolute;
	overflow: hidden;
	left: -9999px; 
	top: -9999px;
	height: 1px; 
	width: 1px;
}


/*tabber*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav
{
 margin: 0 !important;
 padding: 0 10px 19px 18px !important;
 font-size: 90%;
 font-weight: normal;
 background: url(images/tab-top.jpg) no-repeat bottom;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 padding: 9px 0;
}
ul.tabbernav li a
{
 margin-left: 3px;
 text-decoration: none;
 padding: 7px 20px 10px 15px;
 color: #2a1364;
}
ul.tabbernav li.tabberactive
{
 list-style: none;
 margin: 0;
 display: inline;
 background: url(images/left-tab.jpg) no-repeat left center;
}
ul.tabbernav li.tabberactive a
{
 margin-left: 3px;
 background: url(images/right-tab.jpg) no-repeat right top;
 text-decoration: none;
 font-weight: bold;
 font-size: 120%;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 background: url(images/tab-bg.jpg) repeat-y -3px 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab ul {
 list-style: disc;
 font-weight: bold;
 margin-left: 30px;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabberbottom {
 width: 632px;
 height:16px;
 background: url(images/tab-bottom.jpg) no-repeat;
}




.alignleft {float: left; margin-right: 25px;}
.alignright {float: right;}
.wp-caption p.wp-caption-text {margin: -10px 0 10px 0; padding: 0; font-size: 75%; font-weight:bold;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.banner {
	height: 196px;
	}
.banner img{
	width: 648px;
	position: absolute;
	left: 8px;
	}