/* 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 red */
body.home #home a,
body.home #home a:link, 
body.home #home a:hover, 
body.home #home a:visited 
{font-weight: bold; color: #c00;}

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

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

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

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

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

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

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


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

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

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

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

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

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

/* these are used when a section, which has a submenu, is selected and makes the subsections dark 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: #252525;}

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: #252525;}