@charset "utf-8";

body {text-align:center; background-color: #cccccc; margin:2px auto; font-family:  Verdana, Arial, sans-serif}
    
#container {margin:0 auto; width:760px; background: #766b69; font-size: 9pt; text-align:left; } 
    	           
#header {font-family: Verdana, Arial, sans-serif; text-align:center; width:760px; height: 248px; position: relative; margin:0; background-image:url(images/IbogaQuestLogo.jpg); background-repeat:no-repeat;}  
#header img {border:none; float:left; margin:0; padding: 0;}
    
   
      
#tag {position:absolute; left: 310px; top: 10px; text-align:center; color: white; font-weight:bold; font-style:italic;}      

#info {text-align:left; width: 390px; font-size: 9pt; position: relative; float:right; padding: 7px; color: #00007e;}
    
table {border:none; }    
   
#navbar {margin: 0; text-align:left; line-height:3em; padding-right: 10px; font-size: 8pt; position: relative; color: #d6ebff;}
.navItems a {
	color: #d6ebff;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:underline;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.navItems a:hover, .navItems a.selected {color: white;}

#navbar1 {width:760px; margin:0; line-height:1.1em; text-align:left; font-size: 10pt; font-weight: bold; float: left; background-color: #d6ebff; color: #766b69; }
.navItems1 {width:760px; margin: 10px 10px 0 10px; line-height:3em; padding-right: 10px; font-size: 9pt; position: relative; } 
.navItems1 a {
	padding: 1em;
	font-size: 9pt;
	color: #766b69;
	font-weight:bold;
	text-decoration: underline;
}

.imageAlignLeft {float:left; margin: .5em 1em .5em 0; text-align: center;  display:inline; }  
.imageAlignRight {float:right; margin: .5em; text-align: center; display:inline; }

/*----------------------------*/
/*     Headings, fonts, etc.  */
/*----------------------------*/    
h1  {color: #766b69; font-size: 16pt; }

h2 {color: #766b69; font-size: 14pt;}
    
h3  {color: #381c2b; font-size: 11pt; }

h4 {color: #444444; font-size: 14pt;}

hr {color: #381c2b; margin: 1px; }    

.gray20 {color: #5A5C59; font-size: 20pt;}
.gray14 {color: #444444; font-size: 14pt; font-weight:bold;}
.gray11 {color: #766b69; font-size: 11pt; font-weight: bold }
.gray13 {color: #766b69; font-size: 13pt; font-weight: bold }
.purple12 {color: #381c2b; font-size: 12pt; font-weight:bold; }

hr {color: #766b69}

.centerit {text-align:center; }
.centered_8pt {text-align:center; font-size: 8pt}

/*----------------------------*/
/*       Main Body            */
/*----------------------------*/
#main {width: 765px; margin: 0px; padding: 0px; background-color: #d6ebff; color:#766b69; position: relative; }

                
/*----------------------------*/
/*       Left Column          */
/*----------------------------*/
.leftCol {float: left; width: 220px; margin: 0px; padding: 0px; font-size: 9pt; position: relative; }
.leftCol ul {width: 220px; margin: 0; padding: 0px; text-indent: none; }	
.leftCol li {list-style: none; margin: 0px; padding: 0px;}
.leftCol li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color:#766b69; color: #d6ebff; font-weight: bold; font-size: 10pt; line-height:1.5em;}
.leftCol li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px #d6ebff; color: #766b69; text-decoration: none; font-size: 110%; font-weight:600;}
.leftCol li a:hover, .leftCol li a.selected {border-left: solid 7px #766b69;  color: #aea5a4; text-decoration: none;}
.quote {float:left; margin: 30px 10px }
   
/*----------------------------*/
/*     Center Column          */
/*----------------------------*/   
.centerCol {width: 245px; margin: 0px; padding: 10px; font-size: 10pt; position:relative;}
.centerCol img {display:inline; margin: 5px;}


/*----------------------------*/
/*      Right Column          */
/*----------------------------*/
.rightCol {width: 245px; font-size: 9pt; position: relative; padding: 10px; }


/*----------------------------*/
/*          Footer            */
/*----------------------------*/
#footer {font-size: 10pt; margin:0; text-align:center; color: #DADBFD; line-height:1.5em;}
#footer a {color: #DADBFD } 


#boxes {margin-bottom: 20px; margin-top: -10px; width: 760px; float: left; background-color: #d6ebff; color: #766b69; }

.tagline {font-style:italic; width: 480px; float: left; padding: 5px 10px; margin: 20px 10px 0px 10px; background-color: #EDF7FF; text-align:center; border: .5px solid #766b69; }

.features1 {
	width: 215px;
	float: left;
	background-color: #d6ebff;
	margin: 20px 2px 0px 2px;
	border-right: .5px solid #766b69;
	color: #d6ebff;
}
.features1 ul {width: 215px; margin: 0; padding: 0px; text-indent: none; }	
.features1 li {list-style: none; margin: 0px; padding: 0px;}
.features1 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 10px; background-color:#766b69; color: #d6ebff; font-weight: bold; font-size: 10pt; line-height:1.5em;}
.features1 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-left: solid 7px #d6ebff; color: #766b69; text-decoration: none; font-size: 110%; font-weight:600;}
.features1 li a:hover, .leftCol li a.selected {border-left: solid 7px #766b69;  color: #aea5a4; text-decoration: none;}

.features2 {
	float: left;
	padding: 10px;
	font-size: 10pt;
	margin-top: 0px;
	width: 245px;
}

.features3 {width: 500px; float: left; padding: 10px; font-size: 10pt;  }

.features4 {float: left; padding: 20px; font-size: 12pt;  }

.insideBox {width: 480px; float: left; padding: 10px; margin:10px; font-size: 10pt; background-color: #EDF7FF;  }



#container #boxes .features1 .title a {
	color: #d6ebff;
}