body
 {
  font-family: Verdana;
  text-align: center;
  background-color: #dee;
  font-size:.9em;
 }
h2
 {
  color: #369;
 }
.highlightbox
{
background: #ff0;
}

.execboard
 {
  padding-left: 10%;
  list-style: none;
 }
 
.etitle
 {
  padding-left: 2em;
  font-size: 1.1em;
 }
.ename
 {
  padding-left: 5em;
  padding-top: .5em;
  padding-bottom: 2em;
 }
textarea
 {
  font-family: Verdana;
  font-size:.8em;
 }
#container
 {
  margin-left: auto;
  margin-right: auto;
  width: 52em;
  text-align: left;
 }
.highlight
 {
  background-color: #ff0;
  font-size: .6em;
 }
#header,#menu,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block
}
/* safari and opera need this */
#footer 
 { 
  width: 100%;
  margin-top: 1em; 
  clear:both; 
  text-align: center;
 }
#header,#spacer,#menu,#sub-section,#content {float:left}
.desc
 {
  padding: 0em 1em 0em 1em;
 }
#header 
 {
  width: 740px;
  background: url(background.png) no-repeat center; 
  padding-top: 0;
  height: 120px;
 }
#content 
 {
  width: 35em; 
  border: 1px solid #000;
  padding: .5em 2em 1em 2em;
  margin-left: -1px;
 }
#sub-section 
 {
  clear: left;
  width: 12em;
  border: 1px solid #000;
 }
a.menulink:link {color: #fff}  
a.menulink:visited {color: #fff}  
a.menulink:active {color: #fff}

a.herenow:link {color: #bde; text-decoration: none;}  
a.herenow:visited {color: #bde; text-decoration: none;}  
a.herenow:active {color: #bde; text-decoration: none;}

a.mainheader {display:block} 
a.mainheader:link {color: #fff}  
a.mainheader:visited {color: #fff}  
a.mainheader:active {color: #fff}

a.headlink {display:block} 
a.headlink:link {color: #edd}  
a.headlink:visited {color: #fdd}  
a.headlink:active {color: #aaa}
a.headlink:hover {background-color: #666}  

a.sidemenu {display:block} 
a.sidemenu:link {color: #600}  
a.sidemenu:visited {color: #900}  
a.sidemenu:active {color: #aaa}
a.sidemenu:hover {background-color: #fff}  
.comphead
{
 font-size: 1.4em;
}
.example
 {
  font-style: italic;
 }
.stress
 {
  font-weight: bold; 
  font-style: italic;
  text-decoration: underline;
 }
.num
 {
  list-style: decimal;
 }
.lalph
 {
  list-style-type: lower-alpha;
 }
.mainheader
 {
  text-decoration: none;
 }
#mainnav
 {
  padding-top: 25px;
  padding-left: 150px;
  display:inline-block;
 } 
#mainnav li
 {
  display: inline;
  list-style-type: none;
  font-size: 1.5em;
  padding-right: 20px;
 }
.submenu ul li
 {
  list-style-type: none;
  padding: 0;
  margin: 0;
 }

.submenu ul
 {
  padding: .2em;
  margin: 0;
 }
.subheader
 {
  background-color: #39c;
  color: white; 
  padding: .1em;
  font-size: 1em;
 }
.submenu ul ul li
 {
  border-bottom: 1px dotted #000;
 }
.eruleheader
 {
  text-decoration: underline;
 }
 .glheader
  {
   font-weight: bold; 
 }

/***************************
 * Begin Side Menu Styling *
 ***************************/

.applemenu{
padding: 0;
width: 12em; /*width of menu*/
}

.applemenu div.silverheader{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 1.2em;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: .3em;
text-decoration: none;
}

.applemenu div.selected, .applemenu div.silverheader:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #bde;
padding: 0;
height: 340px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.staleheader{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 1.2em;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: .3em;
text-decoration: none;
}

.applemenu div.staleheader:hover{
background-image: url(silvergradientover.gif);
color: white;
}


/*************************
 * End Side Menu Styling *
 *************************/
