.left {
	float:left;
	padding:0 25px 20px 0;
	width:205px;
	clear:both;
}
.right {
	float:right;
	width:205px;
	padding-bottom: 20px;
}
.header {
	clear:both;
}
.icon {
	float:left;
	padding:0 10px 0 0;
	width:55px;
	clear:both;
}
.text {
	float:left;
	width:305px;
	padding-bottom: 20px;
}

/* 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;}