@charset "utf-8";
body {
	background-color: #636363;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

table {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.quoter hr, #quoter hr {
	width:75%;
	color:#9FD067;
	height:1px;
	text-align: center;
}


hr { width:80%; color:#9FD067; height:1px;}

a:link, a:visited {
	color: #0097D6;
	font-size: 13px;
}
a:hover, a:active {
	color: #9FD067;
}

/*TOP NAVIGATION*/

#Header {
	margin: 0px;
	padding: 0px;
}

#Navigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#666;
	height:18px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #E1F2FC;
	background-image: url(../Images/NAV-Bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#Navigation a {
	padding-top:10px;
	margin-right: 5px;
	margin-left: 5px;
}
#Navigation a:link, #Navigation a:visited {
	text-decoration:none;
	color:#E1F2FC;
}
#Navigation a:hover, #Navigation a:active {
	text-decoration:underline;
	color:#E1F2FC;
}
ul#navigation-1 {
	margin:0;
	list-style:none;
	width:100%;
	height:30px;
	/*border-top:1px solid #b9121b;
	border-bottom:1px solid #b9121b;*/
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #636363;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
ul#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:125px;
}
/*Main Lik and rollover*/
ul#navigation-1 li a:link, ul#navigation-1 li a:visited {
	padding:5px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#B8C4CA;
	width:130px;
	height:15px;
}
ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active {
	padding:5px 0;
	display:block;
	text-align:center;
	text-decoration:underline;
	color:#B8C4CA;
	width:130px;
	height:15px;
}
ul#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
	display:none;
	width:125px;
	position:absolute;
	top:21px;
	left:-1px;
	font-size: 9px;
}
ul#navigation-1 li:hover ul.navigation-2 {
	display:block;
	text-align: left;
}
ul#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:125px;
}
/* roll-over drop down*/
ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background-color:#fff;
	padding:4px 0;
	width:125px;
	border:none;
	position:relative;
	z-index:1000;
	text-align: left;/*padding-left:5px;*/
}
ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background-color:#EDEDED;
	padding:4px 0;
	width:125px;
	border:none;
	position:relative;
	z-index:1000;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	z-index:900;
}
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background-color: #666;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background-color: #999;
}
ul#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	background-color: #999;
}
ul#navigation-1 li ul.navigation-2 li:hover a span, ul#navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#003F6B;
}

/* Course NAV */

UL.Courses {
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	list-style-type: circle;
	margin-left:8px;
	list-style-position: outside;
	color:#636363;
	padding: 0px;
}


UL.Courses a:link, UL.Courses a:visited { text-decoration:underline; color:#636363;}

UL.Courses a:hover, UL.Courses a:active { text-decoration:none;color:#636363;}
#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*END */

/* h1 headers */

#container #mainContent h1 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

#container #About #AboutMain h1, 
#container #Consulting h1, 
#container #Coaching h1, 
#container #Tools h1, 
#container #Learning h1, #container #Contact h1,#container #AboutHEI h1 , #container #Courses h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0097D6;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#container #Coaching h1, #container #Learning h1 {margin-left: 40px;padding-left: 40px;}

#container #About #AboutMain h1  a:link,#container #About #AboutMain h1  a:visited { text-decoration:underline; color:#0097D6;
}
#container #About #AboutMain h1  a:hover, #container #About #AboutMain h1  a:active{ text-decoration:none; color:#333;
}

#container #About #AboutMain h2 {
	font-size: 16px;
	color: #333;
}


#container #Contact img {margin-right: 20px;padding-right: 20px;}

#container #AboutHEI {
	clear: both;
	min-height: 350px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #FFF;
	padding-left: 20px;
}

#container #AboutHEI img {margin-left: 20px;padding-left: 20px;}


#container #About {
	clear: both;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #FFF;
}
#container #AboutLeft {
	width:190px;
	float:left;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 15px;
	background-color: #F4F4F4;
}

#container #CoursesLeft {
	width:190px;
	float:left;

	margin-left: 0px;
	padding-left: 15px;
	padding-top: 15px;
	background-color: #F4F4F4;
}

#container #AboutMain {
	width:711px;
	float:right;
	padding-right: 20px;
	padding-left: 0px;
}

#container #Courses {
	width:711px;
	float:right;
	padding-right: 20px;
	padding-left: 0px;
	clear: none;
}

#container #Courses:hover {
	background-color: #F4F4F4;
}

#About #AboutLeft h1, #About #CoursesLeft h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0397D5;
	padding: 0px;
	margin-right: 15px;
}

#About #CoursesLeft h1 a:link,#About #CoursesLeft h1 a:visited { text-decoration:underline;color: #0397D5;}
#About #CoursesLeft h1 a:hover,#About #CoursesLeft h1 a:active { text-decoration:none;color: #333;}



#container #mainContent h2 {
	color: #0094D6;
}
#container #mainContent {
	clear: both;
	height: 264px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #636363;
}

#container #Consulting, #container #Coaching, #container #Tools, #container #Learning {
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 910px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}

#container #Consulting p {
	margin: 0px;
	padding: 0px;
}

#container #CoachBoxes p {
	font-size: 13px;
	color: #333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#container #CoachBoxes {
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 950px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	margin: 0px;
	text-align: left;
	background-image: url(../Coaching/images/CoachBoxes-BG.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#container #CoachBoxes #CB1 h2, #container #CoachBoxes #CB2 h2, #container #CoachBoxes #CB3 h2, #container #CoachBoxes #CB4 h2, #container #CoachBoxes #CB5 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}


#CB1, #CB2, #CB3, #CB4, #CB5 {
	width:170px;
	height:310px;
	float:left;
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:0;
}


#CB1 p, #CB2 p, #CB3 p, #CB4 p, #CB5 p { margin:0px; padding:0px;
	
}

#CB1 {
	float:left;
}
#CB2 {
	float:left;
}
#CB3 {
	float: left;
	
}
#CB4 {
	float: left;
}
#CB5 {
	float: left;
}
#Consulting img {
	padding-left:40px;
	margin-left:40px;
}
#Box3 {
	background-image: url(../images/bottom_boxes.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}
#Inner1 {
	width: 316px;
	height:200px;
	float:left;
	/*background-color: #6AA3EA;*/
}
#Inner2 {
	width: 318px;
	height:200px;
	float: left;
	/*background-color: #C1CBB3;*/
}
#Inner3 {
	width: 316px;
	height:200px;
	float:right;
	/*background-color: #B0CF33;*/
}
#container #Box3 #Inner1 p a:link, #container #Box3 #Inner2 p a:link, #container #Box3 #Inner3 p a:link, #container #Box3 #Inner1 p a:visited, #container #Box3 #Inner2 p a:visited, #container #Box3 #Inner3 p a:visited {
	color: #FFF;
	text-decoration: underline;
}
#container #Box3 #Inner1 p a:hover, #container #Box3 #Inner2 p a:hover, #container #Box3 #Inner3 p a:hover, #container #Box3 #Inner1 p a:active, #container #Box3 #Inner2 p a:active, #container #Box3 #Inner3 p a:active {
	color: #FFF;
	text-decoration: none;
}
#container #Box3 #Inner1 p, #container #Box3 #Inner2 p, #container #Box3 #Inner3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#container #Box3 #Inner1 h1, #container #Box3 #Inner2 h1, #container #Box3 #Inner3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 25px;
	text-transform: uppercase;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #089CD6;
}
#header h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #9CCE63;
}
#footer {
	height: 65px;
	padding-top: 5;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 10px;
	text-align: center;
	clear: both;
	color: #666;
	margin-top: 5px;
	}


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer a:link,#footer a:visited {
	color: #666;
	font-size: 10px;
}
#footer a:hover,#footer a:active {
	color: #0097D6; font-size: 10px;
}

#container #About #AboutMain p,
#container #Consulting p,
#container #Coaching p,
#container #Contact p, 
#container #AboutHEI p,
#container #Learning p, 
#container #Tools p {
	font-size: 13px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

#container #Coaching p, #container #Learning p { margin-left:40px; padding-left:40px;}

#container #Consulting ul {
	font-size: 13px;
	color: #333;line-height: 20px;
}

#container #About #AboutMain ul, #container #About #AboutMain ol {
	font-size: 13px;
	color: #333;
	margin-top: 0px;
	padding-top: 0px;
}
#container #About #AboutMain ul li, #container #About #AboutMain ol li {
	
	line-height: 20px;
	margin-top: 4px;
	padding-top: 4px;
}


#container #CoachBoxes  p a:link, #container #CoachBoxes  p a:visited  {
	color: #0097D6;
	text-decoration: none;
}

#container #CoachBoxes  p a:hover, #container #CoachBoxes  p a:active {
	color: #333;
	text-decoration: underline;
}
#container #About #AboutMain h3 {
	margin-bottom: 0px;
	margin-top: 4px;
	color: #666;
	padding-bottom: 0px;
	padding-left: 8px;
	font-size: 15px;
	padding-top: 4px;
	margin-left: 8px;
}


TH, TH p {
	background-color:#636363;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#B8C4CA;
	margin: 5px;
	padding: 5px;
	text-align: left;
}
.sm, .sm a {
	font-size: 9px;
}
.CourseRed {
	color: #900;
}
.CourseTable TD {

}

tr:nth-child(odd)    { background-color:#F4F4F4;  }
tr:nth-child(even)    { background-color:#FFF;}

#quoter {
	clear:both;
	font-style:italic;
	font-size:14px;
	height: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #0397D5;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#quoter .Sayer {
	font-size:14px;
}
  
.quoter,  .TabbedPanelsContentGroup .TabbedPanelsContent .quoter{
	font-style:italic;
	font-size:13px;
	height: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #0397D5;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
}
.quoter .Sayer {
	font-size:12px;
	text-align: right;
}

.buffer {
	padding: 2px;
	clear: none;
	float: left;
	height: 5px;
	width: 100%;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

#container #About #AboutMain table tr td {
	font-weight: normal;
}
#container #AboutHEI #ABTList tr td ul {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
	padding-left: 5px;
}

.team {
	text-align:right;
	padding-right:5px;
	font-size:13px;
	color:#0097D6;
	width: 100%;
}
.team a:link, .team a:visited { text-decoration:underline;font-size:13px;
	color:#0097D6;}

.team a:hover, .team a:active { text-decoration:none;font-size:13px;
	color:#0097D6;}

#container #Tools #TAtools tr td ul {
	margin: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-weight: normal;
	line-height: 18px;
}

