/* CSS Document */
/*-------------------------------------------------------------*/
/*------------------Main Elements of Document------------------*/
/*-------------------------------------------------------------*/
/*html format as follows

<div id="site_container">
    <div id="left_bg">
        <div id="right_bg">
            <div id="page_contents">
                <div id="masthead"></div>
					<div id="main_content">
                		<div class="main_text">

						</div>
					</div>
				<div id="footer"></div>
            </div>
        </div>
    </div>
	<div id="bottom_left_corner_ds">
		<div id="bottom_right_corner_ds">
			<div id="bottom_ds"></div>
		</div>
	</div>
</div>
*/

/*
Hugh Ballou Colors
Background: #92c1d7
Menu Bar: #06608b
Secondary: #628a9b

*/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	display:inline;
}

body {
	background:#d6e9f7;
	margin:0 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#site_container {
	/*Container for site including bg effects*/
	width:850px; /* Width of site including bg, drop-shadow, effects, etc. */
	margin:auto;
	overflow:auto;	
}

#right_bg {
	/*Drop Shadow transparent */
	margin:0;
	padding-right:10px;
	background:url(images/right_ds.png) top right repeat-y;
}

#left_bg {
	/*Drop Shadow transparent */
	margin:0;
	padding-left:10px;
	background:url(images/left_ds.png) top left repeat-y;
}

#page_contents {
	/*Container for actual content sans bg effects*/
	width:810px;
	margin:auto;
	background:#ffffff;
	padding:10px;
	overflow:auto;
/*	text-align:center;*/
}

#main_content {
	/*container for main body of web content sans masthead and footer */
	/*border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;*/
	background:#FFFFFF;
	min-height:500px;
	padding:12px;
	overflow:auto;
}

#header {
	background: /*url(images/header.jpg) only use this if image is going to be in the background, else add image via <div><img/></div> */;
	text-align:center;
/*	border:#000000 solid 1px;*/
	margin-bottom:4px;
}

#main_header {
	background: /*url(images/header.jpg) only use this if image is going to be in the background, else add image via <div><img/></div> */;
	text-align:center;
/*	border:#000000 solid 1px;*/
	margin-top:4px;
}

#title_container {
	overflow:auto;
	width:100%;
	margin-bottom: 12px;
}

#title_left {
	text-align:left;
	float:left;
	color:#2d657c;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
}

#title_right {
	padding-top:0.5em;
	text-align:right;
	float:right;
	color:#0883be;
	font-family:Arial, Helvetica, sans-serif;
}

.main_table {
	text-align:center;
	width:100%;
}

.main_table td {
	width:25%;
	border-right:#ffffff solid 4px;
}

.table_headings td {
	padding:0.5em 0;
}

.table_content td {
	padding:0 0 0.5em 0;
}

.main_table a img {
	border:none;
	margin-bottom:0.5em;
	outline:none;
}

.table_headings {
	background:#06608b;
	font-weight:bold;
	font-family: Tahoma, arial, verdana, sans-serif; 
	font-size: 12px; 
	color:#ffffff;
}

.table_content {
	background:#92C1d7;
	text-align:left;
}

.table_content td {
	vertical-align:top;
}

.main_info_block {
	border:#022b3e solid 1px;
	margin-right:4px;
	margin-top:4px;
	overflow:auto;
}

.main_page_heading_block {
	border:#022b3e solid 1px;
	margin-right:4px;
}

.keynote_block {
	border:#022b3e solid 1px;
	background:#92C1d7;
	margin-right:4px;
	margin-top:4px;
}

.main_image_block {
	margin-right:4px;
	margin-top:4px;
}

#footer {
	text-align:center;
	color:#ffffff;
	background:#06608b;
/*	border:#000000 solid 1px;*/
	font-size:12px !important;
	padding:0.2em 0;
	font-family:"Times New Roman", Times, serif;
}

#bottom_ds {
	margin:0;
	padding-bottom:10px;
	background:url(images/bottom_ds.png) bottom center repeat-x;
}

#bottom_left_corner_ds {
	margin:0;
	padding-left:10px;
	background:url(images/left_bottom_ds.png) bottom left no-repeat;
}

#bottom_right_corner_ds {
	margin:0;
	padding-right:10px;
	background:url(images/right_bottom_ds.png) bottom right no-repeat;
}

.block_container {
	width:100%;
	overflow:auto;
}

.right_block {
	float:right;
	width:50%;
}

.left_block {
	float:left;
	width:50%;
}

.indent {
	padding-left:12px;
}

.meeting_planner_container {
	width:100%;
	overflow:auto;
	margin:1em 0;
}

.meeting_left {
	text-align:center;
	float:left;
}

.meeting_left a img, .meeting_right a img, .meeting_col_left a img, .meeting_col_mid a img, .meeting_col_right a img {
	border:none;
}

.meeting_right {
	text-align:center;
	float:right;
}

.meeting_col_left, .meeting_col_mid {
	float:left;
	width:33%;
	text-align:center;
}

.meeting_col_right {
	float:right;
	width:33%;
	text-align:center;
}

a {outline:none};
a:link {color: #0000FF;}     /* unvisited link */
a:visited {color: #0000FF;}  /* visited link */
a:hover {color:#FF0000;}   /* mouse over link */
a:active {color: #0000FF;}   /* selected link */

/*-------------------------------------------------------------*/
/*----------------Right Sidebar Design-------------------------*/
/*-------------------------------------------------------------*/
	/*main container for right sidebar design*/
	#rightColDesignContainer {
		overflow:auto;
		margin:4px 0;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#a6c5d7;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-220px; /*this is the width of the right column*/
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
/*	    padding-bottom:1em;*/
	}
	.rightmenu .col1 {
        margin:0 0px 0 220px; /*right-margin is equal to margin to be used, left-margin is column width plus margin*/
        overflow:hidden;
	}
	
	.rightColBody {
		padding-right:6px;
	}
	
    .rightmenu .col2 {
        float:right;
        width:220px;
        position:relative;
        left:220px;
    }
	
	#sidebar {
		color:#032B3F;
		/*color:#fCfCfC;*/
	}
	
	#sidebar a img {
		border:none;
	}
	
	
	
	#synervision, #transformational {
		margin:2em auto;
		text-align:center;	
	}
	
	.sidebar_text {
	padding: 1em 0;
	overflow: auto;
	background:#a6c5d7;
	}





/*-------------------------------------------------------------*/
/*----------------Single Level Navigation Menu-----------------*/
/*-------------------------------------------------------------*/
#top_menu {
	overflow:auto;
	margin:auto;
	padding:0px;
	border-top:#06608b solid 2px;
	border-bottom:#06608b solid 2px;
	background:#06608b;
	text-align:center;
}

#top_menu a {
}

#top_menu li {
	font-family: Tahoma, arial, verdana, sans-serif; 
	font-size: 11px; 
	text-align: center;
	list-style:none;
	display:inline;
	margin:0 !important;
}

#top_menu ul {
	padding:0;
	margin:0;
}

#top_menu li.firstNavLink a, #top_menu li.navLink a, #top_menu li.currentLink  a,#top_menu li.firstCurrentLink a {
	border-right:#022B3E solid 1px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin:0;
	font-weight: bold;
	text-decoration: none; 
}

#top_menu li.firstNavLink a, #top_menu li.firstCurrentLink a {
	border-left:#022B3E solid 1px;
}

#top_menu li.navLink a:link, #top_menu li.navLink a:visited, #top_menu li.firstNavLink a:link, #top_menu li.firstNavLink a:visited  {
	width: 100%; 
	color:#ffffff; 
	background:#06608b;
}

#top_menu li.currentLink a:link, #top_menu li.currentLink a:visited, #top_menu li.currentLink a:hover, #top_menu li.currentLink a:active, #top_menu li.firstCurrentLink a:link, #top_menu li.firstCurrentLink a:visited, #top_menu li.firstCurrentLink a:hover, #top_menu li.firstCurrentLink a:active  {
	width: 100%; 
	color:#92c1d7; 
	background:#06608b;
}

#top_menu li.firstNavLink a:hover, #top_menu li.navLink a:hover {
	background:#0883be;
	color:#FFFFFF;
}

/*-------------------------------------------------------------*/
/*---------------------END Navigation Menu---------------------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*-----------------------Begin Typography----------------------*/
/*-------------------------------------------------------------*/
/*Text Formats*/

.oblique {
	font-style:oblique !important;
}

.underline {
	text-decoration:underline !important;
}

.emphasize {
	font-weight:bold;
}

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

/*Text Container*/
.main_text {
	padding:0.25em 1em;
	overflow:auto;
}

.thank_you_text {
	padding:0.25em 1em;
	overflow:auto;
	text-align:center;
}

.main_text ul{
	color:#272e58;
}

.table_text {
	padding:0.25em 0.5em;
}

.testimonial {
	font-weight:bold;
	font-style:italic;
	margin-top:0.5em;
	color:#000033;
	text-align:right;	
}

.price {
	margin:0.5em 0em;
	color:#0000cc;
	font-weight:bold;
	text-align:right;
}

.book_format {
	color:#000000;
}

.training_text {
	padding:0.25em 1em 0.25em 3em;
	overflow:auto;
}

/*HEADINGS*/
.main_heading {
	color:#272e58;
	font-size:16px;
	font-weight:bold;
}

.heading_01 {
	color:#000000;
	font-size:18px;
	font-weight:bold;

}

.heading_02 {
	color:#ffffff;
	background:#0883be;
	font-size:18px;
	padding:0.25em 12px;
}


.secondary_heading_01 {
	background:#ff8700;
	color:#000000;
	padding:0.2em 0.5em;
	margin:0 0.5em 0.5em 0.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
}

.heading_01 a:link {color: #0000FF;}     /* unvisited link */
.heading_01 a:visited {color: #0000FF;}  /* visited link */
.heading_01 a:hover {color:#00CCFF;}   /* mouse over link */
.heading_01 a:active {color: #0000FF;}   /* selected link */

.secondary_heading_02 {
	color:#ff4000;
	padding:0.2em 0.5em;
	margin:0.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	border-bottom:#ff4000 solid 2px;
}

/*Lists*/

.training_outline ol {
	list-style-type:decimal;
}

.training_outline ol ol {
	list-style-type:lower-alpha;
}

.training_outline ol ol ol {
	list-style-type:lower-roman;
}

.books_list {
	font-style:italic;
	font-weight:bold;
	margin:0.5em auto;
	color:#000000;
}

/*-------------------------------------------------------------*/
/*------------------------End Typography-----------------------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*--------------------Begin Image Container--------------------*/
/*-------------------------------------------------------------*/

/*Floats*/
.left_top {
	float:left;
	margin:0.2em 1em 0.1em 0;
}

.right_top {
	float:right;
	margin:0.2em 0 0.1em 1em;
}

.left {
	float:left;
	margin:0.5em 1em 0.5em 0;
}

.right {
	float:right;
	margin:0.5em 0 0.5em 1em;
}

.right_by_left {
	float:right;
	margin:0.5em 0 0.5em 0.25em;
}

.left_by_right {
	float:left;
	margin:0.5em 0.25em 0.5em 0;
}

.side_by_side { /*this is only for multiple images which will span the width of page*/
	overflow:auto;
	margin:0.45em 0;
}


.right img, .left img, .right_top img, .left_top img, .image_main img, .right_by_left img, .left_by_right img, .in_between img {
	border:#000000 solid 1px;
}

.image_clear {
	clear:both;
	overflow:auto;
}

/*non-float image classes*/
.image_main {
	margin: 1em auto;
	text-align:center;
}

.button {
	width:100%; 
	text-align:center;
}

.button a img {
	border:solid 1px;
}

/*-------------------------------------------------------------*/
/*---------------------End Image Containers--------------------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*----------------------Begin Cycle Banner---------------------*/
/*-------------------------------------------------------------*/

.no-js-content{
	display:block;
}

body.js-enabled #slideshow1, body.js-enabled #slideshow2, body.js-enabled #slideshow3 {
	display:block !important;
}

body.js-enabled .no-js-content {
	display:none !important;
}

#slideshow1 {
	margin:0 auto;	
	display:none;
	height:220px;
	width:600px;
	position:absolute;
	z-index:0;
	top:0px;
	left:210px;
}

#slideshow2 {
	margin:0 auto;	
	display:none;
	height:220px;
	width:600px;
	position:absolute;
	z-index:1;
	top:0px;
	left:210px;
}

#slideshow3 {
	margin:0 auto;	
	display:none;
	height:220px;
	width:600px;
	position:absolute;
	z-index:2;
	top:0px;	
	left:210px;
}

#main-page-slideshow-container {
	text-align:right; 
	padding:0px;
	width:810px;
	height:220px;
	background:url(images/hugh-ballou-banner-bg.jpg) no-repeat;
	position:relative;
}

/*-------------------------------------------------------------*/
/*-----------------------End Cycle Banner----------------------*/
/*-------------------------------------------------------------*/



/*-------------------------------------------------------------*/
/*---------------------Begin Buy Container---------------------*/
/*-------------------------------------------------------------*/

.buy_button_container {
	text-align:right;
}

.buy_box {
	float:right;
	margin-left:1.5em;
	margin-bottom:1em;
}


/*-------------------------------------------------------------*/
/*----------------------End Buy Containers---------------------*/
/*-------------------------------------------------------------*/

/*------------Begin Flash Content---------------*/
/*----------------------------------------------*/


#main_swf_container {
	/*Container for Flash App*/
	background:#ffffff;
	min-height:220px;
	text-align:center;
	position:relative;
	margin:0 auto;
	z-index:1;
	outline:none;
}

#getflash {
	position:relative;
	z-index:2;
	outline:none;
}

#flashcontent {
	position:relative;
	z-index:3;
	outline:none;
}

/*--------------End Flash Content---------------*/
/*----------------------------------------------*/


/*------------Begin Video Content---------------*/
/*----------------------------------------------*/

#video_container {
	margin:2em auto 2em auto;
}

.video_container {
	margin:2em auto 2em auto;
}

.video_border {
	border:#000000 1px solid;
	width:640px;
}

/*--------------End Video Content---------------*/
/*----------------------------------------------*/

/*--------------Download Page-------------------*/
/*----------------------------------------------*/

.download_text {
	padding:0.25em 1em;
	text-align:center;
}

.download_text a {
	font-weight:bold;
	font-size:18px;
}

.download_container {
	margin:2em 0;
}

.download_header {
	font-size:48px; 
	font-weight:bold; 
	color:#022d40; 
	border-bottom:#022d40 3px solid;
	margin:12px 0;
}

.download_subheader {
	font-size:24px; 
	font-weight:bold; 
	color:#0884bf;
	margin:1em 0 0 0; 
}

.home_link {
	text-align:center;
	margin-bottom:1em;
}

#subheader_bar {
	text-align:center;
	color:#ffffff;
	background:#06608b;
/*	border:#000000 solid 1px;*/
	font-size:18px !important;
	padding:0.2em 0;
}

/*--------------End Download Page---------------*/
/*----------------------------------------------*/


/* common column settings */
/*html format as follows

<div class="next_two_column">
	<div class="col_two">
		<div class="right_column">
			 Right Column start 
			 Right Column end 
		</div>
		<div class="left_column">
			 Left Column start 
			 Left Column end 
		</div>
	</div>
</div>
*/


.col_two {/*this resides within the .two_column "mask" and creates the background for the left column*/
	float:left;
	width:100%;
	position:relative;
}

.right_column,
.left_column {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (left menu) settings */
/*Paste Styles from Excel sheet here*/
/*----------------------------------*/
.two_column  {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
background: #ffffff;
}

.two_column  .col_two {
right: 50%;
background: #ff0000;
}

.two_column .right_column {
width: 46%;
left: 102%;
}

.two_column .left_column {
width: 46%;
left: 6%;
}

/*-End Styles from Excel sheet here-*/
/*----------------------------------*/