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



html body {
margin: 0;
padding: 0;
}

p, ol, ul, h1, h2, h3, div, span, table.kit td, table.table-format td, #member_login { font-family: Arial, Helvetica, sans-serif; }

#content p,
#content ul,
#content ol { font-size: .8em; }
#content h2, #secondary_content_services h2 { font-size: 1em; margin-bottom: 0; padding-bottom: 0; }
#content h3 { font-size: .85em; }

#content p, #secondary_content_services p { margin-top: 3px; line-height: 18px; }

#get_wfj_callout {
float: right;
margin-right: -40px;
background: transparent url(/site/images/get_wfj_callout.png) 0 0 no-repeat;
width: 121px;
height: 110px;
z-index: 1;
}
#get_wfj_callout a { height: 110px; display: block; }
#get_wfj_callout span { display: none; }


/************** layout ****************/
#global-box {
position: relative;
margin: auto;
padding: 0;
width: 900px;
background-color: #fff;
/*min-height: 900px;*/
}

#header {
background: #fff url(/site/images/header_bg2.jpg) no-repeat 98% 42%;
position: relative;
width: 100%;
margin: 0;
}

#solution_method_logo { margin-top: 10px; margin-bottom: 10px; } /* now it's Wired for Joy */


#footer { margin-bottom: 1px; padding-top: 20px; padding-bottom: 1px; display: block; text-align: center; clear: both; }



/***** home only layout for now *****/
#column-left {
margin: 0 20px 10px 20px;
padding: 0;
width: 200px;
}

/***** content area on home page *****/
#content {
background: url(/site/images/top2.png);
background-repeat: no-repeat;
background-color: #5C77CA;
float: right;
width: 610px;
margin: 0 18px 25px 25px;
padding: 0;
}

#content-rounded-bottom {/* rounded bottom edge content on home page */
background: url(/site/images/bottom2.png);
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
padding: 0;
margin: 0;
height: 5px;
}

#homepromo { 
background: url(/site/images/homepromo.jpg) no-repeat;
height: 420px;
width: 610px;
}

#button_free_trial {
float: right;
margin: 190px 37px 0 0;
}


/***** index - content related styles *****/
#top, #middle, #bottom { margin: 0; padding: 10px; }

#top {
background: url(/site/images/content_top_bg2.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #5C77CA;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 60px;
}

#top h2, #top p {
color: #fff;
}

#middle {
background: url(/site/images/content_middle_bg2.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #93EBFD;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 50px;
}

#middle h2, #bottom h2, #bottom h3 {
color: #0066CC;
}

#bottom {
position: relative; /* done to absolute position #get_wired_for_joy_now */
background: url(/site/images/content_bottom_bg2.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #fff;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 50px;
min-height: 260px; /* 260 ensures wfj bg image is fully visable. */
}

#bottom p { margin-right: 150px;} /* make room for bg image of wfj*/
#bottom h3 { margin-bottom: 0; } /* narrow space: h2 over lists */
#bottom ul { margin: 0; padding-left: 10px; list-style: none; }

#five_point_system {
position: relative; 
background: transparent url(/site/images/five_point_arrow.gif) 160px 33px no-repeat;
width: 400px;
height: 140px;
}

#five_brain_states { position: absolute; top: 0; left: 0; }
#five_tools { position: absolute; top: 0; left: 220px; }

#get_wired_for_joy {
position: absolute;
background: transparent url(/site/images/bt_get_wfj_now.gif) no-repeat;
width: 123px;
height: 54px;
top: 50px;
right: 30px;
}

#get_wired_for_joy span { display: none; }


#content h2 { /* helps limit space above headers in content area. */
margin-top: 0;
}

/********* column-left links // home page ***********
#column-left a:link,
#column-left a:visited {color: #0066FF; text-decoration: none;}
#column-left a:hover {color: #333333;}*/
#column-left a:link,
#column-left a:visited {color: #1373CE; text-decoration: none;}
#column-left a:hover {color: #2D6396;}


/* watch webinar */
#webinar { 
width: 203px; height: 155px; 
background: url(/site/images/left_column_ads.png); /* Webinar and Orientation Ads */
margin: 0; padding: 0; 
position: relative; 
}

#webinar li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#webinar li, #webinar a {height: 155px; display: block;}
#adwebinar {left: 0; width: 203px; }

#adwebinar a:hover { background: transparent url(/site/images/left_column_ads.png) -207px 0 no-repeat;}

#webinar li span { display: none; }

/* signup orientation */
#orientation { 
width: 203px; height: 89px; 
background: url(/site/images/left_column_ads.png) 0 -170px; /* Webinar and Orientation Ads */
margin: 0; padding: 0; 
position: relative; 
}

#orientation li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#orientation li, #orientation a {height: 89px; display: block;}
#AdOrientation {left: 0; width: 203px; }

#AdOrientation a:hover { background: transparent url(/site/images/left_column_ads.png) -207px -170px no-repeat;}

#orientation li span { display: none; }

#ad-webinar-wrapper { margin-bottom: 15px; }

/* wfj_sidebar */
#wfj_list { 
width: 203px; height: 486px; 
background: url(/site/images/wfj_sidebar.png); /* Brain Science to Webinar */
margin: 0 0 20px 0; padding: 0; 
position: relative; 
}

#wfj_list li { margin: 0 0 5px 0; padding: 0; list-style: none; /*position: absolute;*/ top: 0; }

#what_is_solutionmethod li, #what_is_solutionmethod a {height: 190px; display: block;}
#what_is_solutionmethod {left: 0; width: 203px; }
#what_is_solutionmethod a:hover { background: transparent url(/site/images/wfj_sidebar.png) -207px 0 no-repeat;}

#get_started_wfj_telegroup li, #get_started_wfj_telegroup a {height: 201px; display: block;}
#get_started_wfj_telegroup {left: 0; width: 203px; }
#get_started_wfj_telegroup a:hover { background: transparent url(/site/images/wfj_sidebar.png) -207px -195px no-repeat;}

#FreeOrientation li, #FreeOrientation a {height: 85px; display: block;}
#FreeOrientation {left: 0; width: 203px; }
#FreeOrientation a:hover { background: transparent url(/site/images/wfj_sidebar.png) -207px -401px no-repeat;}

#wfj_sidebar li span { display: none; }

#graph { background: transparent url(/site/images/graph.png) no-repeat; width: 203px; height: 443px; margin-bottom: 18px; }



/* Brain Science */
#brain_science { 
width: 203px; height: 190px; 
background: url(/site/images/science_sidebar.png); /* Brain Science to Webinar */
margin: 0 0 20px 0; padding: 0; 
position: relative; 
}

#brain_science li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#brain_science li, #brain_science a {height: 190px; display: block;}
#brain_science_overview {left: 0; width: 203px; }

#brain_science_overview a:hover { background: transparent url(/site/images/science_sidebar.png) -207px 0 no-repeat;}

#brain_science li span { display: none; }



.item { text-align: right; font-weight: bold; }


/* FiveMinIntro - What is the SolutionMethod? */
#sprite_FiveMinIntro { 
width: 203px; height: 190px; 
background: url(/site/images/sprite_sidebar.png);
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_FiveMinIntro li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_FiveMinIntro li, #sprite_FiveMinIntro a {height: 190px; display: block;}
#sprite_FiveMinIntroVideo {left: 0; width: 203px; }

#sprite_FiveMinIntroVideo a:hover { background: transparent url(/site/images/sprite_sidebar.png) -207px 0 no-repeat;}

#sprite_FiveMinIntro li span { display: none; } /* hide text for sprite graphic */

/* Laurel's Blog */
#sprite_laurels_blog { 
width: 203px; height: 104px; 
background: url(/site/images/sprite_laurels_blog.png);
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_laurels_blog li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_laurels_blog li, #sprite_laurels_blog a {height: 104px; display: block;}
#sprite_laurels_blogGraphic {left: 0; width: 203px; }

#sprite_laurels_blogGraphic a:hover { background: transparent url(/site/images/sprite_laurels_blog.png) -207px 0 no-repeat;}

#sprite_laurels_blog li span { display: none; } /* hide text for sprite graphic */

/* Get Started w/ WFJ Telegroup */
#sprite_start_WFJ_Telegroup { 
width: 203px; height: 190px; 
background: url(/site/images/sprite_sidebar.png) 0 -200px no-repeat;
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_start_WFJ_Telegroup li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_start_WFJ_Telegroup li, #sprite_start_WFJ_Telegroup a {height: 190px; display: block;}
#sprite_start_WFJ_TelegroupGraphic {left: 0; width: 203px; }

#sprite_start_WFJ_TelegroupGraphic a:hover { background: transparent url(/site/images/sprite_sidebar.png) -207px -200px no-repeat;}

#sprite_start_WFJ_Telegroup li span { display: none; } /* hide text for sprite graphic */

/* Enroll in a Solution Telegroup */
#sprite_enroll_telegroup { 
width: 203px; height: 191px; 
background: url(/site/images/sprite_sidebar.png) 0 -488px no-repeat;
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_enroll_telegroup li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_enroll_telegroup li, #sprite_enroll_telegroup a {height: 191px; display: block;}
#sprite_enroll_telegroup_graphic {left: 0; width: 203px; }

#sprite_enroll_telegroup_graphic a:hover { background: transparent url(/site/images/sprite_sidebar.png) -207px -488px no-repeat;}

#sprite_enroll_telegroup li span { display: none; } /* hide text for sprite graphic */


/* Orientation */
#sprite_orientation { 
width: 203px; height: 86px; 
background: url(/site/images/sprite_sidebar.png) 0 -401px no-repeat;
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_orientation li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_orientation li, #sprite_orientation a {height: 86px; display: block;}
#sprite_orientation_graphic {left: 0; width: 203px; }

#sprite_orientation_graphic a:hover { background: transparent url(/site/images/sprite_sidebar.png) -207px -401px no-repeat;}

#sprite_orientation li span { display: none; } /* hide text for sprite graphic */

/* Purchase Kit */
#sprite_purchase_kit { 
width: 203px; height: 129px; 
background: url(/site/images/sprite_sidebar.png) 0 -686px no-repeat;
margin: 0 0 5px 0; padding: 0; 
position: relative; 
}
#sprite_purchase_kit li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#sprite_purchase_kit li, #sprite_purchase_kit a {height: 129px; display: block;}
#sprite_purchase_kit_graphic {left: 0; width: 203px; }

#sprite_purchase_kit_graphic a:hover { background: transparent url(/site/images/sprite_sidebar.png) -207px -686px no-repeat;}

#sprite_purchase_kit li span { display: none; } /* hide text for sprite graphic */







#graph { background: transparent url(/site/images/graph.png) no-repeat; width: 203px; height: 443px; margin-bottom: 18px; }


/***** fonts, headings, and advertising // home page *****/
#column-left h3 {
font-size: .85em;
text-decoration: underline;
margin-bottom: 7px;
}

#column-left ul { /* home page */
font-size: .8em;
list-style-type: none;
/*margin: 0;
padding: 0;*/
}
.leftcol {
margin: 0;
padding: 0;
}

#announcements h2 { /* in left column on home page */
background: url(/site/images/announcements2.gif);
width: 203px;
height: 24px;
margin-top: 25px;
margin-bottom: 5px;
}

#whats-new h2 { /* in left column on home page */
background: url(/site/images/whats_new2.gif);
width: 203px;
height: 24px;
margin-top: 25px;
margin-bottom: 5px;
}

#giving-back h2 { /* in left column on home page */
background: url(/site/images/giving_back.gif);
width: 203px;
height: 24px;
margin-top: 25px;
margin-bottom: 5px;
}




















/*************** Main Navigation Bar **************/
#nav-wrapper { margin: 0; padding: 0; }
#navbar {
width: 900px;
height: 47px;
background: url(/site/images/menubar.png);
margin: 0; padding: 0;
position: relative;
}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navbar li, #navbar a {height: 47px; display: block;}
#panel1b {left: 0; width: 180px;}
#panel2b {left: 180px; width: 180px;}
#panel3b {left: 360px; width: 180px;}
#panel4b {left: 540px; width: 180px;}
#panel5b {left: 720px; width: 180px;}

#panel1b a:hover {background: transparent url(/site/images/menubar.png) 0 -103px no-repeat;}
#panel2b a:hover {background: transparent url(/site/images/menubar.png) -180px -103px no-repeat;}
#panel3b a:hover {background: transparent url(/site/images/menubar.png) -360px -103px no-repeat;}
#panel4b a:hover {background: transparent url(/site/images/menubar.png) -540px -103px no-repeat;}
#panel5b a:hover {background: transparent url(/site/images/menubar.png) -720px -103px no-repeat;}

#navbar li span { display: none;}


/********** Secondary Navigation Menus // Courses, Services, Science, Store *********/
#navbar_courses,
#navbar_science, 
#navbar_services,
#navbar_providers,
#navbar_store { width: 900px; margin: 0px auto; padding: 2px 0 2px 0; position: relative; min-height: 16px; }

#navbar_courses li,
#navbar_science li,
#navbar_services li,
#navbar_providers li,
#navbar_store li { margin: 0; padding: 0 0 0 20px; list-style: none; display: inline; font-size: 14px; color: #FFF; }

/* secondary navbar colors */
#navbar_courses { background-color: #33CCFF; }
#navbar_science { background-color: #000099; }
#navbar_services { background-color: #CC3A83; }
#navbar_providers { background-color: #04CB13; }
#navbar_store { background-color: #FC8001; }















#wired4joy_podcast {
margin-top: 35px;
}






/***** content area on services (currently all secondary except store) pages *****/
#secondary_content_services { margin: 20px; position: relative; }

#secondary_content_services p, 
#secondary_content_services ul,
#secondary_content_services ol {
font-size: .8em;
}

#secondary_content_services h1 { font-size: 1.5em; margin-bottom: 5px; }
/*#secondary_content_services h2 { font-size: 1em; margin-bottom: 5px; }*/

/***** services links *****/
#secondary_content_services a:link,
#secondary_content_services a:visited {
color: #666666;
text-decoration: none;
}
#secondary_content_services a:hover {
color: #FF6600;
text-decoration: underline;
}

.content_left_74wper { float: left; width: 74%; }

#floated_right_box {
float: right;
width: 203px;
/*width: 30%;*/
margin: 10px 0 10px 7px;
padding: 0 0 0 10px;
}

#floated_right_box h2 {  font-size: 1em; margin-bottom: 0; padding-bottom: 0; }
#floated_right_box p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .6725em; line-height: 18px; }



/***** Courses | Kits 1-6 tables *****/
table.kit {
margin-bottom: 30px;
}
table.kit td {
font-size: .8em;
}
td.item {
width: 165px;
vertical-align: top;
padding: 4px;
}
td.description {
vertical-align: top;
padding: 4px;
}











/* Do not show */
#announcements h2 span, #whats-new h2 span, #giving-back h2 span {
display: none;
}



#journals_image {
background: url(/site/images/journals.gif);
width: 586px;
height: 143px;
}

#vertical-line-wrapper {
margin-top: 10px;
background: url(/site/images/vertical-line.png);
background-position: 245px;
background-repeat: repeat-y;
}

/* original button w/ key taken out
#login_button {
margin: 0 -4px 0 0;
padding: 0;
}*/

#member_login { /* formerly #scientific_solution */
position: absolute;
top: 0;
right: 18px;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}
#member_login p { /* formerly #scientific_solution p */
margin: 0;
padding: 0;
text-align: right;
}

#member_login a:link,
#member_login a:visited {
color: #0065AA;
}

#member_login a:hover { color: #FF6600; }

/* footer styles - site wide */
#footer_list_wrapper { background: url(/site/images/horizontal_line_550w.gif) no-repeat 54% 52%; }
#main_site_links, #other_site_links { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.footer_links li { list-style-type: none; display: inline; padding-right: 20px; }
.footer_links a:link,
.footer_links a:visited {
color: #0065AA;
text-decoration: none;
}

.footer_links a:hover { color: #FF6600; }

#footer p { /* all pages currently */
font-size: .75em;
margin-bottom: 10px;
}

#navbar_courses a:link,
#navbar_courses a:visited,
#navbar_services a:link,
#navbar_services a:visited,
#navbar_science a:link,
#navbar_science a:visited,
#navbar_providers a:link,
#navbar_providers a:visited,
#navbar_store a:link,
#navbar_store a:visited { color: #fff; text-decoration: none; }

#navbar_courses a:hover,
#navbar_services a:hover,
#navbar_science a:hover,
#navbar_providers a:hover,
#navbar_store a:hover { color: #FF6600; text-decoration: underline; background-color: #fff; }