@charset "utf-8";
/* CSS Document */

/* XXXXXXXXXXXXX  S T A R T   U N I V E R S A L   R U L E S   XXXXXXXXXXXXXXXXXXXXXXX */
body {
	margin:0;
	padding:0;
	font: 100% Arial, Helvetica, sans-serif;
	background:url(../images/bg_nav.gif) left repeat-y;
}

:-moz-any-link:focus {
  outline: none;
}
	
#div_topbar {
	height:12px;
	width: 100%;
}

#div_brandingbanner{
	border-bottom: 1px solid #a9ab8e;
	background-color:#FFFFFF;
}

#div_brandingbanner h1 {
	background-image:url(../images/goodlife_logo.jpg);
	background-repeat:no-repeat;
	height:107px;
	width:202px;
	font-size:1px;
	text-indent:-8000px;
	margin:0;
	float:left;
	border-right: 1px solid #a9ab8e;
}
	
#div_sectiontitle {
	height:82px;
	margin: 0 0 0 202px;
	
}

#div_sectiontitle h2 {
	/*width: 795px;*/
	height: 82px;
	font-size: 10pt; 
	margin: 0;
	padding: 0;
	text-indent: -8000px;
}

#div_breadcrumbs{
	height:19px;
	font-size:11px;
	margin: 0 0 0 202px;
	padding: 6px 0 0 15px;
}

/* XXXXXXXXXXXXXXX  E N D   U N I V E R S A L   R U L E S   XXXXXXXXXXXXXXXXXXXXXXXXX */

/* ================================================================================== */

/* XXXXXXXXXXXXXXXXXXXXX  S T A R T   M E N U   R U L E S   XXXXXXXXXXXXXXXXXXXXXXXXX */	
#div_leftnav { float: left; width: 202px; }

#ul_mainMenu, #ul_mainMenu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 202px;
}

#ul_mainMenu li {
	position: relative;
	height: 100%;
	/* For IE 6 - otherwise main nav gets mouseover gaps 
	under each LI that generates a submenu */
	vertical-align: middle; 
}

#ul_mainMenu li ul {
	border: 1px solid #abac90;
	width: 200px;
	position: absolute;
	left: 202px;
	top: 0;
	display: none;
	background: url(../images/bg_nav.gif) left repeat-y;
}

#ul_mainMenu a {
	display: block;
	width: 192px;
	height: 100%;
	text-decoration: none;
	padding: 5px;
	font-size: 11pt;
	color: #2952a1;
}

#ul_mainMenu li ul li a {
	width: 190px !important;
}


/* Orange */
#li_lightsourceChiro a:hover,
#li_lightsourceChiro a:active,
#li_contact a:hover,
#li_contact a:active,
#li_seminars a:hover,
#li_seminars a:active,
#li_lightsourceChiro.urhere a,
#li_contact.urhere a,
#li_seminars.urhere a {
	background-color: #ffdb69;
}

#li_lightsourceChiro.urhere ul li a:link,
#li_lightsourceChiro.urhere ul li a:visited,
#li_contact.urhere ul li a:link,
#li_contact.urhere ul li a:visited,
#li_seminars.urhere ul li a:link,
#li_seminars.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_lightsourceChiro.urhere ul li a:hover,
#li_lightsourceChiro.urhere ul li a:active,
#li_contact.urhere ul li a:hover,
#li_contact.urhere ul li a:active,
#li_seminars.urhere ul li a:hover,
#li_seminars.urhere ul li a:active {
	background-color: #ffdb69 !important;
}

/* Blue */
#li_about a:hover,
#li_about a:active,
#li_about.urhere a {
	background-color: #83bed6;
}

#li_about.urhere ul li a:link,
#li_about.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_about.urhere ul li a:hover,
#li_about.urhere ul li a:active {
	background-color: #83bed6 !important;
}

/* Indigo */
#li_indigo a:hover,
#li_indigo a:active,
#li_indigo.urhere a {
	background-color: #b8c4db;
}

#li_indigo.urhere ul li a:link,
#li_indigo.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_indigo.urhere ul li a:hover,
#li_indigo.urhere ul li a:active {
	background-color: #b8c4db !important;
}


/* Green */
#li_fullCircle a:hover,
#li_fullCircle a:active,
#li_fullCircle.urhere a {
	background-color: #aed683;
}

#li_fullCircle.urhere ul li a:link,
#li_fullCircle.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_fullCircle.urhere ul li a:hover,
#li_fullCircle.urhere ul li a:active {
	background-color: #aed683 !important;
}

/* Yellow */
#li_happenings a:hover,
#li_happenings a:active,
#li_sitemap a:hover,
#li_sitemap a:active,
#li_happenings.urhere a,
#li_sitemap.urhere a {
	background-color: #fafa85;
}

#li_happenings.urhere ul li a:link,
#li_happenings.urhere ul li a:visited,
#li_sitemap.urhere ul li a:link,
#li_sitemap.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_happenings.urhere ul li a:hover,
#li_happenings.urhere ul li a:active,
#li_sitemap.urhere ul li a:hover,
#li_sitemap.urhere ul li a:active {
	background-color: #fafa85 !important;
}

/* Red */
#li_products a:hover,
#li_products a:active,
#li_products.urhere a {
	background-color: #d68383;
}

#li_products.urhere ul li a:link,
#li_products.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_products.urhere ul li a:hover,
#li_products.urhere ul li a:active {
	background-color: #d68383 !important;
}

/* Purple */
#li_resources a:hover,
#li_resources a:active,
#li_resources.urhere a {
	background-color: #c198c1;
}

#li_resources.urhere ul li a:link,
#li_resources.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_resources.urhere ul li a:hover,
#li_resources.urhere ul li a:active {
	background-color: #c198c1 !important;
}

/* Mint */
#li_home a:hover,
#li_home a:active,
#li_home.urhere a {
	background-color: #95c4a5;
}

#li_home.urhere ul li a:link,
#li_home.urhere ul li a:visited {
	background-color: transparent !important;
}

#li_home.urhere ul li a:hover,
#li_home.urhere ul li a:active {
	background-color: #95c4a5 !important;
}
/* End rollover rules */


/* The sfhover class is being applied via JavaScript to make the submenu
show up (changing display from none to block). This didn't seem to work for
IE6, so the JavaScript manipulates the style via the DOM instead. */
#ul_mainMenu li:hover ul, #ul_mainMenu li.sfHover ul { display: block; }


/* XXXXXXXXXXXXXXXXXXXXXXXX  E N D   M E N U   R U L E S   XXXXXXXXXXXXXXXXXXXXXXXXXX */

/* ================================================================================== */

/* XXXXXXXXXXXXXXXXXX  S T A R T   C O N T E N T   R U L E S   XXXXXXXXXXXXXXXXXXXXXX */

/* Following div and style was added to keep the right content area from wrapping underneath
the nav bar when the browser window shrinks into the div_content area.  */
#div_minwidth {
	width: 1003px;
} 

#div_content {
	margin: 0 0 0 245px;
	width:755px;
} 

#div_content p {
}

#div_content h3 {
	font-size: 28px;
	margin: 28px 0;
} 

#hr_footerRule {
	height: 1px;
	width: 100%;
	color: #000;
	background-color: #000;
	padding: 0;
	margin: 0;
	border: 0;
}

#legalfooter {
	font-size:9px !important
}

/* XXXXXXXXXXXXXXXXXXXX  E N D   C O N T E N T   R U L E S   XXXXXXXXXXXXXXXXXXXXXXXX */

/* ================================================================================== */

/* XXXXXXXXXXXXXX  S T A R T   C O L O R   T H E M E   R U L E S   XXXXXXXXXXXXXXXXXX */

/*----------------------------------- START MINT -------------------------------------*/
/* Mint is used for the home page */ 
body.mint {
	background-color: #e7f1ea;
}
body.mint #div_topbar {
	background-color: #5fa678;
	border-bottom: 1px solid #497859;
}

body.mint #div_brandingbanner #div_breadcrumbs {
	background-color: #c3decc;
}

body.mint #div_content {
	color: #2a4b35;
}
/*------------------------------------- END MINT -------------------------------------*/
	
/*--------------------------------- START YELLOW -------------------------------------*/
/* Yellow is used for the sections Happenings & Events and for Site Map  */
body.yellow {
	background-color: #fefee3;
}
body.yellow #div_topbar {
	background-color: #f7f745;
	border-bottom: 1px solid #adad3a;
}

body.yellow #div_brandingbanner #div_breadcrumbs {
	background-color: #fcfcba;
}

body.yellow #div_content h3 {
	color: #c6c609;
}
/*----------------------------------- END YELLOW -------------------------------------*/

/*--------------------------------- START PURPLE -------------------------------------*/
/* Purple is used for the section Good Life Resources  */
body.purple {
	background-color: #f1e8f1;
}
body.purple #div_topbar {
	background-color: #975b97;
	border-bottom: 1px solid #724772;
}

body.purple #div_brandingbanner #div_breadcrumbs {
	background-color: #dcc5dc;
}

body.purple #div_content {
	color: #2a4b35;
}
/*----------------------------------- END PURPLE -------------------------------------*/

/*---------------------------------- START GREEN -------------------------------------*/
/* Green is used for the section Full Circle Coaching  */
body.green {
	background-color: #edf6e3;
}
body.green #div_topbar {
	background-color: #85c144;
	border-bottom: 1px solid #628a38;
}

body.green #div_brandingbanner #div_breadcrumbs {
	background-color: #d1e8b9;
}

body.green #div_content {
	color: #3b571d;
}
/*------------------------------------ END GREEN -------------------------------------*/

/*---------------------------------- START ORANGE ------------------------------------*/
/* Orange is used for the sections 
Lightsource Chiropractic, Goodlife Seminars and Contacts and Directions  */
body.orange {
	background-color: #fff7dd;
}
body.orange #div_topbar {
	background-color: #ffc40d;
	border-bottom: 1px solid #b28c17;
}

body.orange #div_brandingbanner #div_breadcrumbs{
	background-color: #ffebab;
}

body.orange #div_content h3 {
	color: #9a7500;
}
/*------------------------------------ END ORANGE ------------------------------------*/

/*---------------------------------- START BLUE --------------------------------------*/
/* Blue is used for the section About Dr. Jodi Dinnerman */
body.blue {
	background-color: #e3f1f6;
}
body.blue #div_topbar {
	background-color: #449dc1;
	border-bottom: 1px solid #38728a;
}

body.blue #div_brandingbanner #div_breadcrumbs {
	background-color: #b9dbe8;
}

body.blue #div_content {
	color: #1d4657;
}
/*------------------------------------ END BLUE --------------------------------------*/

/*---------------------------------- START INDIGO ------------------------------------*/
/* Indigo is used for the section The Indigo Festival */
body.indigo {
	background-color: #d4d8e5;
}
body.indigo #div_topbar {
	background-color: #5b6197;
	border-bottom: 1px solid #454972;
}

body.indigo #div_brandingbanner #div_breadcrumbs{
	background-color: #c5cadc;
}

body.indigo #div_content {
	color: #2c3248;
}
/*------------------------------------ END INDIGO ------------------------------------*/

/*------------------------------------ START RED -------------------------------------*/
/* Red is used for the section Products We Love */
body.red {
	background-color: #f6e3e3;
}
body.red #div_topbar {
	background-color: #c14444;
	border-bottom: 1px solid #8a3838;
}

body.red #div_brandingbanner #div_breadcrumbs{
	background-color: #e8b9b9;
}

body.red #div_content {
	color: #571d1d;
}
/*------------------------------------- END RED --------------------------------------*/

/*---------------------------------START RULES FOR H2 TAGS----------------------------*/
#home { background: url(../images/h2_home.gif) no-repeat; }
#lightsource { background: url(../images/h2_lightsource.gif) no-repeat; }
#about { background: url(../images/h2_about.gif) no-repeat; }
#indigo { background: url(../images/h2_indigo.gif) no-repeat; }
#fullcircle { background: url(../images/h2_fullcircle.gif) no-repeat; }
#happenings { background: url(../images/h2_happenings.gif) no-repeat; }
#seminars { background: url(../images/h2_seminars.gif) no-repeat; }
#products { background: url(../images/h2_products.gif) no-repeat; }
#resources { background: url(../images/h2_resources.gif) no-repeat; }
#contact { background: url(../images/h2_contact.gif) no-repeat; }
#sitemap { background: url(../images/h2_sitemap.gif) no-repeat; }

/* XXXXXXXXXXXXXXXX  E N D   C O L O R   T H E M E   R U L E S   XXXXXXXXXXXXXXXXXXXX */

/* ================================================================================== */

/* XXXXXXXXXXX  S T A R T   C L E A R F L O A T   W O R K A R O U N D   XXXXXXXXXXXXX */

/* See http://www.positioniseverything.net/easyclearing.html */

.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 */

/* XXXXXXXXXXXXX  E N D   C L E A R F L O A T   W O R K A R O U N D   XXXXXXXXXXXXXXX */