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

/* these display the appropriate submenus */
.sec1 #submenu1, .sec1sub1 #submenu1, .sec1sub2 #submenu1 {display: block;}
.sec2 #submenu2, .sec2sub1 #submenu2, .sec2sub2 #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;}

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

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

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

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

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

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

body.sec3 #sec3 a,
body.sec3 #sec3 a:link, 
body.sec3 #sec3 a:hover, 
body.sec3 #sec3 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.sec1 #sec1 ul li a, 
body.sec1 #sec1 ul li a:link, 
body.sec1 #sec1 ul li a:hover, 
body.sec1 #sec1 ul li a:visited 
{font-weight: normal; color: #666666;}

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