/* these make the submenus not display by default */
/*
#submenu1 {display: none;}
#submenu2 {display: none;}
*/

/* these display the appropriate submenus */
/*
.instructors #submenu1, 
.implementation #submenu1, 
.demo #submenu1, 
.training #submenu1, 
.resources #submenu1, 
.faq_instructors #submenu1, 
.help_instructors #submenu1 
{display: block;}

.students #submenu2, 
.purchase #submenu2, 
.register #submenu2, 
.useclicker #submenu2, 
.refund #submenu2, 
.faq_students #submenu2, 
.help_students #submenu2 
{display: block;}
*/

/* these make the appropriate section or subsection bold and black */
body.home #home a,
body.home #home a:link, 
body.home #home a:hover, 
body.home #home a:visited 
{font-weight: bold; color: #000000;}

/* section 1 */
body.instructors #instructors a,
body.instructors #instructors a:link, 
body.instructors #instructors a:hover, 
body.instructors #instructors a:visited 
{font-weight: bold; color: #000000;}

body.implementation #implementation a,
body.implementation #implementation a:link, 
body.implementation #implementation a:hover, 
body.implementation #implementation a:visited 
{font-weight: bold; color: #000000;}

body.demo #demo a,
body.demo #demo a:link, 
body.demo #demo a:hover, 
body.demo #demo a:visited 
{font-weight: bold; color: #000000;}

body.training #training a,
body.training #training a:link, 
body.training #training a:hover, 
body.training #training a:visited 
{font-weight: bold; color: #000000;}

body.resources #resources a,
body.resources #resources a:link, 
body.resources #resources a:hover, 
body.resources #resources a:visited 
{font-weight: bold; color: #000000;}

body.faq_instructors #faq_instructors a,
body.faq_instructors #faq_instructors a:link, 
body.faq_instructors #faq_instructors a:hover, 
body.faq_instructors #faq_instructors a:visited 
{font-weight: bold; color: #000000;}

body.help_instructors #help_instructors a,
body.help_instructors #help_instructors a:link, 
body.help_instructors #help_instructors a:hover, 
body.help_instructors #help_instructors a:visited 
{font-weight: bold; color: #000000;}

/* section 2 */
body.students #students a,
body.students #students a:link, 
body.students #students a:hover, 
body.students #students a:visited 
{font-weight: bold; color: #000000;}

body.purchase #purchase a,
body.purchase #purchase a:link, 
body.purchase #purchase a:hover, 
body.purchase #purchase a:visited 
{font-weight: bold; color: #000000;}

body.register #register a,
body.register #register a:link, 
body.register #register a:hover, 
body.register #register a:visited 
{font-weight: bold; color: #000000;}

body.useclicker #useclicker a,
body.useclicker #useclicker a:link, 
body.useclicker #useclicker a:hover, 
body.useclicker #useclicker a:visited 
{font-weight: bold; color: #000000;}

body.refund #refund a,
body.refund #refund a:link, 
body.refund #refund a:hover, 
body.refund #refund a:visited 
{font-weight: bold; color: #000000;}

body.faq_students #faq_students a,
body.faq_students #faq_students a:link, 
body.faq_students #faq_students a:hover, 
body.faq_students #faq_students a:visited 
{font-weight: bold; color: #000000;}

body.help_students #help_students a,
body.help_students #help_students a:link, 
body.help_students #help_students a:hover, 
body.help_students #help_students a:visited 
{font-weight: bold; color: #000000;}

/* these are used when a section, which has a submenu, is selected and makes the subsections grey and normal weight */
body.instructors #instructors ul li a, 
body.instructors #instructors ul li a:link, 
body.instructors #instructors ul li a:hover, 
body.instructors #instructors ul li a:visited 
{font-weight: normal; color: #666666;}

body.students #students ul li a, 
body.students #students ul li a:link, 
body.students #students ul li a:hover, 
body.students #students ul li a:visited 
{font-weight: normal; color: #666666;}