/* *** Breakthrough Coach style sheet *** */
html, body{ 
 margin:0; 
 padding:0;
 background-color: #7bcbef; 
 color: #000000;
 font-family: verdana, helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
} 

h1
   { clear: both; 
     font-family: verdana,helvetica, sans-serif;
     font-size: 150%;
     background-color:#ffffff; 
     color: #21459c;}
   
h2 
   { clear: both; 
     font-family: verdana,helvetica, sans-serif;
     font-size: 130%;
     background-color:#ffffff; 
     color: #21459c;}
     
h3 
   { clear: both; 
     font-family: verdana,helvetica, sans-serif;
     font-size: 110%;
     background-color:#ffffff; 
     color: #21459c;}
     
#pagewidth{ 
 width:780px; 
 min-width: 500px; 
 background-color: #ffffff; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 color: #000000;  
 border: 1px solid black;
} 

#header{ 
 position:relative; 
 height:225px; 
 width:100%; 
 background-color:#ffffff; 
 text-align: right;
 background-image: url("images/kuleana-logo.jpg");
 background-repeat: no-repeat;  
 color: #21459c; 
 clear:both;
 } 
 
#header p{
 padding: 10px 10px 0px 0px;
}

#header a:link, #header a:visited{
 background-color: #ffffff;
 color: #21459c;
}
 
#leftcol{
 width:16%; 
 float:left; 
 position:relative; 
 color: #000000;
 background-color:#ffffff; 
 border-left: 3px solid #fffffe;
 border-right: 1px solid #fffffe;
 }
 
#twocols{
 width:82%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:20%; 
 float:right; 
 position:relative; 
 color: #000000;
 background-color:#ffffff;
 border-left: 1px solid #fffffe;
 border-right: 2px solid #fffffe; 
 }

#wide-rightcol{
 width:35%; 
 float:right; 
 position:relative; 
 color: #000000;
 background-color:#ffffff;
 border-left: 1px solid #fffffe;
 border-right: 2px solid #fffffe; 
 }

#narrow-maincol{
 color: #000000;
 background-color: #ffffff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:61%; 
 border-left: 1px solid #21459c;
 border-right: 1px solid #21459c;
 padding: 0px 4px 0px 4px;
 
 }
 
#maincol{
 color: #000000;
 background-color: #ffffff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:76%; 
 border-left: 1px solid #21459c;
 border-right: 1px solid #21459c;
 padding: 0px 4px 0px 4px;
 
 }

#maincol-whole{ 
 float: left; 
 width: 95%; 
 position: relative; 
 padding: 0px 8px 0px 8px;
 }

#maincol-whole img{ border: none;
 padding: 2px 8px 2px 8px;
}

#maincol-and-right{ 
 color: #000000;
 background-color: #ffffff;  
 float: left; 
 width: 590px; 
 position: relative; 
 border-right: 1px solid #21459c;
 padding: 0px 8px 0px 8px;
 } 
 
#maincol, #maincol-whole p{
text-align: justify;
}

 #maincol-and-right p{
text-align: left;
 }
 
#footer{
 color: #8fe3ee; 
 background-color: #21459c; 
 text-align: center;
 clear:both;
 padding: 5px 0px 5px 0px;
} 

#footer a:link, #footer a:visited{
 color: #8fe3ee;
 background-color: #21459c;  
}

.clr{clear:both;}
 
 /* *** Float containers fix:
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
}

#navcontainer {
	text-align: center;
	background-color: #21459c;
	color: #8fe3ee;
	padding: 2px;
	border-bottom: 1px solid #21459c;
	font-size: 9pt;

}
#navcontainer ul {
	list-style: none;
	margin: 0;
	padding-top: 4px;
}
#navcontainer li {
	display: inline;
}

#navcontainer a:link, #navcontainer a:visited { 
	margin-right: 0px;
	padding: 3px 5px 2px 10px; 
	color: #8fe3ee;
	background-color: #21459c;
	font-weight: bold;
	text-decoration: none;
}

#navcontainer li a:hover {
	color: #21459c;
	background-color: #8fe3ee;
	font-weight: bold;
}

body#about li.about, 
body#special li.special,
body#coaching li.coaching,
body#contact li.contact,
body#home li.home, 
body#passion li.passion,
body#team li.team,
body#dream li.dream,
body#testimonials li.testimonials {
	color: #21459c;
	background-color: #ffffff;
	font-weight: bold;
}

body#about li.about a:link, 
body#about li.about a:visited,
body#special li.special a:link, 
body#special li.special a:visited,
body#coaching li.coaching a:link, 
body#coaching li.coaching a:visited,
body#contact li.contact a:link, 
body#contact li.contact a:visited,
body#home li.home a:link, 
body#home li.home a:visited,
body#passion li.passion a:link, 
body#passion li.passion a:visited,
body#team li.team a:link, 
body#team li.team a:visited,
body#dream li.dream a:link, 
body#dream li.dream a:visited, 
body#testimonials li.testimonials a:link, 
body#testimonials li.testimonials a:visited
{
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}


	
.purplebg {
background-color: #21459c; 
font-size: 105%;
font-weight: bold;
color: #8fe3ee;
}	

#light-background{
font-weight: bold;
background-color: #8fe3ee;
color: #004d84;
font-size: 105%;
padding: 3px;
text-align: center;
}

#light-background a:link, #light-background a:visited, #light-background a:hover, #light-background a:active { 
text-decoration: none;
color: #004d84;
font-size: 110%;
}

.strong {
font-weight: bold;
}

.purplefont {
background-color: #ffffff; 
color: #21459c;
}

.strongpurplefont {
font-weight: bold;
background-color: #ffffff; 
color: #21459c;
}

.ital{
font-style: italic;
}

.boldital{
font-weight: bold;
font-style: italic;
}

.bold{
font-weight: bold;
}
.egleft {
width: 520px;
float: left;
color: #000000;
	}